/flutter-design-collection

A collection of Flutter Custom Designs and Flutter UI Kits. Star⭐ the repo and follow me if you like what you see🤩.

Primary LanguageDartMIT LicenseMIT

😍🔥 Flutter Animation Collection 💙 GitHub stars

Bike Animation Repository size GitHub follow

A collection of Flutter Animations and UI Kits.

Star⭐ the repo and follow me if you like what you see🤩 Twitter Follow

Subscribe to my YouTube Channel

Get Started

Run:

git clone https://github.com/martinoyovo/flutter-design-collection.git
flutter clean
flutter packages get
flutter run

Screenshots & Gifs

Airpods Rotation -- YouTube Link | Link to code

Airpods Rotation

Example Banner
Airpods Rotation Airpods Rotation

Light Switch Animation -- YouTube Link | Link to code

Light Switch Animation

Example Banner
Light Switch Animation Light Switch Animation

Breathe/Flower animation -- YouTube Link | Link to code

Breathe Animation

Example Banner
Breathe Animation Breathe Animation

Moving car animation -- YouTube Link | Link to code

Moving car animation

Example Banner
Moving car animation Moving car animation

Animation that extends a card to full screen on tap -- YouTube Link | Link to code

Custom Loader

Example Banner
Custom Loader Custom Loader

Animation that extends a card to full screen on tap -- YouTube Link | Link to code

Bank card animation

Example Banner
Bank card animation Bank card animation

Bike Animation -- Link to code

Bike Animation

Animated Flutter Logo -- Link to code

Animated Flutter Logo

A few resources to get you started if this is your first Flutter project:

For help getting started with Flutter development, view the online documentation, which offers tutorials, samples, guidance on mobile development, and a full API reference.