{"id":21839887,"url":"https://github.com/rustkas/flutter-widget-examples-for-web","last_synced_at":"2026-04-15T16:03:09.445Z","repository":{"id":92075790,"uuid":"302097898","full_name":"rustkas/Flutter-Widget-examples-for-Web","owner":"rustkas","description":"Examples of Flutter widgets","archived":false,"fork":false,"pushed_at":"2020-11-25T08:58:20.000Z","size":11564,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-03-21T15:28:18.301Z","etag":null,"topics":["android-studio","flutter","flutter-examples","learning-by-doing"],"latest_commit_sha":null,"homepage":"","language":"Dart","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/rustkas.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2020-10-07T16:36:12.000Z","updated_at":"2020-11-25T08:58:23.000Z","dependencies_parsed_at":null,"dependency_job_id":"3b2e390a-ad83-4d91-96a9-b8a97a93303e","html_url":"https://github.com/rustkas/Flutter-Widget-examples-for-Web","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/rustkas/Flutter-Widget-examples-for-Web","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rustkas%2FFlutter-Widget-examples-for-Web","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rustkas%2FFlutter-Widget-examples-for-Web/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rustkas%2FFlutter-Widget-examples-for-Web/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rustkas%2FFlutter-Widget-examples-for-Web/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/rustkas","download_url":"https://codeload.github.com/rustkas/Flutter-Widget-examples-for-Web/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rustkas%2FFlutter-Widget-examples-for-Web/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":264952371,"owners_count":23688062,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["android-studio","flutter","flutter-examples","learning-by-doing"],"created_at":"2024-11-27T21:21:08.256Z","updated_at":"2026-04-15T16:03:09.353Z","avatar_url":"https://github.com/rustkas.png","language":"Dart","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Flutter Widget Examples for Web\n\nHow to launch a project\n\n`#start debugging`\n\n`flutter clean \u0026\u0026 flutter run -d chrome`\n\nor\n\n`flutter run -d chrome`\n\n## Flutter Widget\n1. [AppBar Title Widget](projects/widgets/w01_appbar_title_widget)\n2. [Text Widget](projects/widgets/w02_text_widget)\n3. [Styling Widget](projects/widgets/w03_style_widget)\n4. [Input Widgets](projects/widgets/w04_input_widgets)\n5. [How to Display a SnackBar in Flutter](projects/widgets/w05_snackbar)\n6. [BoxDecoration](projects/widgets/w06_box_decoration)\n7. [RotatedBox](projects/widgets/w07_rotated_box)\n8. [ListView](projects/widgets/w08_list_view)\n9. [Refresh Indicator](projects/widgets/w09_refresh_indicator)\n10. [SingleChildScrollView](projects/widgets/w10_single_child_scroll_view)\n11. [GridView](projects/widgets/w11_grid_view)\n12. [PageView](projects/widgets/w12_page_view)\n13. [BackdropFilter](projects/widgets/w13_backdrop_filter)\n14. [GestureDetector](projects/widgets/w14_gesture_detector)\n15. [GestureRecognizer](projects/widgets/w15_gesture_recognizer)\n16. [FittedBox](projects/widgets/w16_fitted_box)\n17. [ClipOval](projects/animation%20widgets/aw17_clip)\n18. [Stepper](projects/animation%20widgets/w18_stepper)\n19. [FractionalTranslation](projects/animation%20widgets/w19_fractional_translation)\n20. [AlertDialog](projects/animation%20widgets/w20_alert_dialog)\n21. [BottomNavigationBar 1](projects/widgets/w21_bottom_navigation_bar01)\n22. [BottomNavigationBar 2](projects/widgets/w22_bottom_navigation_bar02)\n23. [BottomNavigationBar 3](projects/widgets/w23_bottom_navigation_bar03)\n24. [BottomNavigationBar 4](projects/widgets/w24_bottom_navigation_bar04)\n25. [PopupMenu ](projects/widgets/w25_popup_menu)\n26. [FAStepper](projects/widgets/w26_fastepper)\n27. [TopTabBar](projects/widgets/w27_top_tab_bar)\n28. [DatePicker](projects/widgets/w28_data_picker)\n29. [TimePicker](projects/widgets/w29_time_picker)\n30. [BottomNavigationBar 5](projects/widgets/w30_bottom_navigation_bar)\n31. [ColorGradient](projects/widgets/w31_color_gradient)\n32. [RangeSlider](projects/widgets/w32_range_slider)\n33. [BottomNavigationBar 6](projects/widgets/w33_bottom_navigation_bar)\n34. [SliverAppBar](projects/widgets/w34_sliver_app_bar)\n35. [Tabar / BottomNavigationBar](projects/widgets/w35_tab_bar)\n36. [Option Menu (Alert Dialog)](projects/widgets/w36_alert_dialog)\n37. [Chips \u0026 Wrap Widgets](projects/widgets/w37_chip_wrap)\n38. [DropdownButton](projects/widgets/w38_dropdown_button)\n39. [ListTile](projects/widgets/w39_list_tile)\n40. [Stack](projects/widgets/w40_stack)\n41. [Expanded](projects/widgets/w41_expanded)\n42. [Theme](projects/widgets/w42_theme)\n43. [NavigationRail](projects/widgets/w43_navigation_rail)\n44. [Fab BottomAppBar](projects/widgets/w44_fab_bottom_app_bar)\n45. [Column](projects/widgets/w45_column)\n46. [Draggable](projects/widgets/w46_draggable)\n47. [Dismissible](projects/widgets/w47_dismissible)\n48. [Row](projects/widgets/w48_row)\n49. [LinearProgressIndicator](projects/widgets/w49_linear_progress_indicator)\n50. [SpeedDial](projects/widgets/w50_speed_dial)\n51. [ClayContainer](projects/widgets/w51_clay_container)\n52. [ShapeOfView](projects/widgets/w52_shape_of_view)\n53. [FabCircularMenu](projects/widgets/w53_fab_circular_menu)\n54. [NavigationDrawer](projects/widgets/w54_navigation_drawer)\n55. [BottomNavigationBar](projects/widgets/w55_bottom_navigation_bar)\n56. [LayoutGrid](projects/widgets/w56_layout_grid)\n57. [DurationPicker](projects/widgets/w57_duration_picker)\n58. [GenderPicker](projects/widgets/w58_gender_picker)\n59. [BalloonSlider](projects/widgets/w59_balloon_slider)\n60. [Stepo](projects/widgets/w60_stepo)\n61. [Joystick](projects/widgets/w61_joystick)\n62. [CupertinoProgressBar](projects/widgets/w62_cupertino_progress_bar)\n63. [SlowlyMovingWidgetsField](projects/widgets/w63_slowly_moving_widgets_field)\n64. [Flick](projects/widgets/w64_flick)\n65. [Flexible](projects/widgets/w65_flexible)\n66. [Slate](projects/widgets/w66_slate)\n67. [CountryCodePicker](projects/widgets/w67_country)\n68. [Flow](projects/widgets/w68_flow)\n69. [LimitedBox](projects/widgets/w69_limited_box)\n70. [FractionallySizedBox](projects/widgets/w70_fractionally_sized_box)\n71. [AspectRatio](projects/widgets/w71_aspect_ratio)\n72. [IndexedStack](projects/widgets/w72_indexed_stack)\n73. [Placeholder](projects/widgets/w73_placeholder)\n74. [FlipCard](projects/widgets/w74_flip_card)\n75. [PimpedButton](projects/widgets/w75_pimped_button)\n76. [FoldingCell](projects/widgets/w76_folding_cell)\n77. [FoldingCellInsideListView](projects/widgets/w76_folding_cell)\n78. [FoldingCellInsideColumn](projects/widgets/w76_folding_cell)\n79. [SpringButton](projects/widgets/w79_spring_button)\n80. [CountDownClock](projects/widgets/w80_count_down_clock)\n81. [SlimyCard](projects/widgets/w81_slimy_card)\n82. [ConfirmationSlider](projects/widgets/w82_confirmation_slider)\n83. [Snappable](projects/widgets/w83_snappable)\n84. [ProgressHud](projects/widgets/w84_progress_hud)\n85. [Hover Card](projects/widgets/w85_hover_card)\n86. [Expandable Text](projects/widgets/w86_expandable_text)\n87. [WaveProgressBar](projects/widgets/w87_wave_progress_bar)\n88. [RulerPicker](projects/widgets/w88_ruler_picker)\n89. [EmojiFeedback](projects/widgets/w89_emoji_feedback)\n90. [GaugeView](projects/widgets/w90_gauge_view)\n91. [WaveProgressBar](projects/widgets/w91_wave_progress_bar)\n92. [SnapClipPageView](projects/widgets/w92_snap_clip_page_view)\n93. [WhiteBoard \u0026 LoadingText](projects/widgets/w93_white_board_loading_text)\n94. [Circular Chart - Segment Edge Round](projects/widgets/w94_circular_chart)\n95. [Circular Chart - Hole Label](projects/widgets/w95_circular_chart)\n96. [Circular Chart - Random Radial Chart](projects/widgets/w96_circular_chart)\n97. [Circular Chart - Radial Chart](projects/widgets/w97_circular_chart)\n98. [Circular Chart - Pie Chart](projects/widgets/w98_circular_chart)\n99. [FlutterPickerView](projects/widgets/w99_flutter_picker_view)\n\n\n\n## Flutter Animation Widget\n1. [Transform](projects/animation%20widgets/aw01_transform)\n2. [InkWell](projects/animation%20widgets/aw02_inkwell)\n3. [Opacity, AnimatedOpacity](projects/animation%20widgets/aw03_opacity)\n4. [SlideTransition](projects/animation%20widgets/aw04_slide_transition)\n5. [SizeTransition](projects/animation%20widgets/aw05_size_transition)\n6. [ScaleTransition](projects/animation%20widgets/aw06_scale_transition)\n7. [Rotation Transition](projects/animation%20widgets/aw07_rotation_transition)\n8. [PositionedTransition](projects/animation%20widgets/aw08_positioned_transition)\n9. [FadeTransition](projects/animation%20widgets/aw09_fade_transition)\n10. [DecoratedBoxTransition](projects/animation%20widgets/aw10_decorated_box_transition)\n11. [AnimatedSize](projects/animation%20widgets/aw11_animated_size)\n12. [AnimatedDefaultTextStyle](projects/animation%20widgets/aw12_animated_default_text_style)\n13. [AnimatedContainer](projects/animation%20widgets/aw13_animated_container)\n14. [AnimatedAlign](projects/animation%20widgets/aw14_animated_align)\n15. [AnimatedCrossFade](projects/animation%20widgets/aw15_animated_cross_fade)\n16. [AnimatedPhysicalModel](projects/animation%20widgets/aw16_animated_physical_model)\n17. [AnimatedWidget](projects/animation%20widgets/aw17_animated_widget)\n18. [AnimatedBuilder](projects/animation%20widgets/aw18_animated_builder)\n19. [AnimatedIcon](projects/animation%20widgets/aw19_animated_icon)\n20. [AnimatedList](projects/animation%20widgets/aw20_animated_list)\n21. [AnimatedModalBarrier](projects/animation%20widgets/aw21_animated_modal_barrier)\n22. [Positioned](projects/animation%20widgets/aw22_animated_positioned)\n23. [PaymentAnimation](projects/animation%20widgets/aw23_payment)\n23. [AnimatedTextKit](projects/animation%20widgets/aw24_animated_text_kit)\n\n## Flutter UI\n1. [Splash Screen 1](projects/ui/ui01_splash_screen)\n2. [Splash Screen 2](projects/ui/ui02_splash_screen)\n3. [SignIn](projects/ui/ui03_sign_in)\n4. [Counter](projects/ui/ui04_counter)\n5. [SignUp / Register](projects/ui/ui05_sign_up)\n6. [OnBoarding Screens](projects/ui/ui06_on_boarding_screens)\n\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frustkas%2Fflutter-widget-examples-for-web","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Frustkas%2Fflutter-widget-examples-for-web","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frustkas%2Fflutter-widget-examples-for-web/lists"}