About

A CSS component library to speed up your development process while building elegant and responsive apps.

Preview

Tech Stack

Vanilla CSS, highlight.js

Features

• User can import the full library or an individual component
• All the components are fully responsive
• All the components are keyboard accessible
• All the components have been tested for contrast issues
• Avatar
  • Standard avatars
  • Avatars with status
• Alert
  • Success, Warning and Error alert
• Badge
  • Avatars with badge
  • Icons with badge
• Button
  • Solid buttons
  • Outline buttons
  • Icon buttons
• Card
• Image
  • Responsive Image
  • Round Image
• Input
  • Success, Warning and Error feedback
• List
  • Simple list
  • Checkbox list
• Desktop Navigation
• Toast

Things I want to improve/explore further

• Component library for React
• I have made ChakraUI like components using styled-components I want to explore this further and maybe extract it into a separate library. If you are interested I talk more about it in this talk I gave at React Banglore.

Connect With Me

• Twitter – @rohit_dhatrak_
• LinkedIn – /rohitdhatrak
• Other Links – /rohitdhatrak