MF / Journal
← Project archive

Project case study

Ampere UI - A UI library for Web

Ampere UI is a UI library for Web. It's built with HTML, CSS and a little bit of JavaScript.

Published
StackHTML · CSS · JavaScript

AmpereUI

Get Started

Just add the below <link> inside your <head> section of your page. Make sure to keep this as your first CSS import, if you would be using your own custom CSS classes.

<link rel="stylesheet" href="https://ampereui.netlify.app/ampereUI.css" />

Components

AmpereUI comes with the components listed below, however it keeps updating and we keep adding new components.

  • Button
  • Card
  • Input
  • Navbar
  • Modal
  • Toast
  • Progress Bar
  • Rating
  • Badge
  • Avatar
  • Alert
  • List
  • Grid
  • Typography
  • Icons
  • Image
  • Responsive Utilities