Calm UI

Calm UI is a free, open source framework that provides ready-to-use frontend components that you can easily combine to build responsive web interfaces.

Home Page

Tech Stack

Client: Html, Css, Javascript

Run Locally

Clone the project

  https://github.com/rajkishancode/Calm-Designs.git

Go to the project directory

  cd Calm-Designs

Open Project

  open index.html

Installation

You can use this library by adding css stylesheet to your website. To get started add the following link element in your head element of the HTML file.

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

Visit docs to explore more.

Components of Calm:

• Alert

  • Standard Alert
  • Alert with Icons

• Avatar

  • Standard Avatar
  • Avatar with initials

• Badge

  • Badge on avatar
  • Badge on icons

• Button

  • Standard button
  • Outline button
  • Link button
  • Icon button
  • Floating Button

• Card

  • Text only card
  • Image Card
  • E-commerce Card
  • Social Media Card
  • Card with text overlay
  • Card with dismiss
  • Card with Badges
  • Horizontal card

• Responsive Image

  • Round Image
  • Square Image

• Input

  • Standard Input
  • Validation and Error Inputs
  • Simple textarea

• Navigation

  • Simple Navigation (Desktop)

• Modal

  • Modal

• Rating

  • Star Rating

Authors

• Raj Kishan

Features

• Ease of Styling

• Flexible & composable

• Accessible

• Cross platform

🔗 Links

Feedback

If you have any feedback, please reach out at rajkishn@gmail.com