Skip to content

pksunny/flutter-ui-and-animations

Repository files navigation

🧬✨ Flutter Animation Universe ⚡️

Welcome to Flutter Animation Universe — a 🔮 futuristic, high-performance Flutter showcase crafted by Muhammad Hassan Hafeez.

This repo is a digital playground 🕹️ full of jaw-dropping UI, smooth transitions, and cyber-cool animations that push the boundaries of Flutter.


🌀 Animated UI & Screen Index

# 🔁 Screen Name 🔗 Path
🚀 Latest 🔥 180-delete-undo-snackbar 🔥 lib/screens/180-delete-undo-snackbar/
1 1-paf lib/screens/1-paf/
2 2-subscription lib/screens/2-subscription/
3 3-six_nill lib/screens/3-six_nill/
4 4-rabbit_loading_animation lib/screens/4-rabbit_loading_animation/
5 5-deadline_loading_animation copy [lib/screens/5-deadline_loading_animation copy/](lib/screens/5-deadline_loading_animation copy/)
6 6-free_palestine lib/screens/6-free_palestine/
7 7-3d_album lib/screens/7-3d_album/
8 8-lamp_on_off lib/screens/8-lamp_on_off/
9 9-neon_squares lib/screens/9-neon_squares/
10 10-cyberpunk_neon_ui lib/screens/10-cyberpunk_neon_ui/
11 10-popcorn-loader lib/screens/10-popcorn-loader/
12 11-animated-container lib/screens/11-animated-container/
13 11-usage-of-const lib/screens/11-usage-of-const/
14 12-setstate-vs-valuenotifier lib/screens/12-setstate-vs-valuenotifier/
15 14-future-builder-dark-side lib/screens/14-future-builder-dark-side/
16 15-butterfly-animation lib/screens/15-butterfly-animation/
17 16-tool-tip lib/screens/16-tool-tip/
18 17-liquid-glass lib/screens/17-liquid-glass/
19 18-flip-card lib/screens/18-flip-card/
20 19-page-flip lib/screens/19-page-flip/
21 20-loop-text-animation lib/screens/20-loop-text-animation/
22 21-origami-fold-ui lib/screens/21-origami-fold-ui/
23 22-ink-drop-navigation lib/screens/22-ink-drop-navigation/
24 23-wave-hand lib/screens/23-wave-hand/
25 24-emoji-bounce-wheel lib/screens/24-emoji-bounce-wheel/
26 25-slide-to-confirm-action-bar lib/screens/25-slide-to-confirm-action-bar/
27 26-fluid-progress-bar lib/screens/26-fluid-progress-bar/
28 27-success-checkmark-explosion lib/screens/27-success-checkmark-explosion/
29 28-story-style-stepper lib/screens/28-story-style-stepper/
30 29-liquid-switch-toggle lib/screens/29-liquid-switch-toggle/
31 30-blobby-button-expansion lib/screens/30-blobby-button-expansion/
32 31-floating-emojis lib/screens/31-floating-emojis/
33 32-goeey_menu_expansion lib/screens/32-goeey_menu_expansion/
34 33-fluid-slider lib/screens/33-fluid-slider/
35 34-liquid-password-reveal lib/screens/34-liquid-password-reveal/
36 35-floating-add-to-cart lib/screens/35-floating-add-to-cart/
37 36-ink-magnet-login-animation lib/screens/36-ink-magnet-login-animation/
38 37-pulse-absorb-animation lib/screens/37-pulse-absorb-animation/
39 38-breathing-cards lib/screens/38-breathing-cards/
40 39-finger-trail-liquid-drag lib/screens/39-finger-trail-liquid-drag/
41 40-mood-responsive-fluid-ui lib/screens/40-mood-responsive-fluid-ui/
42 41-quantum-matrix-code-breaker-animation lib/screens/41-quantum-matrix-code-breaker-animation/
43 42-neon-photo-gallery lib/screens/42-neon-photo-gallery/
44 43-text-flip-animation lib/screens/43-text-flip-animation/
45 44-ripple-heatmap lib/screens/44-ripple-heatmap/
46 45-auto-fill-form lib/screens/45-auto-fill-form/
47 46-letter-growing-animation lib/screens/46-letter-growing-animation/
48 47-rolling-switch-toggle lib/screens/47-rolling-switch-toggle/
49 48-shake-delete lib/screens/48-shake-delete/
50 49-elevator-style-text-reveal lib/screens/49-elevator-style-text-reveal/
51 50-throw-away lib/screens/50-throw-away/
52 51-aura-card-generator lib/screens/51-aura-card-generator/
53 52-emoji-explosion lib/screens/52-emoji-explosion/
54 53-grid-detail lib/screens/53-grid-detail/
55 54-pin-drop-animation lib/screens/54-pin-drop-animation/
56 55-ai-chat-bubble-morphing-animation lib/screens/55-ai-chat-bubble-morphing-animation/
57 56-scroll-animation lib/screens/56-scroll-animation/
58 57-emotional-emoji lib/screens/57-emotional-emoji/
59 58-card-expansion lib/screens/58-card-expansion/
60 59-password-reveal lib/screens/59-password-reveal/
61 60-unlock-card-animation lib/screens/60-unlock-card-animation/
62 61-unlock-animation lib/screens/61-unlock-animation/
63 62-orbiting-avatar-badge lib/screens/62-orbiting-avatar-badge/
64 63-bouncing-text-loading lib/screens/63-bouncing-text-loading/
65 64-digital-clock lib/screens/64-digital-clock/
66 65-swipe-morph-icon lib/screens/65-swipe-morph-icon/
67 66-diagonal-page-reveal lib/screens/66-diagonal-page-reveal/
68 67-zipper-list-reveal lib/screens/67-zipper-list-reveal/
69 68-animated-scrolling lib/screens/68-animated-scrolling/
70 69-animated-uplaoding-button lib/screens/69-animated-uplaoding-button/
71 70-animated-light-dark-theme-switching lib/screens/70-animated-light-dark-theme-switching/
72 71-animated-text-masking lib/screens/71-animated-text-masking/
73 72-animated-3d-card-effect lib/screens/72-animated-3d-card-effect/
74 73-animated-moving-gradient-text lib/screens/73-animated-moving-gradient-text/
75 73-animated-3d-card-effect copy [lib/screens/73-animated-3d-card-effect copy/](lib/screens/73-animated-3d-card-effect copy/)
76 74-slide-up-text-animation lib/screens/74-slide-up-text-animation/
77 75-auto-animated-search-suggestions lib/screens/75-auto-animated-search-suggestions/
78 76-glass-morphism-effect-ui lib/screens/76-glass-morphism-effect-ui/
79 77-slot-machine-switch lib/screens/77-slot-machine-switch/
80 78-smooth-card-expansion lib/screens/78-smooth-card-expansion/
81 79-batter-filling-animation lib/screens/79-batter-filling-animation/
82 80-glowing-buttons-animation lib/screens/80-glowing-buttons-animation/
83 81-advance-carousel-animation lib/screens/81-advance-carousel-animation/
84 82-typing-text-animation lib/screens/82-typing-text-animation/
85 83-api-call-animations lib/screens/83-api-call-animations/
86 84-animated-neuomorphic-login-ui lib/screens/84-animated-neuomorphic-login-ui/
87 85-waiting-time-animation lib/screens/85-waiting-time-animation/
88 86-expandable-searchbar-animation lib/screens/86-expandable-searchbar-animation/
89 87-image-transition-effect lib/screens/87-image-transition-effect/
90 88-login-signup-transition lib/screens/88-login-signup-transition/
91 89-3d-floating-icons lib/screens/89-3d-floating-icons/
92 90-password-strength-indicator lib/screens/90-password-strength-indicator/
93 91-drag-reorder-list lib/screens/91-drag-reorder-list/
94 92-glowing-searchbar lib/screens/92-glowing-searchbar/
95 93-glowing-profile-image lib/screens/93-glowing-profile-image/
96 94-product-slider lib/screens/94-product-slider/
97 95-typing-effects lib/screens/95-typing-effects/
98 96-liquid-glass-effect-ui lib/screens/96-liquid-glass-effect-ui/
99 97-loading_spinners lib/screens/97-loading_spinners/
100 98-neon-glassmorphism-ui lib/screens/98-neon-glassmorphism-ui/
101 99-menu-items-animation lib/screens/99-menu-items-animation/
102 100-shake-text-field lib/screens/100-shake-text-field/
103 101-character-limit-progress-bar lib/screens/101-character-limit-progress-bar/
104 102-animated-check-marks lib/screens/102-animated-check-marks/
105 103-animated-404-errors lib/screens/103-animated-404-errors/
106 104-animated-card-slider lib/screens/104-animated-card-slider/
107 105-stylish-image-filters lib/screens/105-stylish-image-filters/
108 106-pop-up-text-animation lib/screens/106-pop-up-text-animation/
109 107-amazing-loading-animations lib/screens/107-amazing-loading-animations/
110 108-app-update-dialog-animation lib/screens/108-app-update-dialog-animation/
111 109-rating-bar-dialog-animation lib/screens/109-rating-bar-dialog-animation/
112 110-achievement-ui lib/screens/110-achievement-ui/
113 111-streak-tracker lib/screens/111-streak-tracker/
114 112-profile-completion-wheel lib/screens/112-profile-completion-wheel/
115 113-shimmer-color-splash lib/screens/113-shimmer-color-splash/
116 114-liquid-drag-delete-bin lib/screens/114-liquid-drag-delete-bin/
117 115-braille-password lib/screens/115-braille-password/
118 117-bubble-timer lib/screens/117-bubble-timer/
119 118-ai-eye-scanner lib/screens/118-ai-eye-scanner/
120 119-ai-face-scanner lib/screens/119-ai-face-scanner/
121 120-popcorn-loader lib/screens/120-popcorn-loader/
122 121-like-firework lib/screens/121-like-firework/
123 122-fingerprint-pulse lib/screens/122-fingerprint-pulse/
124 123-electric-shock-progressbar lib/screens/123-electric-shock-progressbar/
125 124-font-size-adjuster lib/screens/124-font-size-adjuster/
126 125-mini-habit-tracker lib/screens/125-mini-habit-tracker/
127 126-focus-timer-shield lib/screens/126-focus-timer-shield/
128 127-auto-save-indicator lib/screens/127-auto-save-indicator/
129 128-predictive-search-bar lib/screens/128-predictive-search-bar/
130 129-unlock-ui lib/screens/129-unlock-ui/
131 130-weather-ui lib/screens/130-weather-ui/
132 131-empty-list lib/screens/131-empty-list/
133 132-validation-field lib/screens/132-validation-field/
134 133-scroll-indicator lib/screens/133-scroll-indicator/
135 134-retry-animation lib/screens/134-retry-animation/
136 134-copy-animation lib/screens/134-copy-animation/
137 135-collapse-transition lib/screens/135-collapse-transition/
138 136-tab-switch-animatioj lib/screens/136-tab-switch-animatioj/
139 137-step-progress lib/screens/137-step-progress/
140 138-notification-animation lib/screens/138-notification-animation/
141 139-smart-highlight lib/screens/139-smart-highlight/
142 140-reward-badge lib/screens/140-reward-badge/
143 141-live-pulse-connection lib/screens/141-live-pulse-connection/
144 142-smart-loading-swap lib/screens/142-smart-loading-swap/
145 143-reaction-glow lib/screens/143-reaction-glow/
146 144-textfield-border-flow-animation lib/screens/144-textfield-border-flow-animation/
147 145-morphing lib/screens/145-morphing/
148 146-smart-page-loader lib/screens/146-smart-page-loader/
149 147-confetti-reward-system lib/screens/147-confetti-reward-system/
150 148-lightning-text-reveal lib/screens/148-lightning-text-reveal/
151 149-mood-adaptive-loader lib/screens/149-mood-adaptive-loader/
152 150-sliding-onboarding lib/screens/150-sliding-onboarding/
153 151-splash-animation lib/screens/151-splash-animation/
154 152-logo-reveal lib/screens/152-logo-reveal/
155 153-floating-notes lib/screens/153-floating-notes/
156 154-illustration-style-onboarding lib/screens/154-illustration-style-onboarding/
157 155-e-commerce-shopping lib/screens/155-e-commerce-shopping/
158 156-product-360-view lib/screens/156-product-360-view/
159 157-check-out-flow lib/screens/157-check-out-flow/
160 158-luxury-brand-store-ui lib/screens/158-luxury-brand-store-ui/
161 159-grocery-delivery-app-ui lib/screens/159-grocery-delivery-app-ui/
162 160-ai-assistant-dashboard lib/screens/160-ai-assistant-dashboard/
163 161-smart-planner-ui lib/screens/161-smart-planner-ui/
164 162-minimal-wallet-app-ui lib/screens/162-minimal-wallet-app-ui/
165 163-social-feed-ui lib/screens/163-social-feed-ui/
166 164-package-tracking-app-ui lib/screens/164-package-tracking-app-ui/
167 165-travel-app-ui lib/screens/165-travel-app-ui/
168 166-story-onboarding lib/screens/166-story-onboarding/
169 167-smart-home-dashboard lib/screens/167-smart-home-dashboard/
170 168-ai-morphing-ui lib/screens/168-ai-morphing-ui/
171 170-floating-e-commerce-world lib/screens/170-floating-e-commerce-world/
172 171-neurawear-clothing-store lib/screens/171-neurawear-clothing-store/
173 172-asia-cup-2026-live-score lib/screens/172-asia-cup-2026-live-score/
174 173-soft-card-tap lib/screens/173-soft-card-tap/
175 174-scale-transition lib/screens/174-scale-transition/
176 175-boune-on-tap lib/screens/175-boune-on-tap/
177 176-smooth-scroll-animation lib/screens/176-smooth-scroll-animation/
178 177-breathing-border-radius lib/screens/177-breathing-border-radius/
179 178-page-transition lib/screens/178-page-transition/
180 179-list-item-add-animation lib/screens/179-list-item-add-animation/

👤 Who Am I?

I’m Muhammad Hassan Hafeez — a digital artisan 🔧 who sculpts next-gen mobile UI using Flutter + ❤️.

From seamless transitions to pixel-perfect microinteractions, I build things that move minds and move smoothly.

🌐 Contact & Social

🔹 Platform 🔗 Link
📧 Email sunnypk0312@gmail.com
📞 Mobile +92 312 1529141
💬 WhatsApp Message Me
📺 YouTube @muhammadhassanhafeez
📸 Instagram @muhammad_hassanhafeez.dev
🎵 TikTok @muhammadhassanhafeez.dev
🧑‍🎨 Behance Portfolio
💼 LinkedIn Connect
🐙 GitHub @pksunny
💼 Upwork Hire Me
🌐 Freelancer @PkSunny0

🤝 Join the Movement

  • ⭐ Star this repo to support premium Flutter content
  • 🌀 Fork and remix your own animations
  • 💡 Share ideas, collab, or contribute

“Code is not just logic, it’s an experience.”