flutterexamples

KO | EN

gitlite — search

#typescript #ai-agents #ai #dsh-plugin #deepseek-harness #open-source #claude-code #codex #cli #developer-tools #react #windows

flutterexamples

★ 199 Open GitHub ↗

Here is your flutter startup pack with basic programs. enjoy.. Don't forget to star the repo.

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# flutterexamples
Here is your flutter startup pack with basic programs. enjoy..

Don't forget to star ⭐ the repo 😉, it's completely FREE.

If you are looking for a fluter development class room course pre recorded videos for free, check this our. https://fluttercentral.com/OnlineCourse

# Show Support

Video on how to run this examples after your setup flutter. Subscribe to the channel.

https://www.youtube.com/watch?v=rv6jMlH0Jho

Check this link for more live coding demos: https://www.youtube.com/channel/UCgb-hGVxORJ2R_pt_bkelmw/

# Here are some Flutter UI Challenges

# Click on the Image to go to the Project

Onboarding Example

Here is an example of how to develop it, https://youtu.be/D2OuOUMR-u4

[<img src="https://raw.githubusercontent.com/srilovesflutter/uichallenges/master/assets/CafitUI_Onboarding_output.gif" height="600em" />](https://github.com/srilovesflutter/uichallenges/tree/master/cafitui)

UI reference - https://www.xdguru.com/cafit-gym-workout-mobile-ui-kit/

Flights App

[<img src="https://raw.githubusercontent.com/srilovesflutter/uichallenges/master/assets/FlightsUI_output.gif" height="600em" />](https://github.com/srilovesflutter/uichallenges/tree/master/flightsui)

UI reference - https://www.xdguru.com/flight-app-free-xd-ui-kit/

# Here are some basic example for you to begin with Flutter

Some Sample output: There are number of other examples added and those screenshots are not added. But the name of the project is added appropriately. No need to bother about the order you need to learn, because every example deals with its own problems.

You can click on the Text or image to go to the relevant project.

## [WaveAnimation Example](/waveanimation), [Clippath Example](/clippath), [Filling Circle](/circlefilling), [Animated Icon](/animatedicon), [AnimatedPadding](/animatedpadding), [AnimatedPositioned](/animatedpositioned), [AnimatedSwitcher](/animatedswitcher), [BottomNavigation Bar](/bottomnavigationbar), [Constrained Box](/constrainedbox), [DatePicker](/datepicker), [Draw Traingle using Canvas](/drawtrianglecanvas), [Footer Buttons](/footerbuttons), [Horizontal ListView](/horizontallistview), [Indexed Stack](/indexedstack), [LimitedBox Widget](/limitedboxwidget), [ListView with Images](/listviewimages), [ListView item click](/listviewitemclick), [ListView items select](/listviewselectitems), [ListView items select with Trailing Icon](/listviewselectitemtrailingicon), [ListView items select with AppBar update](/listviewselectitemtrailingiconappbar), [Nested ListView](/nestedlistview), [PageView Widget](/pageviewwidget), [Persisten Bottom Sheet](/persistentbottomsheet), [Reorderable ListView](/reorderablelistview), [Rotation Transition Widget](/rotationtransitionwidget), [Splashscreen](/splashscreen), actutally more more..

[<img src="Images/waveanimation.gif" height="300em" />](/waveanimation)
[<img src="Images/clippath.PNG" height="300em" />](/clippath)
[<img src="Images/circlefilling.gif" height="300em" />](/circlefilling)
[<img src="Images/animatedicon.gif" height="300em" />](/animatedicon)
[<img src="Images/animatedpadding.gif" height="300em" />](/animatedpadding)
[<img src="Images/animatedpositioned.gif" height="300em" />](/animatedpositioned)
[<img src="Images/animatedswitcher.gif" height="300em" />](/animatedswitcher)
[<img src="Images/bottomnavigationbar.gif" height="300em" />](/bottomnavigationbar)
[<img src="Images/constrainedbox.PNG" height="300em" />](/constrainedbox)
[<img src="Images/datepicker.gif" height="300em" />](/datepicker)
[<img src="Images/drawtrianglecanvas.PNG" height="300em" />](/drawtrianglecanvas)
[<img src="Images/footerbuttons.PNG" height="300em" />](/footerbuttons)
[<img src="Images/horizontallistview.gif" height="300em" />](/horizontallistview)
[<img src="Images/indexedstack.gif" height="300em" />](/indexedstack)
[<img src="Images/limitedboxwidget.gif" height="300em" />](/limitedboxwidget)
[<img src="Images/listviewimages.gif" height="300em" />](/listviewimages)
[<img src="Images/listviewitemclick.gif" height="300em" />](/listviewitemclick)
[<img src="Images/listviewselectitems.gif" height="300em" />](/listviewselectitems)
[<img src="Images/listviewselectitemtrailingicon.gif" height="300em" />](/listviewselectitemtrailingicon)
[<img src="Images/listviewselectitemtrailingiconappbar.gif" height="300em" />](/listviewselectitemtrailingiconappbar)
[<img src="Images/nestedlistview.gif" height="300em" />](/nestedlistview)
[<img src="Images/pageviewwidget.gif" height="300em" />](/pageviewwidget)
[<img src="Images/persistentbottomsheet.gif" height="300em" />](/persistentbottomsheet)
[<img src="Images/reorderablelistview.gif" height="300em" />](/reorderablelistview)
[<img src="Images/rotationtransitionwidget.gif" height="300em" />](/rotationtransitionwidget)
[<img src="Images/splashscreen.gif" height="300em" />](/splashscreen)

# and many more...

Don't forget to star ⭐ the repo 😉, it's completely FREE.

flutterexamples

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README