LunarUI

A blazing fast component library.

Installation

To get started add the following link tag to your head element of the HTML file.

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

Documentation

Docs

Components provided

• Alerts
• Avatar
• Badge
• Button
• Input
• Cards
• Images
• Typography
• List
• Navigation
• Modal
• Toast

Others:

• Sizes

  • sm - small
  • md - Medium
  • lg - Large

• Font-size for Typography

  • Increase with the number from 1-5, heading-1 being the largest and heading-5 being the smallest

• Font-weight

  • Increase as the numbers decrease from 3-0, bold-0 being the least and bold-3 having the maximum font weight

Preview