Use the easiest way to create a dotted line view with flutter

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 …

A TikTok Clone in Flutter and Firebase

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 …

A basic UI toolkit to get you started with flutter

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 …

A Nice Flutter Furniture App

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, …

A flutter widget that expresses the concept of neuomorphism in UI design

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. …

Authentication + Splash Screen Flutter UI with flutter

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 …

Material Design Scaffold for Flutter

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) …

Simple character blocked input that usually used for redeem code

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

A beautiful UX through animation of credit card information input form with flutter

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); }, …

Material & Cupertino SpinBox for Flutter

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, …