Kolpotoru UI - Let's fulfill all wishes

Component Library to build UI faster - The UI library you always wanted, which would fulfill all your wishes

This component library is built with html, css and vanilla js. All the components are ready with css, to create your own app faster. Just copy paste the code and you are ready to fill your content.

App has examples, code snippets and live demos for all the components.

How to Use?

• Include CSS file mentioned in installation section in your head tag of html file. And you are ready to use this file.

  • Version 1: Version 1 has light theme. To use this include below code in your html head tag

  <link rel="stylesheet" href="https://kolpotoru-ui-design.netlify.app/Components/kolpotoru.css"/>

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

• In Documentation, example's html code is written, you can directly copy and paste in your html file.

• You can also create combinations of components by adding appropriate class to your html elements.

Components

The components of Kolpotoru UI are as follows:

1. Alert
2. Avatar
3. Badge
4. Button
5. Card
6. Image
7. Input
8. Lists
9. Modal
10. Navigation
11. Rating
12. Slider
13. Simplified Grid
14. Typography
15. Toast

Live Link

Kolpotoru UI(https://kolpotoru-ui-design.netlify.app/)

Demo

Kolpotoru._.Home.-.Google.Chrome.2022-02-22.23-36-19.mp4

Tech Stack

• HTML
• CSS
• JavaScript

Run Locally

Clone the project

  git clone https://github.com/ranitasahaa1230/Kolpotoru-UI-Component-Library.git

Contribute!

• This project is meant to be open source! Do feel free to add bugs and fork the repo for contribution.
• Liked the project? Do please ⭐ it :)

Authors

• @ranitasahaa1230

👩‍💻 Connect with me