Git Product home page Git Product logo

chandansgowda / flutter_ui_kit Goto Github PK

View Code? Open in Web Editor NEW
18.0 2.0 16.0 124.54 MB

An open source collection of flutter application templates which includes high quality responsive screens and widgets.

License: MIT License

Java 0.11% Objective-C 0.47% Dart 96.68% Kotlin 0.10% Swift 0.29% HTML 1.33% Ruby 1.00%
dart flutter flutter-apps flutter-design flutter-examples flutter-ui templates hacktoberfest hacktoberfest2022 contributions-welcome contribution-welcome open-source

flutter_ui_kit's Introduction

Flutter UI Kit

An open-source collection of flutter application templates that includes high-quality responsive screens and widgets.

Steps to contribute

  • Drop a ⭐ on the Github repository (optional)

  • Before Contribute Please read CONTRIBUTING.md and CODE_OF_CONDUCT.md

  • Create an issue of the project or a feature you would like to add in the project and get the task assigned for youself.(Issue can be any bug fixes or any feature you want to add in this project).

  • Fork the repo to your Github.

  • Clone the Repo by going to your local Git Client in a particular local folder in your local machine by using this command with your forked repository link in place of below given link:
    git clone https://github.com/chandansgowda/flutter_ui_kit

  • Create a branch using below command. git branch <your branch name>

  • Checkout to your branch. git checkout <your branch name>

  • Add your code in your local machine folder. git add .

  • Commit your changes. git commit -m"<add your message here>"

  • Push your changes. git push --set-upstream origin <your branch name>

  • Make a pull request! (compare your branch with the owner main branch)

Code of Conduct

Review the Code of Conduct

Feedback

Any feedback would be appreciated. Create a new feedback issue.

Completed Flutter Templates

1. Coffee App UI

image

Contributors:


#FITNESS APP

#reference image My Project: https://github.com/Redvey/flutter_ui_kit/assets/128305006/5121f6c7-56c8-44de-9889-dea58d4769e9 This Flutter application is designed for a fitness-focused mobile app and features a Trainer Screen. The app offers a variety of functionalities and components to enhance the fitness experience. Here's a brief overview of the key features:

Customized AppBar: The app includes a sleek and transparent app bar with a user profile picture and an integrated notification bell icon.

Category Listings: Users can explore different fitness categories, each accompanied by a relevant image and specialization details. These categories help users find the ideal fitness trainer.

Search Functionality: A user-friendly search box is available to quickly find a preferred trainer or fitness category. The search functionality is designed for a seamless user experience.

Trainer Profiles: Trainer profiles are displayed in a visually appealing manner. Each profile includes the trainer's name, specialization, and a background image. Users can tap on a trainer for more details.

Navigation: The app's navigation is facilitated by a bottom navigation bar. When a user is on the "TrainerScreen," the "Trainer" option in the bottom navigation bar is selected, ensuring a clear indication of the active screen.

Top Trainer Page: Users can access a "TopTrainerPage" to explore the top fitness trainers. This feature provides valuable insights into the highest-rated trainers.

All Trainers Listing: The app also offers an "All Trainers" section, allowing users to browse through an extensive list of trainers, each with their name and role.

This GitHub repository showcases the code for the fitness app, making it a valuable resource for developers interested in creating similar fitness and trainer-related applications. Feel free to explore the code and adapt it to your specific project needs.

For more detailed instructions and documentation, refer to the codebase and project files within the repository. Screenshot 2023-10-24 at 10 11 24 PM Screenshot 2023-10-24 at 10 11 18 PM Screenshot 2023-10-24 at 10 11 28 PM

flutter_ui_kit's People

Contributors

akashangadii avatar chandansgowda avatar moinuddin9777 avatar redvey avatar sahadevamk avatar shivammenda avatar sowham-3098 avatar

Stargazers

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

Watchers

 avatar  avatar

flutter_ui_kit's Issues

Add main homescreen

Currently we are hardcoding to navigate to different app templates. Have to add a screen with listview including all screens.

Work on Crypto App UI

I have worked on it and developed some basic components.
Go through the attached image and continue the same.
Thank You.

image

Issue with the Assets

  • The path of assets is not specified in the pubspec.yaml
  • The path passed in the image.asset is wrong
  • Need to create a common class with the location of images to call the asset images easily. It makes calling of images less prone to error @chandansgowda

Work on overall Application UI

The complete app helps to see the demo of all other screens and widgets available in the kit. This app's UI has to be made more attractive too.

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.