Lens-UI

A Component Library

---

Installation Guide

You can use the Lens-UI by adding our 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://lens-ui.netlify.app/style.css"/>

---

Components Lens-UI Provides

• Alert

  • Simple Alert
  • Alert With icon
  • Alert with dismiss

• Avatar

  • Round Image Avatar
  • Square Image Avatar
  • Text Avatar

• Badge

  • Badge on avatar
  • Badge on icons
  • Text Badge

• Button

  • Primary Button
  • Secondary Button
  • Disabled Button
  • Size of Button
  • Floating Action Button

• Card

  • Text Card
  • Verical Card
  • Horizantal Card
  • Text Overlay Card

• Image

  • Responsive Image
  • Rounded Image

• Input

  • Different Input Fields
  • Form with validation

• List

  • Unordered list
  • Ordered list
  • Inline list
  • Stacked list

• Modal

  • Simple Modal Card

• Navigation

  • Simple Navigation

• Slider

  • Simple Slider
  • Slider with icon
  • Slider with label

• Toast

  • Simple Toast

• Typography

  • Headings
  • Text utility classes

• Rating

  • Read only Rating
  • Rating Badges

• Grid

  • Grid Two Column layout
  • Grid Three Column layout

---

Live Link : https://lens-ui.netlify.app/

---

Connect With Me

---