15+ Material Design Components Examples with Flutter
1. Backdrop implementation in flutter.
Backdrop implementation in flutter.
This widget is in active development. Wait for the stable v1.0.0. Any contribution, idea, criticism or feedback is welcomed.
2. Responsive Scaffold
Responsive Scaffold - On mobile it shows a list and pushes to details and on tablet it shows the List and the selected item. Maintainer: @rodydavis https://fluttercommunity.github.io/responsive_scaffold/#/
On mobile it shows a list and pushes to details and on tablet it shows the List and the selected item.
Online Demo: https://fluttercommunity.github.io/responsive_scaffold/
3.Material Design Icons Flutter
The Material Design Icons Icon pack available as set of Flutter Icons.
Online Demo: https://materialdesignicons.com/
4.Flutter Progress Button
flutter_progress_button is a free and open source (MIT license) Material Flutter Button that supports variety of buttons style demands. It is designed to be easy to use and customizable.
5.Morpheus
A Flutter package for easily implementing Material Design navigation transitions.
pub.dev: https://pub.dev/packages/morpheus
6.Flutter Sorted Chips Row
Flutter library for rendering a row of Material “Chip” buttons that gets sorted according to the given function
A Flutter Widget displaying a row of Material Chips, sorted according to the provided comparison function.
7.Flutter Progress Button
A Flutter Material Button that animates between Progress and Error states
8.Panache aka Flutterial
Panache helps you to create beautiful Material themes for your Flutter applications. Customize components colors and shape, and export the generated theme.dart to your Google drive.
View Demo: https://rxlabz.github.io/panache
9.Rubber Flutter
This is still an early preview, some behaviors can change or being removed. Every feedback, bug report or feature request is welcome, please send it at the issue tracker
Follow the Quick Start to add it to your project. Is also available the complete example in the repository to preview the library on your device.
10.Flutter Speed Dial
Flutter package to render a Material Design Speed Dial.
11.Grey
A Material designed music player developed in Flutter.
12.Fluid Slider for Flutter
A fluid design slider that works just like the Slider material widget.
View on GitHub
13.Flutter Music Player
First Open Source Flutter based Beautiful Material Design Music Player(Online Radio will be added soon.)
Features
[x] Android (iOS Coming Soon)
[x] Fetch local songs (Inbuilt Permission)
[x] Beautiful UI with multiple themes(Coming Soon)
[x] Animation
[x] Full Fledged Example
[x] play (local files)
[x] stop
[x] pause
[x] seek
[x] shuffle
[x] Album Art
[x] onComplete
[x] onDuration / onCurrentPosition
Supported formats
14.RangeSlider
An extension of the Flutter Material Slider to allow selection of a range of values via 2 thumbs.
15.Flutter Slidable
A Flutter implementation of slidable list item with directional slide actions that can be dismissed.
Features
- Accepts primary (left/top) and secondary (right/bottom) widget lists as slide actions.
- Can be dismissed.
- 4 built-in layouts.
- 2 built-in slide action widgets.
- 1 built-in dismiss animation.
- You can easily create you custom layouts and animations.
- You can use a builder to create your slide actions if you want special effects during animation.
- Close when a slide action has been tapped (overridable).
- Close when the nearest Scrollable starts to scroll (overridable).
- Option to disable the slide effect easily.
16.UnicornDialer
Easily create your own floating action button list.
Flutter Floating Action Button with Speed Dial.
17.Material ColorPicker
Color picker for Flutter, based on the Google Docs color picker.
Highly configurable Snackbar by Andre Haueisen.
#flutter #dart #programming
