Code Snippets of highly interactive Flutter Templates that can be implemented in a Native Flutter App.

Overview

Native Frontend Flutter

7

About the Repository

We are on a mission to make things easy and convenient for all the users who just want to save their time. This repository consists of all the development components that are being used while coding an end to end mobile screens in flutter. The main goal is to save your time by providing the complete code snippet with a fully responsive design of all the components that you may use in your development journey. At the later stage, the project is planned to be get converted into a library so that the components created can directly be used by importing and calling through classes. We always encourage new ideas. Feel free to get in touch with us and join our Discord Server for updates.

💯 open source programs this repo has been part of

⚒️ Contribution Guidelines

Are we missing any of your favorite features, which you think you can add to it? We invite you to contribute to this project and improve it further.

Click on the image below to set up and contribute to the project or Click here

setup

👨‍💻 Our valuable Contributors

This project exists thanks to all the people who contribute.

Contributors

❤️ Code of Conduct

Please note that Open Source Design has a Contributor Code of Conduct. By participating in this project online or at events you agree to abide by its terms.

📜 License

License: MIT © Dezenix

t

Comments
  • Music Player App Design

    Music Player App Design

    We gonna develop a complete UI for Music Player App - Spotify Clone Screens to be develop:

    1. SplashScreen
    2. Signup Screen[completed]
    3. Signin Screen[completed]
    4. HomeScreen
    5. Settings Screen
    6. Music List Screen
    7. Music Play screen

    Follow the Guidelines and code of conduct when your pushing changes.

    Do the project in Music Player folder which is already created.

    GSSoC22 Level3 
    opened by naveeramesh 20
  • Frosted Glass

    Frosted Glass

    Create a frosted glass effect

    Follow the guidelines and code of conduct Frosted glass folder check the readme and do necessary changes ,and follow the code structure.

    good first issue WoC 2.0 SWoC 
    opened by naveeramesh 10
  • Sign In Screen of Exercise App

    Sign In Screen of Exercise App

    • Created Completely Responsive Sing up Screen using provider.
    • For the issue #78
    • Here is the output below:

    Screenshot (538)

    • Opening keyboard to make sure if everything is smooth , here is the output below

    Screenshot (539)

    GSSoC22 Level2 
    opened by mdnazisharman2803 7
  • Custom Linear progress indicator

    Custom Linear progress indicator

    Create a custom linear progress indicator where you can visualize the size of the file downloading respectively Make a smooth working progress indicator by using attractive colors. Follow the Guidelines and code of conduct when your pushing changes.

    Folder structure: Custom widgets\custom_linearprogress01\

    GSSoC22 Level2 
    opened by naveeramesh 7
  • Onboarding screen with sign in and sign up

    Onboarding screen with sign in and sign up

    Description

    create the UI screen as given below Follow the Guidelines and code of conduct when you push changes.

    Screenshots

    image

    Additional information

    No response

    10DoC 
    opened by Jaideep25-tech 6
  • Car Booking App Available Cars Screen

    Car Booking App Available Cars Screen

    • Created Available Cars Screen and managesd state using provider, used list view builder to show items.
    • For the issue #102
    • Here is the output below:

    Screenshot (730)

    • Scrolling down to make sure if everything is Screenshot (729)
    opened by mdnazisharman2803 5
  • Create a slide bar

    Create a slide bar

    Create a slide bar with Shimmer effect Refer some existing design and bring some innovative Slide bar Follow the Guidelines and code of conduct when your pushing changes.

    Folder structure: Shimmer\shimmer_slidebar01\

    WoC 2.0 SWoC 
    opened by naveeramesh 5
  • Custom bottom bar

    Custom bottom bar

    Create a custom bottom navigation bar without using packages Refer various UI designs from Dribbble Make a smooth working custom bottom bar Follow the Guidelines and code of conduct when your pushing changes.

    Folder structure: Custom Widgets\custom_bottombar01\

    WoC 2.0 SWoC 
    opened by naveeramesh 5
  • Made login screen

    Made login screen

    Closes #5 Made a log in screen for the app. Added an animation to the logo and added input fields to username and password using which users can log in. Forgot password and Register buttons are also added in the log in screen

    @naveeramesh Any changes required?

    opened by sanjanarp 5
  • Register Screen

    Register Screen

    Follow the Guidelines and code of conduct. Check Register Screen Folder readme follow the steps for redesigning the register screen, follow to code structure.

    enhancement good first issue WoC 2.0 
    opened by naveeramesh 5
  • Car booking details screen

    Car booking details screen

    • Created Car booking details Screen.
    • Added feature to book car and call owner.
    • For the issue #102
    • Here is the output below:

    Screenshot (741)

    • Going back and check if other car details loaded. Screenshot (740)
    GSSoC22 Level3 
    opened by mdnazisharman2803 4
  • News application

    News application

    Create

    1. login screen
    2. Sign-up screen
    3. Splash screen
    4. News feed screen
    5. Detail news view screen
    6. Set Dezenix logo as the logo of the application Refer https://dribbble.com/shots/14196232-News-app-concept
    GSSoC22 Level3 
    opened by naveeramesh 1
  • Car Booking App

    Car Booking App

    Description

    Idea is to make an app that will solve problem of environmental pollution as some people have extra car so they can post their car and it's details on this app so the other user of the app could see it and book the car .

    It'll include

    • Login screen
    • SignUp screen
    • Available cars screen
    • Details of cars Screen
    • Account Screen

    Screenshots

    No response

    Additional information

    As a participant of GSSOC '22, I myself would like to work on this issue.

    @naveeramesh @Jaideep25-tech kindly assign Me this issue....

    GSSoC22 Level3 
    opened by mdnazisharman2803 5
