Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.
Awesome Lists | Featured Topics | Projects
https://github.com/rustkas/flutter-widget-examples-for-web

Examples of Flutter widgets
https://github.com/rustkas/flutter-widget-examples-for-web
android-studio flutter flutter-examples learning-by-doing
Last synced: 18 days ago
JSON representation
Examples of Flutter widgets
Host: GitHub
URL: https://github.com/rustkas/flutter-widget-examples-for-web
Owner: rustkas
Created: 2020-10-07T16:36:12.000Z (over 4 years ago)
Default Branch: main
Last Pushed: 2020-11-25T08:58:20.000Z (about 4 years ago)
Last Synced: 2024-11-27T21:22:35.261Z (3 months ago)
Topics: android-studio, flutter, flutter-examples, learning-by-doing
Language: Dart
Homepage:
Size: 11 MB
Stars: 0
Watchers: 3
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md
Awesome Lists containing this project

README

        # Flutter Widget Examples for Web

How to launch a project

`#start debugging`

`flutter clean && flutter run -d chrome`

or

`flutter run -d chrome`

## Flutter Widget

1. [AppBar Title Widget](projects/widgets/w01_appbar_title_widget)

2. [Text Widget](projects/widgets/w02_text_widget)

3. [Styling Widget](projects/widgets/w03_style_widget)

4. [Input Widgets](projects/widgets/w04_input_widgets)

5. [How to Display a SnackBar in Flutter](projects/widgets/w05_snackbar)

6. [BoxDecoration](projects/widgets/w06_box_decoration)

7. [RotatedBox](projects/widgets/w07_rotated_box)

8. [ListView](projects/widgets/w08_list_view)

9. [Refresh Indicator](projects/widgets/w09_refresh_indicator)

10. [SingleChildScrollView](projects/widgets/w10_single_child_scroll_view)

11. [GridView](projects/widgets/w11_grid_view)

12. [PageView](projects/widgets/w12_page_view)

13. [BackdropFilter](projects/widgets/w13_backdrop_filter)

14. [GestureDetector](projects/widgets/w14_gesture_detector)

15. [GestureRecognizer](projects/widgets/w15_gesture_recognizer)

16. [FittedBox](projects/widgets/w16_fitted_box)

17. [ClipOval](projects/animation%20widgets/aw17_clip)

18. [Stepper](projects/animation%20widgets/w18_stepper)

19. [FractionalTranslation](projects/animation%20widgets/w19_fractional_translation)

20. [AlertDialog](projects/animation%20widgets/w20_alert_dialog)

21. [BottomNavigationBar 1](projects/widgets/w21_bottom_navigation_bar01)

22. [BottomNavigationBar 2](projects/widgets/w22_bottom_navigation_bar02)

23. [BottomNavigationBar 3](projects/widgets/w23_bottom_navigation_bar03)

24. [BottomNavigationBar 4](projects/widgets/w24_bottom_navigation_bar04)

25. [PopupMenu ](projects/widgets/w25_popup_menu)

26. [FAStepper](projects/widgets/w26_fastepper)

27. [TopTabBar](projects/widgets/w27_top_tab_bar)

28. [DatePicker](projects/widgets/w28_data_picker)

29. [TimePicker](projects/widgets/w29_time_picker)

30. [BottomNavigationBar 5](projects/widgets/w30_bottom_navigation_bar)

31. [ColorGradient](projects/widgets/w31_color_gradient)

32. [RangeSlider](projects/widgets/w32_range_slider)

33. [BottomNavigationBar 6](projects/widgets/w33_bottom_navigation_bar)

34. [SliverAppBar](projects/widgets/w34_sliver_app_bar)

35. [Tabar / BottomNavigationBar](projects/widgets/w35_tab_bar)

36. [Option Menu (Alert Dialog)](projects/widgets/w36_alert_dialog)

37. [Chips & Wrap Widgets](projects/widgets/w37_chip_wrap)

38. [DropdownButton](projects/widgets/w38_dropdown_button)

39. [ListTile](projects/widgets/w39_list_tile)

40. [Stack](projects/widgets/w40_stack)

41. [Expanded](projects/widgets/w41_expanded)

42. [Theme](projects/widgets/w42_theme)

43. [NavigationRail](projects/widgets/w43_navigation_rail)

44. [Fab BottomAppBar](projects/widgets/w44_fab_bottom_app_bar)

45. [Column](projects/widgets/w45_column)

46. [Draggable](projects/widgets/w46_draggable)

47. [Dismissible](projects/widgets/w47_dismissible)

48. [Row](projects/widgets/w48_row)

49. [LinearProgressIndicator](projects/widgets/w49_linear_progress_indicator)

50. [SpeedDial](projects/widgets/w50_speed_dial)

51. [ClayContainer](projects/widgets/w51_clay_container)

52. [ShapeOfView](projects/widgets/w52_shape_of_view)

53. [FabCircularMenu](projects/widgets/w53_fab_circular_menu)

54. [NavigationDrawer](projects/widgets/w54_navigation_drawer)

55. [BottomNavigationBar](projects/widgets/w55_bottom_navigation_bar)

56. [LayoutGrid](projects/widgets/w56_layout_grid)

57. [DurationPicker](projects/widgets/w57_duration_picker)

58. [GenderPicker](projects/widgets/w58_gender_picker)

59. [BalloonSlider](projects/widgets/w59_balloon_slider)

