Giter Site home page Giter Site logo

clueless-community / spectrum-ui Goto Github PK

View Code? Open in Web Editor NEW
72.0 1.0 99.0 4.44 MB

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.

License: MIT License

Kotlin 0.03% Swift 0.31% Objective-C 0.01% Dart 89.12% CMake 4.14% C++ 5.09% C 0.31% HTML 0.41% Ruby 0.59%
components dart flutter ui

spectrum-ui's Introduction

Spectrum UI (Under Development)

Amazing UI Components for you to choose from. ๐Ÿ“œ


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.

Tech Stacks used ๐Ÿ’ป

Flutter Dart

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.

Screenshots of some of the UI components ๐Ÿ“ฑ

Banner Text Field
see more


๐Ÿ‘ฉ๐Ÿฝโ€๐Ÿ’ป 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 for more information.

Project maintainers

Debajyoti Saha
Debajyoti Saha
Roshan Kumar
Roshan Kumar
Debajyoti Saha
Bhavik Kothari
Ashutosh Jha
Ashutosh Jha

Our Amazing Contributors of this Project ๐Ÿ‘จโ€๐Ÿ‘จโ€๐Ÿ‘ฆโ€๐Ÿ‘ฆโค๏ธ

Thanks to all the contributors who worked for this project to stay alive! ๐Ÿ˜Š๐Ÿ˜Ž



Take a moment to star โญ the project if you like it

Do checkout the other repos ๐Ÿ’ซ

spectrum-ui's People

Contributors

aditisingh2003 avatar akashsri3bi avatar ashdude1401 avatar bhavanisaranga12 avatar bhavikk01 avatar code1705 avatar cschinmay777 avatar d-aman-s avatar debajyoti14 avatar deepanshu-sharma-18 avatar divyanshinarang avatar helloamj avatar ishita-roy016 avatar kaushal1717 avatar nikhil25803 avatar pritesh2745 avatar radar101 avatar rhishikesh12 avatar roshaen avatar runterror avatar s-ishita avatar sarkartanmay393 avatar superiorsd10 avatar suryansh1720001 avatar uttkarsh-raj avatar zapeeosheikh avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

spectrum-ui's Issues

Removing Overflows

Description

In two types of login screen, I found some overflow problems
Removing those overflows and also
Upper Tab bar is containing back arrow option which is not mentioned in screenshot #18. I will fix this also

Screenshots

2
1

3.mp4

[DOC] Contribution Guidelines

Add Contribution.md explaining the process for contributing in the project
Also, the doc should explain the folder structure of the project

Build a Toggle Switch

Description

Build the UI of the Toggle Switch component as shown in the image below

Screenshots

toggle_switch

[DOC] Improve Readme

Items to be added

  1. About flutter UI components
  2. Techstacks used
  3. Screenshots of some UI components
  4. Link contribution guidelines

Build a Sign in Button

Description

Build the UI of the Sign in button as shown in the image below

Screenshots

sign_in_with_google

Add animated navigation bar for light and dark mode

I would like to request the addition of a new feature: an animated navigation bar that supports both light and dark mode. The design for this feature can be found in this Figma file:

For light mode -
https://www.figma.com/file/Lhmy3Wlvdo1fQeYgmHp6Ry/animated-mobile-navigation-give-away?node-id=0%3A1&t=8UWmPxb6kYDBpQ6I-1

For Dark Mode -
https://www.figma.com/file/5qmXvL7Dm3v2pHi12FWnNe/Flutter-Ui?node-id=119%3A1260&t=hsgBoTbJQNNhFaut-1

The navigation bar should smoothly transition between light and dark mode based on the user's system settings. It should also include support for icons, labels, and customizable colors.

This feature would be a great addition to the repository and would greatly enhance the user experience. Please let me know if you need any additional details or requirements for this feature.

screenshots

image

image

Add Profile Page Screens.

Description

You can add a Profile Page Template made with flutter and dart.

Before making a PR, make sure to share a screenshot of your page to the maintainer of this Project.

Screenshots

No response

feat: Add issue templates

Description

There are currently no issue templates for the project. I would like to add the templates so that they'll help folks contributing to the project by giving a structured way to describe the problem.

[DOC] Improve README with new features

Hello admin

Features I want to add -

  • add contributor details.
  • add the contribution guidelines.

These are important features of the readme file of any open-source project. kindly assign me this issue.

Login and SignUp Screen UI

Description

Hey,
Can I contribute these screens to your repo under the Hactoberfest label?

Screenshot_1667228787
Screenshot_1667228987

Screenshots

No response

Design Screen for Signup Page

Creating design screens using Figma, the Final design which is confirmed by the team can be used for building flutter UI #5

  • Should upload screenshots
  • Should paste the Figma link

App Bar : Want to add an App Bar theme

Description

By going through your repo, I find your idea unique and amazing.
Hence I would like to contribute into this.
I am adding an App Bar theme.
In this theme you can scroll between different tabs.
I used gradient as background ,I hope you would like it.

Screenshots

IMG_20221016_195114

Individual Design Screen

Description

Design Individual Design UI as Shown in Screenshot below.

image

User will pass the widget path to individual design screen as string and it should show the preview, code of that widget.
Same user will pass the developer GIT ID as string and it should show the git profile of that developer.

Screenshots

No response

improving the bottom sheet form UI

WhatsApp Image 2022-10-24 at 02 26 08
I have improved the bottom sheet UI Screen page by giving it more functionalities like you can add new entries with a floating action button after every entry will be shown on the screen with the entered data.
please, assign me the work under hackoctoberfest.

Add Modal Nav Drawer

Description

Build the UI of the Modal Nav Drawer as shown in the image below

Screenshots

modal_nav_drawer

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.