Flutter app templates code
A customizable floating action button menu that will pop up fabs with special animation. Installation In the pubspec.yaml of your flutter project, add the following dependency: dependencies: flutter: sdk: fan_floating_menu: any Import the fantasy menu package like this: import ‘package:fan_floating_menu/fan_floating_menu.dart’; Usage Simply create a FanFloatingMenu widget, and pass the required params: FanFloatingMenu( menuItems: [ FanMenuItem(onTap: () {}, icon: Icons.edit_rounded, title: …
FAB Circular Menu A Flutter package to create a nice circular menu using a Floating Action Button. Inspired by Mayur Kshirsagar‘s great FAB Microinteraction design. Installation Just add fab_circular_menu to your pubspec.yml file. dependencies: fab_circular_menu: ^1.0.0 Example class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( home: Scaffold( body: Placeholder(), floatingActionButton: FabCircularMenu( children: <Widget>[ IconButton(icon: Icon(Icons.home), onPressed: …
Animated Menu Use AnimatedMenu to create a menu with/without animation. You can use FadeIn or SlideIn animation to show the menu, You can use any Widget inside AnimatedMenu as a menu item. Installation Add animated_menu: ^1.0.0 in your project’s pubspec.yaml: dependencies: animated_menu: ^1.0.0 Usage Import animated_menu in your dart file: import ‘package:animated_menu/animated_menu.dart’; Then use showAnimatedMenu in your function: onTapDown: (details) …
commit_creator_utility Simple MACOS menu bar app to generate commit messages based on Conventional Commits Support for Gitmoji Built using Flutter Credits: mynameiskenlee Options customization can be done editing the /config/config.json file v 1.0.0 GitHub View Github
Context Menu Examples A list of many examples of building custom context menus in Flutter. Check out the live demo running on the web, linked above. References PR 107193 introduced this feature. Samples PR 1463 brought these examples to the Flutter samples repo. Repository maintenance To publish to GitHub Pages, do the following: git checkout pages git merge main flutter …
Expandable-Menu-Cards An expandable menu with infinite horizontal item list with high customizable ability Preview 👇 expandable.mp4 ⚙️ Built with Amazing Tools Flutter – Beautiful native apps in record time. Visual Studio Code – Code editing. Redefined. Written Blog ✍ https://medium.com/@flutterqueen 🐛 Bugs/Requests If you encounter any problems feel free to open an issue. If you feel the library is missing …
expandable_menu Expandable menu is an expandable menu with infinite horizontal item list with high customizable ability. Preview Property Description width This property declare width of widget when it’s not expanded in initial state height This property declare height of widget items This property will contains items in list of menu backgroundColor This property declare background color of widget and default …
Web animated hover menu A flutter package that will provide a different type of pretty animation with different alignment. Key Features Different type of animation in different alignment Mouse hover effect Existing Animations Left To Right Right To Left Top To Bottom Bottom To Top Preview Easy usage Import it to your project file import ‘package:web_hover_menu/web_hover_menu.dart’; And add it in …
Pangolin Desktop UI Pangolin Desktop, settings and start menu. Prerequisites (On Debian/Ubuntu) sudo apt install build-essential clang pkg-config libgtk-3-dev make cmake ninja-build Developer Rwema D Bagirishya This project is licensed under the Apache 2.0 license God Bless!! GitHub View Github
Spamify Email client for spams at your mac menubar! Demo Untitled.mov Built with Flutter. GitHub View Github
The Drawer Manager class has the ability to swap Scaffold body contents, using a custom provider. Open Drawer Hello, Flutter! Counter The MAC All Pages Features The Drawer Manager is similar to the Android Drawer, in that it swaps out Widgets (like Android Fragments). It does this by notifying the Scaffold body of the changes needed for your selection, using …
context_menus A package to show context menus on right-click or long-press. 🔨 Installation dependencies: context_menus: ^0.1.0 ⚙ Import import ‘package:context_menus/context_menus.dart’; 🕹️ Usage To get started, wrap a ContextMenuOverlay around your main app or top-most view: return ContextMenuOverlay( child: MaterialApp(…) ); You can then use the ContextMenuRegion widget to wrap sections of the Widget tree that should trigger a context menu: …
Flutter Awesome Drawer Bar A Flutter package with custom implementation of the Side Menu (Drawer) Getting Started To start using this package, add awesome_drawer_bar dependency to your pubspec.yaml dependencies: awesome_drawer_bar: ‘<latest_release>’ Features Simple sliding drawer Sliding drawer with shadows Sliding drawer with rotation Sliding drawer with rotation and shadows Support for both LTR & RTL Documentation AwesomeDrawerBar( controller: AwesomeDrawerBarController, menuScreen: …
weekly_flutter_challenge_6_menu Challenge summary: This challenge is about recreating two of Kuenzang Sherub’s designs: Login Concept and Menu. The former contains a login form, that will let me learn to handle forms in Flutter apps. The latter requires me to use 3D transformation to move the login page away and reveal the menu. The app itself is a simple one, but …
Flutter Tutorial – Settings Menu & AppBar Dropdown Menu Show a Flutter Settings Menu with different choices by clicking on a Popup Menu Button in Flutter. App Preview Watch Video GitHub View Github
Flutter DropdownButton2 Intro Flutter’s core Dropdown Button widget with steady dropdown menu and many options you can customize to your needs. Features Dropdown menu always open below the button and you can edit its position by using the offset parameter. You can make the menu open above the button by setting showAboveButton to true. You can edit (button, menu and …
navigation_drawer_menu Flutter Material Design Navigation Drawer Menu Navigation drawer is a common UI pattern for adaptive menus. The Material Design documentation formalizes the behavior of the menu but this pattern is not peculiar to Material Design. The pattern includes a basic Hamburger menu but isn’t limited to small screens. The menu pattern suits all screen sizes. On larger width screens …
flurry_drawer The repo is solving a problem with package flurry_navigation as it’s old any the owner didn’t update it. The drawer is very beautiful and many people likes it so much. For these reasons I push this repo for public to help them to add this beautful drawer to their projets. I wih this will help you. pixels.3.4.mp4 My Contacts …
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
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: () => …