GuptaEesh / ComponentLib

You can use this in your projects from here:

Home Page:https://attr-act.netlify.app/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Attr🔹ct

Component Library to build UI faster.

Table of Contents:

  • It has code snippets and live demos for all the components.
  • This component library is built with html, css and vanilla js.
  • All the components are ready to use to create your own app faster.
  • Copy paste the code and get ready to experience the power of this library.

How to Use?

Copy CSS file mentioned in installation section and paste it in your head tag of html file. Or you can directly copy it from here-

<link href="https://attr-act.netlify.app/Attract.css" rel="stylesheet">

Documentation will help you to understand look and feel of the components.

In Documentation, html code is written with visual representation of components. You can directly copy and paste in your html file.

The interesting thing is you can mix this with your own defined classes and also override it using specificity or with !important keyword. But I would advice you to:

+ use specificity
- avoid !important

###The Main Page(using glassmorphism):

cl1

###The documentation page supports 2 modes:

Light mode cl2

Dark mode cl3

Creator:

EESH GUPTA

About

You can use this in your projects from here:

https://attr-act.netlify.app/


Languages

Language:CSS 86.6%Language:HTML 12.1%Language:JavaScript 1.3%