yoicards
1.0.5 • Public • Published YoiCards
An easy-to-use CSS library for quickly building responsive card components
Yoimiya from Genshin Impact
Tools Used
How to use
- Run the command
npm install yoicards@latest
- In your HTML, have a link tag that references to
./node_modules/yoicards/css/index.css
- Enjoy!
Different Card Types (All visible on example.html)
-
Basic
![image](https://github.com/Sajid2001/yoi-cards/assets/60523377/91fa7621-9892-443c-b9c0-055ffd388d0e)
-
Pokemon
![image](https://github.com/Sajid2001/yoi-cards/assets/60523377/81cb07fd-0c0a-4fea-b11a-caa88b8b0253)
-
Horizontal
![image](https://github.com/Sajid2001/yoi-cards/assets/60523377/e992e306-9f79-4e05-a936-fde89e544005)
-
Jumbotron
![image](https://github.com/Sajid2001/yoi-cards/assets/60523377/a183c357-ab4f-4865-9ba8-83645df2c0a9)
-
Baseball
![image](https://github.com/Sajid2001/yoi-cards/assets/60523377/4f5c9ffc-a6a9-4502-91f9-d8ba1233666d)
-
Avatar
![image](https://github.com/Sajid2001/yoi-cards/assets/60523377/d29dfce4-997c-48f8-a1dc-c606898e5757)
How to contribute
- Clone this repository
- Inside the project directory, run
npm install
- Inside the project directory, run
gulp
- Open the
example.html
file in the live server to test the library
Plans for the future
- Potentally adding more components to this library, such as buttons, navbars, and more jumbotrons
Dependencies (0)
Dev Dependencies (6)
Package Sidebar
Install
Weekly Downloads