<h1 align=center> Spectrum UI (Under Development) </h1>

<h3 align=center> Amazing UI Components for you to choose from. 📜 </h3>

<p align="center">
     <img src="https://img.shields.io/github/repo-size/Clueless-Community/Spectrum-UI?color=red&style=for-the-badge" />
     <img src="https://img.shields.io/github/issues/Clueless-Community/Spectrum-UI?style=for-the-badge" />
     <img src="https://img.shields.io/github/issues-closed-raw/Clueless-Community/Spectrum-UI?color=green&style=for-the-badge" />
     <img src="https://img.shields.io/github/contributors/Clueless-Community/Spectrum-UI?color=%233F51B5&style=for-the-badge" />
     <br>
     <img src="https://img.shields.io/github/license/Clueless-Community/Spectrum-UI?color=red&style=for-the-badge" />
     <img src="https://img.shields.io/github/forks/Clueless-Community/Spectrum-UI?color=yellow&style=for-the-badge" />
     <img src="https://img.shields.io/github/stars/Clueless-Community/Spectrum-UI?color=green&style=for-the-badge" />
     <img src="https://img.shields.io/github/issues-pr/Clueless-Community/Spectrum-UI?color=%233F51B5&style=for-the-badge" />
     
Spectrum UI is a user-friendly Flutter UI library that offers a variety of beautifully designed widgets and components that are easy to use and can be integrated into your Flutter projects seamlessly. With Spectrum UI, you can quickly create stunning mobile app interfaces without spending a lot of time and effort on design and development. The library includes a range of pre-built UI elements such as buttons, text fields, cards, and more, all with a consistent look and feel that will make your app look polished and professional. Whether you're a beginner or an experienced Flutter developer, Spectrum UI makes it easy to create beautiful apps with minimal effort.
</p>

## Tech Stacks used 💻

[![Flutter](https://img.shields.io/badge/Flutter-%2302569B.svg?style=for-the-badge&logo=Flutter&logoColor=white)](https://flutter.dev/)
[![Dart](https://img.shields.io/badge/dart-%230175C2.svg?style=for-the-badge&logo=dart&logoColor=white)](https://dart.dev/)





## UI Components include but are not limited to 📖
1. App Bar
2. Bottom Navigation Bar
3. Alerts
4. Calendars UI
5. Buttons 
6. Labels
7. Text Fields
8. Search Fields
9. Slider
10. Notification 
11. Pop up
12. Progress bar 

... and many [more](https://docs.flutter.dev/development/ui/widgets/material).

## Screenshots of some of the UI components :iphone:
<table>
<tr>
     <td>Banner</td>
     <td>Text Field</td>
  </tr>
  <tr>
    <td><img src="assets/Screenshots/banner.jpg" width=400 height=700></td>
    <td><img src="assets/Screenshots/text field.jpg" width=400 height=700></td>
    <td><a href="ScreensShots.md" width=400>see more</a></td>
  </tr>
  </table>

<hr>
<br>

 ## 👩🏽‍💻 Contribution

- Contributions make the open source community such an amazing place to learn, inspire, and create.
- Any contributions you make are greatly appreciated.
- Check out our [contribution guidelines](https://github.com/Clueless-Community/flutter-ui-components/blob/master/CONTRIBUTION.md) for more information.

<br>

<h2 align='center'> Project maintainers </h2>
<table align='center'>
<tr>
 <td align="center">
        <a href="https://github.com/Debajyoti14">
            <img src="https://avatars.githubusercontent.com/u/91759192?v=4" width="100;" alt="Debajyoti Saha"/>
            <br />
            <sub><b>Debajyoti Saha</b></sub>
        </a>
    </td>
    <td align="center">
        <a href="https://github.com/roshaen">
            <img src="https://avatars.githubusercontent.com/u/58213083?v=4" width="100;" alt="Roshan Kumar"/>
            <br />
            <sub><b>Roshan Kumar</b></sub>
        </a>
    </td>
      <td align="center">
        <a href="https://github.com/Bhavikk01">
            <img src="https://avatars.githubusercontent.com/u/91150440?v=4" width="100;" alt="Debajyoti Saha"/>
            <br />
            <sub><b>Bhavik Kothari</b></sub>
        </a>
    </td>
      </td>
      <td align="center">
        <a href="https://github.com/ashdude1401">
            <img src="https://avatars.githubusercontent.com/u/98846260?v=4" width="100;" alt="Ashutosh Jha"/>
            <br />
            <sub><b>Ashutosh Jha</b></sub>
        </a>
    </td>
  </tr>
</table>


## Our Amazing Contributors of this Project 👨‍👨‍👦‍👦❤️
Thanks to all the contributors who worked for this project to stay alive! 😊😎

<a align="center" href="https://github.com/Clueless-Community/flutter-ui-components/graphs/contributors">
  <img src="https://contrib.rocks/image?repo=Clueless-Community/flutter-ui-components&&max=817" />  
</a>

<br>

--- 
<div align="center">
    <h3><b>Take a moment to star ⭐ the project if you like it</b></h3>
    <h3>Do checkout the other repos 💫</h3> 
</div>