Owner
Dezenix
Dezenix
Flutter quick code snippets - Feel free to contribute.

Flutter quick code snippets Points to be noted Here you can add your own quick flutter code snippets which can be referred while coding Please make a

Deepa Pandey 13 Sep 21, 2022
A flutter plugin about qr code or bar code scan , it can scan from file、url、memory and camera qr code or bar code .Welcome to feedback your issue.

r_scan A flutter plugin about qr code or bar code scan , it can scan from file、url、memory and camera qr code or bar code .Welcome to feedback your iss

PengHui Li 112 Nov 11, 2022
End-to-end mobile app templates that other developers can use during their Flutter development journey.

Flutter UI Templates Welcome Contributors ?? The Robotics Forum always encourages new ideas. Aim ?? Main aim of this repository is to make things fast

The Robotics Forum, VIT Pune 8 Dec 18, 2022
The easiest way to style custom text snippets in flutter

Super Rich Text Check it out at Pub.Dev The easiest way to style custom text snippets Help Maintenance I've been maintaining quite many repos these da

Woton Sampaio 14 Nov 4, 2022
Creating DartPad Snippets Made Easy

Dartpad Generator Built with ❤️ at DotSlash Hackathon Creating Dartpad Snippets Made Easy ?? Team Teen Tigada Kaam Bigada Theme Developer Tool Problem

Tirth 60 Nov 15, 2021
腾讯云 1 Feb 10, 2022
A Huge Collection of Flutter App templates

Awesome Flutter Templates A Collection of Flutter Application templates. Flutter is Google’s UI toolkit for building beautiful, natively compiled appl

Lokesh Jangid 70 Dec 22, 2022
Useful Flutter UI Templates

Flutter UI Templates Useful Flutter UI Templates App Main Page Sign In Sign Up Splash Screen Template Type Status Sign In OK Sign Up OK Splash Screen

Egemen MEDE 4 Nov 13, 2022
A collection of templates to make new Flutter components using the Mason build tool.

Mason Flutter Templates A collection of templates to make new Flutter components using the Mason build tool. Setup in Project To use these templates i

Marcus Twichel 5 Jun 21, 2022
A repository for holding all mason brick templates that I have uploaded to BrickHub.

mason bricks A repository for holding all mason brick templates that I have uploaded to BrickHub. Bricks ?? Brick Description Version model A brick to

Luke Moody 81 Dec 12, 2022
how to Integrating facebook audience network to flutter app for banner, interstitial, rewarded, native and native banner

fb_ads_flutter_12 A new Flutter project. Getting Started Watch the complite tutorial for integrating Facebook ads into the Flutter app in our Youtube

null 4 Nov 26, 2022
react-native native module for In App Purchase.

Documentation Published in website. Announcement Version 8.0.0 is currently in release candidate. The module is completely rewritten with Kotlin and S

dooboolab 2.3k Dec 31, 2022
Powerful, helpfull, extensible and highly customizable API's that wrap http client to make communication easier with Axelor server with boilerplate code free.

flutter_axelor_sdk Powerful, helpful, extensible and highly customizable API's that wrap http client to make communication easier with Axelor server w

Abd al-Rahman al-Ktefane 5 Dec 25, 2022
Flutter native ads - Show AdMob Native Ads use PlatformView

flutter_native_ads Flutter plugin for AdMob Native Ads. Compatible with Android and iOS using PlatformView. Android iOS Getting Started Android Androi

sakebook 64 Dec 20, 2022
dna, dart native access. A lightweight dart to native super channel plugin

dna, dart native access. A lightweight dart to native super channel plugin, You can use it to invoke any native code directly in contextual and chained dart code.

Assuner 14 Jul 11, 2022
Boris Gautier 1 Jan 31, 2022
A widget based on Flutter's new Interactive Viewer that makes picture pinch zoom, and return to its initial size and position when released.

pinch_zoom A widget based on Flutter's new Interactive Viewer that makes picture pinch zoom, and return to its initial size and position when released

Teun Kortekaas 36 Dec 30, 2022
One piece snakes and ladders - Interactive mobile board game in Flutter

One Piece Snake And Ladders Seleção de Desenvolvedor de Software - Escribo Desaf

Raphael Meneses 1 Jan 21, 2022