About

A component library created for further projects. This library would have themes as branches. The latest finalized theme would be pulled in main.

These themes are responsive :D

What's included?

This component library includes the following:

1. Theme toggle button
2. Gradient Cover page with background
3. Header
4. Navigation
5. Typography
6. Aside
7. Lists (all the possible combinations I could muster up)
8. Links
   • Primary Link
   • Secondary Link
9. Buttons
   • Primary Button
   • Submit Button
   • Reset Button
10. Code block
    • Code block hosted by github "Gist"
    • Off white code block
11. Containers
    • Fluid
    • Center
12. Sections
    • Normal
    • Off white
    • Toast (Not Completed yet)
13. Cards Showcase
    • can be used for blogs, projects, etc.
14. Footer

Getting Started

Each component is styled and contained in a div, the HTML code can be found in the "index.html" file. In CSS mmuliple utility classes have also been used, kindly do note that.

Steps to impliment:

1. Copy HTML with style classes from "index.html".
2. Copy CSS including the utility classes and the media queries from the CSS file located in "css" folder.
3. Copy related javaScript file in javaScript folder.
4. Verify the class names before pulling your hair out for it not working :P

Preview

A live preview can be seen at

as1553-component-library.netlify.app

Suggestions❓

Any suggestions are welcome, be it a different way to write the same class, kindly do message me.

Stay tuned 👀

More themes are coming.