Flutter app templates code
fdottedline FDottedLine provides developers with the ability to create dashed lines. It also supports creating a dashed border for a Widget. Support for controlling the thickness, spacing, and corners of the dotted border. ✨ Features Supports dotted lines in both horizontal and vertical directions Support to create dashed shapes Provide super easy way to add dotted border to Widget Support …
Instagram Flutter A Flutter Instagram UI Clone Support Night Mode. Build Release Releases APK Demo Demo Demo Demo GitHub
TikTok Flutter Clone of TikTok with Flutter and Firebase. Caracteristics -TikTok UI -Swipe Videos -Dynamic Video Data Source -User Data (Name, Image) -Animations(Image rotation) Libraries -video_player. -cloud_firestore: -cached_network_image Installation 1.-Clone or download this repository git clone https://github.com/salvadordeveloper/TikTok-Flutter.git 2.-Config your Firebase instance and insert the google-service.json in android/app/ or ios/Runner 3.-Config flutter project : flutter pub get Database The app obtains …
Instagram Flutter A Flutter Instagram UI Clone Support Night Mode. Build Release Releases APK Demo Demo Demo Demo GitHub
Basic UI Toolkit A basic UI toolkit to get you started with flutter application development. Widget List: SchoolToolkitButton: Button with a busy indicator SchoolLocationWidget: Card to display school information OutlinedButton: Button with only outline border with a busy indicator SchoolToolkitTextField: Custom text field SchoolToolkitRoleButton: Animated role selection button OverlappingButtonCard: Overlapping container with a hovering button on the bottom Calendar: Calendar …
Flutter Event App Flutter event app UI design inspire from Dribble. Design Design from Dribble App UI Screen HomePage Detail Implemented Feature Hero Animation Slide Animation Drag down image to pop screen Beautiful UI Design GitHub
Flutter UI Themes Do you want to save time building your Flutter app? Developing an app from scratch is a costly and time-consuming process, but a Flutter app template is affordable because much of the code is already written for you. Don’t reinvent the wheel by starting with an empty codebase. In this article, we have showcased highly streamlined app …
Gojek-App-Clone Gojek UI clone using Flutter. GitHub
Furniture App – Flutter UI Packages we are using: flutter_svg: link goole_fonts: link Fonts Poppins link We design two pages one is the product page with a search bar at the top then the category list at the end list of products. And another one is the details page provides you more details about the product like price, long description, …
Simple Chat UI This template is a simple chat ui build with flutter ui toolkit. GitHub
Dotor Booking App Dotor Booking App UI made with Flutter, Hosted on Codemagic. Don’t forget to star ⭐ the repo it motivates me to share more open source GitHub
lets_head_out A flutter UI Challenge for Traveling. Getting Started This project is a starting point for a Flutter application. A few resources to get you started if this is your first Flutter project: Lab: Write your first Flutter app Cookbook: Useful Flutter samples GitHub
neuomorphic_container A package widget that applies the concept of Neuomorphism in software development using Flutter. Getting Started Neumorphic containers pretends to extrude from the background. It’s an elevated form created from the same element of the background. The background color of your application or widget hosting the Neuomorphic Container has to match the Neuomorphic Container background color to display properly. …
Flutter UBER UI Kit A flutter Uber UI Kit inspired by A design on behance 20+ Screens and still making more. Author Garuba OLayemii GitHub
rest_app Authentication + Splash Screen Flutter UI, UI created getting inspired from one share on dribble with flutter. UI created getting inspired from one share on dribble with flutter, after getting amazing responce, Added Firebase Authentication To use just connect to firebase, All the things are done just add the googleservice.json file and ios GoogleService-Info.plish and you are done. Do …
responsive_scaffold On mobile it shows a list and pushes to details and on tablet it shows the List and the selected item. View Demo View Github Getting Started 3 Column Layout example Responsive Layout Follows Material Design Layout Docs. Here is a demo on various sizes. Example import ‘package:flutter/material.dart’; import ‘package:responsive_scaffold/responsive_scaffold.dart’; class LayoutExample extends StatelessWidget { @override Widget build(BuildContext context) …
verify_code_input A verification code input widget. Usage VerifyCodeInput( onComplete: (String value) { print(‘Your input code is : $value’); }, ) GitHub
Block Input Simple character blocked input that usually used for redeem code or validation code input. Gallery Usage BlockInput( blockInputKeyboardType: BlockInputKeyboardType.number, blockInputStyle: BlockInputStyle( backgroundColor: Colors.black12, border: OutlineInputBorder( borderRadius: BorderRadius.all(Radius.circular(10)), borderSide: BorderSide(color: Colors.deepOrange, width: 1) ), focusedBorder: OutlineInputBorder( borderRadius: BorderRadius.all(Radius.circular(10)), borderSide: BorderSide(color: Colors.blueAccent, width: 2) ) ), inputSize: 6, ) Todo Input Controller Input Listener More Extensive Styles GitHub
Flutter-Credit-Card-Input-Form This package provides visually beautiful UX through animation of credit card information input form. Installing Add dependency to pubspec.yaml Get the latest version in the ‘Installing’ tab on pub.dartlang.org dependencies: credit_card_input_form: ^1.3.1 Import the package import ‘package:credit_card_input_form/credit_card_input_form.dart’; Adding CreditCardInputForm With optional parameters CreditCardInputForm( cardHeight: 170, frontCardColor: Colors.red, backCardColor: Colors.blueAccent, showResetButton : true, onStateChange: (currentState, cardInfo) { print(currentState); print(cardInfo); }, …
SpinBox for Flutter SpinBox for Flutter is a numeric input widget with an input field for entering a specific value, and spin buttons for quick, convenient, and accurate value adjustments. Guidelines Spin boxes are best suited for such applications that deal with large numeric value ranges and high precisions, where users typically know upfront the exact value they are entering, …