Etiqueta: widget

  • Cool 3D Drawer Animated With flutter

    Cool 3D Drawer Animated With flutter part 1🔥🔥 Getting Started # You need to import this in our file import ‘dart:math’; import ‘package:flutter/material.dart’; import ‘package:flutter/painting.dart’; 🐱‍👤 3D Drawer Animated && made with algeria ❤ GitHub https://github.com/Hmida71/Flutter-Drawer-Animated-Part_1

  • A collection of pixel-perfect iOS-styled components and properties for Flutter

    cupertinew ⚠️ Experimental and work in progress ⚠️ A collection of pixel-perfect iOS-styled components and properties for Flutter, following the official guidelines. By Jeroen Meijer and Reuben Turner. About the Cupertinew project Last updated: 2021-09-28 Reasoning Cupertinew is a Flutter project that spawned out of a desire to create a set of pixel-perfect iOS-styled components and properties for Flutter. While …

  • Fast code and awesome design-ui for flutter navigation bar

    Flutter-awesome-bottom-navigation-bar 🐱‍👤 Fast code and awesome design-ui for flutter navigation bar 🔥 Getting Started # First you need to add flashy_tab_bar 0.0.3 in the dependency at pubspec.yaml: dependencies: … flashy_tab_bar: ^0.0.3 Basic Usage # Add this inside your main.dart or your page ! bottomNavigationBar: FlashyTabBar( selectedIndex: _selectedIndex, showElevation: true, onItemSelected: (index) => setState(() { _selectedIndex = index; }), items: [ …

  • E-commerce application ui in flutter

    E-commerce application ui in flutter Hi 👋 I recently started with an E-commerce App and decided to share my exploration. I tried to make it sleek and according to latest design trends. 🥇Follow me on Twitter:https://www.twitter.com/findshailesh 🥇Follow me on Instagram:https://www.instagram.com/ishaileshmishra screenshots API Information (under development) Need some help? Drop a message to me mshaileshr@gmail.com Download APK Click To Download GitHub …

  • Modern UI snackbar widget for flutter

    top-snackbar-flutter If you need to show the user some information in a nice way, you can use this package. The API is as simple as API for regular Material method showDialog. If you need to use your own widget to display, you can pass it into showTopSnackBar function. Getting Started In order to show a CustomSnackBar you need to call …

  • Native context menu for flutter apps

    native_context_menu Native context menu for flutter apps Installation flutter pub add native_context_menu Usage import ‘package:native_context_menu/native_context_menu.dart’; import ‘package:flutter/material.dart’; void main() { runApp(App()); } class App extends StatefulWidget { const App({Key? key}) : super(key: key); @override State<App> createState() => _AppState(); } class _AppState extends State<App> { String? action; @override Widget build(BuildContext context) { return MaterialApp( home: Scaffold( body: ContextMenuRegion( onDismissed: () => …

  • Easy Material White Theme for flutter

    flutter_fast_ui_white Easy Material White Theme View Demo View Github Getting Started in pubspec.yaml dependencies: flutter_fast_ui_white: git: url: https://github.com/organic-nailer/flutter_fast_ui_white void main() { runApp(FastTheme( accentColor: Colors.pink, child: MyApp(), )); } class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( title: ‘Flutter Demo’, theme: FastTheme.of(context).theme, home: SampleListPage(), ); } } Specific Widget FastAppBar showFastTimePicker showFastDatePicker

  • Flutter widgets and themes implementing the current macOS design language

    macos_ui Flutter widgets and themes implementing the current macOS design language. Layout MacosWindow MacosWindow is the basic frame for the macOS layout. It has a Sidebar on the left and the rest of the window is typically filled out with a MacosScaffold. A scope for the MacosWindow is provided by MacosWindowScope. The sidebar can be toggled with MacosWindowScope.of(context).toggleSidebar(). MacosScaffold The …

  • Flutter Web Smart Admin & Panel Dashboard with flutter UI kit

    Smart Admin Panel & Dashboard Flutter Web Smart Admin & Panel Dashboard with flutter UI kit. 💻 Requirements Any Operating System (MacOS, Linux, Windows) Any IDE with Flutter SDK installed (Android Studio, VSCode etc) A little knowledge of Dart and Flutter 👨‍💻 Author Developed by Deniz Çolak GitHub https://github.com/deniscolak/smart-admin-dashboard

  • Flutter UI Kits for mobile, tablet, desktop and web

    UIKits2 A complete UIs for mobile and tablet, which include 16 categories. Screenshots Tablet Screen Mobile Screen Start Screen Signup Screen Walkthrough Screen Loading Screen Profile Screen Feed Screen Article Screen Activity Screen Create Screen Chat Screen Contact Screen Store & Shop Screen Shopping Card Screen Navigation Photos Dashboard GitHub https://github.com/anoochit/uikits

  • Challenging UI & digital designs using Flutter

    Weekend With Flutter This is my new challenge. Every weekend, I want to implement challenging UI & digital designs using Flutter. you can join me with #WeekendWithFlutter hashtag in twitter. Solved Challenges Ring Spinners I find this graphic in this tweet. This is how the result looks like. Source Result GitHub https://github.com/payam-zahedi/weekend-with-flutter

  • WhatsApp UI Clone with flutter

    WhatsApp UI Clone It is a copy of the WhatsApp design. What’s inside Chat list Chat detail screen Statuses page Story view search page Images related to the application GitHub https://github.com/umutocak/WhatsAppUIClone

  • A series of basic UI Elements that have a hand drawn look with flutter

    wired_elements Wired Elements is a series of basic UI Elements that have a hand drawn look. These can be used for wireframes, mockups, or just the fun hand-drawn look. It’s the Flutter implementation of wired-elements. It’s base on the library of flutter_rough. Installation In the dependencies: section of your pubspec.yaml, add the following line: dependencies: wired_elements: <latest_version> Basic usage For …

  • A simple animated login UI with teddy For Flutter

    Teddy-Animated-Login-UI Animated Login UI with Teddy Used Packages ✨flare_flutter How to run First clone the repo: git clone https://github.com/KauaLimaMartins/Teddy-Animated-Login-UI.git In the repo path: flutter pub get And finally: flutter run GitHub https://github.com/KauaLimaMartins/Teddy-Animated-Login-UI