Prime8 UI

A CSS component library built using HTML, CSS and Vanilla JavaScript to speed up your development process while building elegant and amazing apps.

---

Get Started

There are two ways by which you can load this component library into your project.

• Add the below <link/> tag in the head tag of your HTML file of your project.

<link rel="stylesheet" href="https://prime8-ui.netlify.app/styles.css" />

OR

• Add the below code in the main stylesheet of your project.

@import "https://prime8-ui.netlify.app/styles.css";

Click Here to explore the components.

---

Components List

• Alert
  • Basic alerts of 4 types
• Avatar
  • Image Avatars
  • Text Avatars
• Badge
  • Badge on Avatars
  • Badge on Icons
• Button
  • Standard Buttons
  • Link Button
  • Icon Buttons
  • Floating action Buttons
• Cards
  • Simple Card
  • Text-only Card
  • Card with badge
  • Card with dismiss button
  • Card with text overlay
  • Horizontal Card
  • Card with shadow
• Grid
  • 50-50 Layout (Grid-2 Layout)
  • 30-70 Layout
  • Grid-3 Layout
• Images
  • Responsive Image
  • Round Image
• Input
  • Simple Input
  • Input with validation
• Lists
  • Spaced List
  • Stacked List
• Modal
  • Simple Modal
• Navigation
  • Desktop Navigation
• Rating
  • Star Rating
• Slider
  • Simple Slider
• Toast
  • Simple Toast
• Typography
  • Heading utilities
  • Text alignments
  • Colored Text

---