60. [Stepo](projects/widgets/w60_stepo)

61. [Joystick](projects/widgets/w61_joystick)

62. [CupertinoProgressBar](projects/widgets/w62_cupertino_progress_bar)

63. [SlowlyMovingWidgetsField](projects/widgets/w63_slowly_moving_widgets_field)

64. [Flick](projects/widgets/w64_flick)

65. [Flexible](projects/widgets/w65_flexible)

66. [Slate](projects/widgets/w66_slate)

67. [CountryCodePicker](projects/widgets/w67_country)

68. [Flow](projects/widgets/w68_flow)

69. [LimitedBox](projects/widgets/w69_limited_box)

70. [FractionallySizedBox](projects/widgets/w70_fractionally_sized_box)

71. [AspectRatio](projects/widgets/w71_aspect_ratio)

72. [IndexedStack](projects/widgets/w72_indexed_stack)

73. [Placeholder](projects/widgets/w73_placeholder)

74. [FlipCard](projects/widgets/w74_flip_card)

75. [PimpedButton](projects/widgets/w75_pimped_button)

76. [FoldingCell](projects/widgets/w76_folding_cell)

77. [FoldingCellInsideListView](projects/widgets/w76_folding_cell)

78. [FoldingCellInsideColumn](projects/widgets/w76_folding_cell)

79. [SpringButton](projects/widgets/w79_spring_button)

80. [CountDownClock](projects/widgets/w80_count_down_clock)

81. [SlimyCard](projects/widgets/w81_slimy_card)

82. [ConfirmationSlider](projects/widgets/w82_confirmation_slider)

83. [Snappable](projects/widgets/w83_snappable)

84. [ProgressHud](projects/widgets/w84_progress_hud)

85. [Hover Card](projects/widgets/w85_hover_card)

86. [Expandable Text](projects/widgets/w86_expandable_text)

87. [WaveProgressBar](projects/widgets/w87_wave_progress_bar)

88. [RulerPicker](projects/widgets/w88_ruler_picker)

89. [EmojiFeedback](projects/widgets/w89_emoji_feedback)

90. [GaugeView](projects/widgets/w90_gauge_view)

91. [WaveProgressBar](projects/widgets/w91_wave_progress_bar)

92. [SnapClipPageView](projects/widgets/w92_snap_clip_page_view)

93. [WhiteBoard & LoadingText](projects/widgets/w93_white_board_loading_text)

94. [Circular Chart - Segment Edge Round](projects/widgets/w94_circular_chart)

95. [Circular Chart - Hole Label](projects/widgets/w95_circular_chart)

96. [Circular Chart - Random Radial Chart](projects/widgets/w96_circular_chart)

97. [Circular Chart - Radial Chart](projects/widgets/w97_circular_chart)

98. [Circular Chart - Pie Chart](projects/widgets/w98_circular_chart)

99. [FlutterPickerView](projects/widgets/w99_flutter_picker_view)

## Flutter Animation Widget

1. [Transform](projects/animation%20widgets/aw01_transform)

2. [InkWell](projects/animation%20widgets/aw02_inkwell)

3. [Opacity, AnimatedOpacity](projects/animation%20widgets/aw03_opacity)

4. [SlideTransition](projects/animation%20widgets/aw04_slide_transition)

5. [SizeTransition](projects/animation%20widgets/aw05_size_transition)

6. [ScaleTransition](projects/animation%20widgets/aw06_scale_transition)

7. [Rotation Transition](projects/animation%20widgets/aw07_rotation_transition)

8. [PositionedTransition](projects/animation%20widgets/aw08_positioned_transition)

9. [FadeTransition](projects/animation%20widgets/aw09_fade_transition)

10. [DecoratedBoxTransition](projects/animation%20widgets/aw10_decorated_box_transition)

11. [AnimatedSize](projects/animation%20widgets/aw11_animated_size)

12. [AnimatedDefaultTextStyle](projects/animation%20widgets/aw12_animated_default_text_style)

13. [AnimatedContainer](projects/animation%20widgets/aw13_animated_container)

14. [AnimatedAlign](projects/animation%20widgets/aw14_animated_align)

15. [AnimatedCrossFade](projects/animation%20widgets/aw15_animated_cross_fade)

16. [AnimatedPhysicalModel](projects/animation%20widgets/aw16_animated_physical_model)

17. [AnimatedWidget](projects/animation%20widgets/aw17_animated_widget)

18. [AnimatedBuilder](projects/animation%20widgets/aw18_animated_builder)

19. [AnimatedIcon](projects/animation%20widgets/aw19_animated_icon)

20. [AnimatedList](projects/animation%20widgets/aw20_animated_list)

21. [AnimatedModalBarrier](projects/animation%20widgets/aw21_animated_modal_barrier)

22. [Positioned](projects/animation%20widgets/aw22_animated_positioned)

23. [PaymentAnimation](projects/animation%20widgets/aw23_payment)

23. [AnimatedTextKit](projects/animation%20widgets/aw24_animated_text_kit)

## Flutter UI

1. [Splash Screen 1](projects/ui/ui01_splash_screen)

2. [Splash Screen 2](projects/ui/ui02_splash_screen)

3. [SignIn](projects/ui/ui03_sign_in)

4. [Counter](projects/ui/ui04_counter)

5. [SignUp / Register](projects/ui/ui05_sign_up)

6. [OnBoarding Screens](projects/ui/ui06_on_boarding_screens)