
<h1 align='center'>SeamLess UI</h1>
<div align="center">
 <p>
  
[![forthebadge](https://forthebadge.com/images/badges/built-with-love.svg)](https://forthebadge.com)
![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=for-the-badge)
![Visitors](https://api.visitorbadge.io/api/visitors?path=Clueless-Community%2Fseamless-ui%20&countColor=%23263759&style=for-the-badge)
![GitHub forks](https://img.shields.io/github/forks/Clueless-Community/seamless-ui?style=for-the-badge)
![GitHub Repo stars](https://img.shields.io/github/stars/Clueless-Community/seamless-ui?style=for-the-badge)
![GitHub contributors](https://img.shields.io/github/contributors/Clueless-Community/seamless-ui?style=for-the-badge)
![GitHub last commit](https://img.shields.io/github/last-commit/Clueless-Community/seamless-ui?style=for-the-badge)
![GitHub repo size](https://img.shields.io/github/repo-size/Clueless-Community/seamless-ui?style=for-the-badge)
![Github](https://img.shields.io/github/license/Clueless-Community/seamless-ui?style=for-the-badge)
![GitHub issues](https://img.shields.io/github/issues/Clueless-Community/seamless-ui?style=for-the-badge)
![GitHub closed issues](https://img.shields.io/github/issues-closed-raw/Clueless-Community/seamless-ui?style=for-the-badge)
![GitHub pull requests](https://img.shields.io/github/issues-pr/Clueless-Community/seamless-ui?style=for-the-badge)
![GitHub closed pull requests](https://img.shields.io/github/issues-pr-closed/Clueless-Community/seamless-ui?style=for-the-badge)
  
 </p>
 </div>

<h2 align='center'>A UI kit which you always wanted⭐</h2>
<p align='center'> <b> An open-source UI library built using HTML and CSS and maintained by Clueless Community</b><p>


## Important Note

This is not a repo where you can come and dump any UI code. You need to make proper components from the [Figma File](https://www.figma.com/file/qzwugAfEB1GL4FgWXw9R3Z/SeamLess-UI-Dev?node-id=0%3A1&t=qRahoepdI3B98cVA-1), which maintains proper design system and will be converted to a proper UI library along the way. We have just started out. 

## How to contribute?

We highly recommend you to go through the [CONTRIBUTING.md](https://github.com/Clueless-Community/web-ui-kit/blob/main/CONTRIBUTING.md) file, where we have guided you step by step to make your contribution meaningful and in the correct manner.
 
<!--- ##### Once the pull request is merged, you will be given points according to the difficulty of the contribution. If you top the leaderboard you will be winning amazing swags and t-shirts from `ClueLess Community`-->
---
## Don't know about Tailwind CSS ,HTML, git and github.
    
#### Here is a complete guide for you to get started with all these tech stack. [click this link to get started](https://github.com/Clueless-Community/web-ui-kit/blob/main/Tutorial.md)
---
## What is the purpose of this project?
    

We want to build the best and most simple UI Kit for frontend developer which you can use irrespective of tech stack you are using, be it a plain HTML CSS static page or React, Vue or Angular. One should be always  able to use this UI kit in a fully fledged manner.

---
<h2 align='center'> Project maintainers </h2>
<table align='center'>
<tr>
    <td align="center">
        <a href="https://github.com/Rajdip019">
            <img src="https://avatars.githubusercontent.com/u/91758830?v=4" width="100;" alt="Rajdeep Sengupta"/>
            <br />
            <sub><b>Rajdeep Sengupta</b></sub>
        </a>
    </td>
    <td align="center">
        <a href="https://github.com/rupsha014">
            <img src="https://avatars.githubusercontent.com/u/109761128?v=4" width="100;" alt="Rupsha Sarkar"/>
            <br/>
            <sub><b>Rupsha Sarkar</b></sub>
        </a>
    </td>
      <td align="center">
        <a href="https://github.com/RavindraP04">
            <img src="https://avatars.githubusercontent.com/u/98400348?v=4" width="100;" alt="Rupsha Sarkar"/>
            <br/>
            <sub><b>Ravindra Pandey</b></sub>
        </a>
    </td>
  </tr>
</table>

<h2 align="center"> Project Contributors </h2> 

<div align="center">
    <a href="https://github.com/Clueless-Community/seamless-ui/graphs/contributors">
    <img src="https://contrib.rocks/image?repo=Clueless-Community/seamless-ui" />
    </a>
</div>

---
## Facing some problem?

Join our discord server community and ask your query. We are always there to solve your queries and problem. Just tag the maintainers and ask your queries in SeamLess UI channel and your queries will get resolved in  very short duration of time. Try it once...😉 

Here is a link to our [Discord Server](https://discord.gg/r5uKBGxT9T).
