Skip to content

Developed a CSS component library consisting of 10 components. Designed to be lightweight and ready-to-use, facilitating the creation of fast, responsive, and visually appealing web interfaces.

Notifications You must be signed in to change notification settings

KamiyaGaikwad/Infusify

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

wakatime

Infusify

Infusify is a CSS Component library created purely based on HTML and CSS.

The inspiration for ideas are taken from Bootstrap and Material Components For The Web.


Get Started

To use any of the components within this library, you need to add 2 files given below:

-Add the external CSS on the respective HTML page.

<link rel="stylesheet" href="https://infusify.netlify.app/styles/Infusify.css"> 

-Add the JavaScript for certain components which needs an action and outcome.

<script type="text/javascript" src="https://infusify.netlify.app/scripts/InfusifyJS.js"></script>

Note: Add the JavaScript code snippet just before the </body> such that all the components work well.


Components

Number Components Links to direct import
1 Alert https://infusify.netlify.app/components/alert/alert.css
2 Avatar https://infusify.netlify.app/components/avatar/avatar.css
3 Badge https://infusify.netlify.app/components/badge/badge.css
4 Button https://infusify.netlify.app/components/button/button.css
5 Card https://infusify.netlify.app/components/card/card.css
6 Grid https://infusify.netlify.app/components/Grid/grid.css
7 Image https://infusify.netlify.app/components/image/image.css
8 Input https://infusify.netlify.app/components/input/input.css
9 List https://infusify.netlify.app/components/List/list.css
10 Modal https://infusify.netlify.app/components/Modal/modal.css
11 Navigation https://infusify.netlify.app/components/navigation/navigation.css
12 Rating https://infusify.netlify.app/components/rating/rating.css
13 Toast https://infusify.netlify.app/components/toast/toast.css
14 Text Utilities https://infusify.netlify.app/components/navigation/navigation.css

Component's Script Links

Number Components Links to direct add javascripts
1 Alert https://infusify.netlify.app/components/alert/alert.js
2 Card https://infusify.netlify.app/components/card/card.js
3 Input https://infusify.netlify.app/components/input/input.js
4 Modal https://infusify.netlify.app/components/Modal/modal.js
5 Navigation https://infusify.netlify.app/components/navigation/navigation.js
6 Toast https://infusify.netlify.app/components/toast/toast.js

Live Link for documentation site

https://infusify.netlify.app/


Preview

Desktop View

Demo Video

preview-video.mp4

About

Developed a CSS component library consisting of 10 components. Designed to be lightweight and ready-to-use, facilitating the creation of fast, responsive, and visually appealing web interfaces.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published