/Iridescent

Iridescent is a playful and functional component library made with CSS.

Primary LanguageCSS

Iridescent.

A playful minimalistic UI.

Iridescent is an open source lightweight CSS styling framework. It's a component library aimed at being user friendly and helping you focus on the how, and why's of design and get right to building. The entire library was designed keeping in mind that it's easy to use and get started.

Choosy Dev? Don't worry we have plenty of component variants to keep you interested and invested.

Just like the various colors of light you see in a bubble, Iridescent will offer you plenty of choices to play with.

Usage

In order to introduce Iridescent to your project, Copy the link given below and paste it in the head tag of your html, above all other style sheets.

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

Alternative

Add the following import to your CSS file at the top before all other CSS file imports.

@import url("https://iridescent.netlify.app/main.css");

Directory

Now that you've imported the library to your project, you'll need some help from us to get yourself going. Fret not. We at Iridescent have put together a nifty documentation site for you to refer to and even copy the boiler plate code to use our components.

P.S. Feel free to play around with our components and make them your own, after all, it is designed to be your best friend :D Visit the below link to refer to the documentation site of Iridescent:

https://iridescent.netlify.app/

List of Components in Iridescent v1

  • Alerts
  • Avatars
  • Badges
  • Buttons
  • Cards
  • Images
  • Input
  • Text Utilities
  • Lists
  • Rating
  • Grid Layouts

How Can You Help?

If you like this follow me on twitter [srejitk].(https://twitter.com/srejitk) You can also contribute to this library. Go ahead Fork it. You can reach out to me at srejitk@gmail.com for suggestions or if you just wanna say Hi!