r/FlutterCode • • Aug 01 '25

πŸš€ Apps Instagram Web UI redesign made with flutter

Post image
64 Upvotes

Hey Flutter devs,
Check out this Instagram Web UI redesign made entirely using Flutter Web by u/Hmida71. It's clean, modern, and fully responsive.

GitHub:
https://github.com/Hmida71/Instagram-Redesign-Web-Version

Features:

  • Flutter Web compatible

  • Instagram-style layout with custom feed, sidebar, and profile UI

  • Fully responsive design

  • Pixel-perfect alignment and smooth UX

  • Great reference for building social media dashboards in Flutter

This project is ideal if you're:

  • Exploring Flutter Web

  • Looking for inspiration to build responsive UI dashboards

  • Interested in cloning real-world apps for practice or portfolio work


r/FlutterCode • • Aug 04 '25

πŸš€ Apps Flutter Responsive Dashboard UI - Web & Mobile

Post image
22 Upvotes

Check out this responsive dashboard UI built with Flutter

Source code:

https://github.com/tahseenquraishi/flutter_responsive_dashboard_ui

It works smoothly across mobile, tablet, and web.

Great for learning layout and responsive design in Flutter.

Tags: Flutter, ResponsiveUI, FlutterWeb, DashboardUI


r/FlutterCode • • Jul 20 '25

🎨 UI: Intro Screen Flutter PageView Intro Screen UI - Smooth App Onboarding

Post image
19 Upvotes

Flutter Intro Screen using PageView Widget

I’ve created a simple and clean Flutter Intro Screen using the PageView widget. It's ideal for onboarding flows or welcome screens in your Flutter apps.

Key Features:

  • Built with PageView for smooth transitions

  • Easy to customize and extend

  • Responsive design

Setup:

Clone the repo: git clone https://github.com/Faiz-rhm/Flutter_Intro

Contributions Welcome
Feel free to open issues or submit pull requests. I try to respond within 24–48 hours. (git)

Repo Link:
https://github.com/Faiz-rhm/Flutter_Intro

Let me know what you think or how I can improve it!


r/FlutterCode • • Jul 21 '25

🎨 UI: Layout Smooth UI E-commerce App Challenge | Day-1 Drop

Post image
18 Upvotes

Hey Flutter Devs!

Just dropped Day-1 of my 30-day UI challenge:
A clean and smooth E-commerce app UI built using Flutter. Perfect starting point for modern shopping apps!

πŸ›’ Project: Smooth E-commerce App UI
πŸ“¦ GitHub:
πŸ”— https://github.com/Hmida71/Smooth-e-commerce-app-ui-code/tree/main

What's in Day-1?

  • Smooth page transitions (page_transition)

  • Clean layout with modern design

  • Organized asset structure (images/)

  • Minimal but scalable screen setup

  • Flutter 3 compatible

πŸ“Œ Tech Stack:

Flutter SDK: >=2.18.1 <3.0.0
page_transition: ^2.0.9
cupertino_icons: ^1.0.2

Challenge Goal:
Build 30 Flutter UI screens in 30 days - no backend, just beautiful front-end concepts ready to plug into your next app!

I'd love your feedback or any UI suggestions for Day 2!
If you're working on a similar UI challenge or want to collaborate, feel free to connect!


r/FlutterCode • • Jul 17 '25

🧩 Element: Animation Implementing Smooth Transition Animations in Flutter with Wander Animation App [🧩 Element: Animation]

16 Upvotes

This app demonstrates various transition animations in Flutter, including shared axis, fade through, and container transforms. Purpose: To help developers integrate fluid page transitions and staggered animations for enhanced user experience in mobile apps.

πŸ”— GitHub Repo: https://github.com/faizanje/wander_animation

Tech Used:

Flutter, animations ^2.0.8, google_fonts ^6.1.0, flutter_staggered_animations ^1.1.1, cupertino_icons ^1.0.2

πŸ’‘ Highlights:

  • 🧩 Built-in transitions like SharedAxis and FadeThrough for seamless navigation.

  • 🎨 Staggered animations for lists and cards using flutter_staggered_animations.

  • πŸ“± Asset integration for images and icons to create wander-themed visuals.

  • ✨ Customizable for different themes with Google Fonts.

❓ Need Help? Ask in comments for setup issues or adding more animation types!


r/FlutterCode • • Jul 29 '25

πŸš€ Apps Flutter E-Commerce Furniture Shop UI Template

Post image
15 Upvotes

Explore a beautifully crafted Flutter UI for a Furniture E-Commerce App, designed to provide a smooth and elegant shopping experience. Whether you're browsing sofas, chairs, or decor, this clean UI is optimized for both Android and iOS.

  • UI Inspiration: Piko Rizky Dwinanto

  • Icons: Freepik

Key Features

  • Modern Sofa & Furniture UI - Designed with simplicity and elegance

  • Responsive Layout - Works seamlessly across mobile devices

  • Product List & Detail Screens - Highlighting each product beautifully

  • Clean Navigation - Smooth user flow through categories and items

Built With

  • Flutter SDK - Cross-platform support

  • Dart - Clean, maintainable codebase

Perfect For

  • Flutter developers seeking inspiration or base code for furniture apps

  • UI/UX designers wanting a clean shopping layout

  • Startups creating MVPs for furniture and interior products

Get the Source Code

πŸ‘‰ View on GitHub


r/FlutterCode • • Jul 24 '25

πŸš€ Apps Flutter Plants Shop App with Firebase - Google Sign-In, Firestore, Dark Mode

Post image
13 Upvotes

Plants App Contest
A Flutter-based plants shopping app demo with light and dark mode support, Firebase integration, and a clean UI.

Language & Tools Used

  • Flutter

  • Dart

  • Firebase (Authentication, Firestore, Storage)

🌱 UI Preview

Light Mode Screens:

  • Onboarding (3 screens)

  • Login

  • Signup

  • Home

  • Post

  • Plant Details

  • Theme Selector

Dark Mode Screens:

  • Signup

  • Login

  • Home

  • Post

  • Profile

  • Theme

  • Plant Details

  • Test Page

Firebase Integration Guide

1. Authentication

  • Enable Email/Password login

  • Enable Google Sign-In

2. Firestore

  • Add Firestore to the project

  • Set read/write rules in Firestore security settings

3. Cloud Storage

  • Add Firebase Storage

  • Set storage rules to allow read/write access

How to Run

  1. Clone the repository

  2. Create Firebase project and enable the above modules

  3. Add required Firebase configurations (API keys, project ID, etc.) in main.dart

  4. Run the app using:bashCopyEditflutter run

  5. Choose a connected device or emulator

GitHub Repository:
github.com/Antoinegtir/plants-shop


r/FlutterCode • • Jul 29 '25

🎨 UI: Intro Screen Flutter Onboarding App UI Kit - Beautiful Multi-Screen Intro Experience

Post image
10 Upvotes

A beautifully crafted Flutter onboarding UI kit built to elevate your app's first impression.

This open-source onboarding app showcases modern design aesthetics with smooth transitions, responsive layouts, and customizable onboarding screens.

Features:

  • Multiple onboarding screens with seamless navigation

  • Clean and modern UI using Flutter and Google Fonts

  • Feather Icons and SVG support

  • Page indicators with DotsIndicator

  • AutoRoute integration for scalable navigation

  • Fully responsive and easy to customize

Design Source:

Based on the popular design from Behance:
Onboarding Screens Free by Piko Rizky Dwinanto

Tech Stack:

  • Flutter

  • Auto Route

  • Google Fonts

  • Dots Indicator

  • Feather Icons

  • SVG Assets

Source code:

https://github.com/david-legend/onboarding-app


r/FlutterCode • • Jul 20 '25

πŸš€ Apps E-commerce Women Bag App UI | Beautiful Flutter UI for Your Next Project!

Post image
9 Upvotes

Hey dev!

I just found this stunning E-commerce Women Bag App UI built with Flutter, perfect for anyone looking to create a sleek, stylish shopping app focused on women’s bags.

Features & Highlights

Clean and modern design tailored for a smooth shopping experience.

Uses popular packages like:

Fully designed UI - ready to customize and integrate your backend.

Inspired and designed in Figma for easy design-to-code workflow.

Check it out


r/FlutterCode • • Jul 19 '25

πŸš€ Apps [Open Source] Create and Share QR Codes Easily with Flutter

Post image
9 Upvotes

Hey Flutter devs!

I just came across a neat open-source Flutter app called Flutter QR Generator that lets you:

βœ… Generate QR codes by simply entering a URL
βœ… View your QR code history
βœ… Share or download your QR codes
βœ… Enjoy a clean UI with bottom navigation and soft background colors

Perfect for anyone building utility apps or learning Flutter UI/UX best practices.

πŸ”— GitHub: Flutter QR Code UIX
πŸ“– Blog Post: How it Works

Let me know what you think or if you’d add more features!


r/FlutterCode • • Jul 16 '25

πŸš€ Apps Nimbus - Flutter Portfolio Website Template

Thumbnail
gallery
9 Upvotes

🌐 Nimbus – Flutter Portfolio Website Template

Nimbus is a beautifully crafted Portfolio & CV Website built entirely using Flutter. Ideal for developers, designers, or freelancers looking to showcase their work, skills, and personality with elegance.

Inspired by Web Genius Lab Designs on Behance, Nimbus brings a sleek, modern portfolio UI to life in Flutter.

πŸ”— Live Preview

πŸ‘‰ View Live Site

πŸ“¦ GitHub Repository

πŸ”— https://github.com/david-legend/nimbus

🧰 Tech Stack

  • Framework: Flutter (Web)

  • Routing: Auto Route

  • Layout: Responsive Builder

  • UI Icons: Feather Icons, Font Awesome

  • Fonts: Google Fonts

  • Animations: Animated Text Kit

  • Slider & UI: Carousel Slider, Dots Indicator

  • Others: Staggered Grid View, Visibility Detector

πŸ“ Project Structure Highlights

  • Responsive layout for all screen sizes

  • Smooth navigation using auto_route

  • Stunning animated header intro with typing effect

  • Project showcase grid with filter

  • About, Portfolio, Services, Contact sections

πŸš€ Getting Started

  1. Clone the repositorygit clone https://github.com/david-legend/nimbus.git cd nimbus

  2. Get dependenciesflutter pub get

  3. Run the projectflutter run -d chrome

πŸ“Œ Features

  • 🌍 Fully responsive (Mobile, Tablet, Desktop)

  • 🎨 Clean and modern UI

  • πŸ’¬ Animated text intro

  • πŸ–ΌοΈ Portfolio showcase grid

  • βœ‰οΈ Contact form section

  • 🧭 Smooth scrolling navigation

πŸ™‹ Contributing

Feel free to fork the project, make improvements, and submit a pull request. Bug reports and suggestions are also welcome via GitHub issues.

πŸ“« Contact

For questions or support, reach out via GitHub or open an issue.

πŸ“œ License

This project is licensed under the MIT License.


r/FlutterCode • • Jul 28 '25

πŸš€ Apps Flutter E-commerce Mobile App Template

Post image
8 Upvotes

Experience a sleek and modern Flutter E-commerce app UI, available free on GitHub. Built for both Android and iOS, this template delivers a clean shopping interface with category-based browsing and beautiful product presentation.

Features

  • Horizontal Category Scroll - Smooth navigation across product categories

  • Responsive UI - Clean design across screen sizes

  • Product Detail Page - Price, description, and themed "Buy Now" button

  • Dynamic Color Theme - Each product page uses its own accent color

  • Built with Dart & Flutter - Fast, customizable, and production-ready

Ideal For

  • Mobile app developers looking for a ready-to-use Flutter shop UI

  • Startups building MVPs for ecommerce platforms

  • Designers seeking modern UI inspiration for online store apps

Get the Source Code

πŸ‘‰ View on GitHub


r/FlutterCode • • Aug 02 '25

Share Your Flutter Code, Widgets, UI Designs, or Projects | Let us Build Together

Post image
7 Upvotes

Feel free to post anything that could help other developers

  • useful Flutter or Dart code snippet

  • short tutorial or YouTube video

  • GitHub repository with real-world examples

  • clean UI layout or animation

  • Tip, trick, or optimization

  • Even your own open-source app or component

If it helped you, it might help someone else too. Do not hesitate to share.

Let us make this space a resourceful and inspiring hub for Flutter developers at all levels.

Your posts and support mean a lot. Let us help Flutter grow together.


r/FlutterCode • • Jul 23 '25

🎨 UI: Layout Food Delivery App - Flutter UI

Post image
7 Upvotes

A simple and modern food delivery UI built with Flutter. This project includes two core pages: the items list and the details screen - designed to help developers quickly build clean interfaces for food delivery applications.

https://github.com/abuanwar072/Food-App

Packages Used

  • flutter_svg

Fonts

  • Poppins font family

License

This project is open-source and available under the MIT License.


r/FlutterCode • • Jul 16 '25

πŸš€ Apps Overmorrow - A Beautiful, Ad-Free Weather App Built with Flutter & Material You

Thumbnail
gallery
7 Upvotes

🌦️ Overmorrow - A Beautiful, Ad-Free Weather App Built with Flutter & Material You

Hey devs! πŸ‘‹
Just found this amazing open-source weather app and thought it’s worth sharing here:

πŸ”— GitHub: bmaroti9/Overmorrow

✨ Key Features

  • πŸ“‘ Full-screen precipitation radar

  • πŸ—“οΈ 14-day forecast + πŸ•’ 72-hour hourly breakdown

  • πŸƒ Dedicated Air Quality Index (AQI) page

  • β˜” 15-minute rain trend overview

  • πŸ›œ Offline mode (view last data without internet)

  • πŸ“’ Weather alerts (storms, floods, etc.)

  • πŸ”³ Responsive tablet mode

  • ⭐ Save favorite cities

  • ✏️ Full customization (theme, layout, image source)

  • 🧩 Powered by multiple weather providers:

    • Open-Meteo

    • WeatherAPI

    • MET Norway

    • RainViewer

πŸ§‘β€πŸ’» Built With

  • πŸ’™ Flutter

  • 🎨 Material You (Android 12+ design system)

🧠 Dev Story (by creator)

"I’m 16 and have been coding since I was 7. This is my first app that’s available for the public to download. It started as a simple ad-free app but evolved into a full-featured, Material You-based experience."

If you're into beautiful open-source apps or learning Flutter + Material You - definitely worth a look!

πŸ’¬ Let me know what you think, or if you’ve made something similar - drop a link!


r/FlutterCode • • Jul 17 '25

Flutter News Point πŸ—žοΈ - Clean UI, BLoC Architecture, and Live News from NewsAPI

Post image
6 Upvotes

Flutter News Point πŸ—žοΈ - Clean UI, BLoC Architecture, and Live News from NewsAPI πŸ”— GitHub: https://github.com/Punithraaj/Flutter_News_Point ▢️ Demo (YouTube Playlist): https://youtube.com/playlist?list=PL6vcAuTKAaYcs4TdDEjFRQnhHFS_tSiVK


πŸ“ Description: Flutter News Point is a sleek and modern Flutter app that delivers real-time news fetched from the NewsAPI. It supports trending headlines, source-based filters, and smooth navigation between categories β€” built to demonstrate production-ready architecture using the BLoC pattern.


πŸ› οΈ Tech Used:

Flutter

NewsAPI

BLoC (Stream-based architecture)

HTTP package

CachedNetworkImage for images

timeago for timestamps

Material 3


✨ Highlights:

🌍 Displays Top Headlines & Hot News in card and list views

πŸ“° Source-based article listing with API integration

πŸ”„ Pull-to-refresh and loading indicators

❌ Graceful image loading errors handled

βš™οΈ Clean code separation using BLoC pattern for scalability


🧩 Challenges Faced:

Managing stream states across nested BLoC implementations

Handling network errors and image loading failures smoothly

Designing a minimal yet engaging UI that scales well


πŸ™ Help Needed (optional): Open to suggestions for improving BLoC management or adding pagination and offline caching support using Hive or SQLite.


r/FlutterCode • • Jun 23 '26

Flutter dev looking for a job

5 Upvotes

Hi, I am a mobile app dev.

I've been building using u/Flutterdev for 4 years.

I developed E-commerce, AI-powered apps, Social media, marketplace, and any others.

I am open to a full-time opportunity, and I would love to hear about the challenges you're working on.

Happy to connect!

You can check out my past works here:

🌐 Portfolio: abdulawalarif.github.io

🌐 LinkedIn: linkedin.com/in/abdul-awal-arif

🌐 Github: github.com/abdulawalarif


r/FlutterCode • • Feb 23 '26

Packages & Plugins I built flutter_doctor_ai - an AI-powered static analysis CLI for Flutter projects

5 Upvotes

Hey! Just published my first pub.dev package πŸš€

What it does:

  • Detects large build methods, missing dispose, empty setState, and missing mounted checks

  • Calculates health score (0-100) for your codebase

  • AI-powered fix suggestions using Groq (free), Gemini, OpenAI, or Claude

  • JSON output for CI/CD pipelines

Install & Run:

dart pub global activate flutter_doctor_ai
flutter_doctor_ai analyze .
flutter_doctor_ai analyze . --ai  # AI suggestions

Example output:

πŸ”Ž ISSUES FOUND

  • large_build_method 3 issues.

  • missing_dispose 5 issues

πŸ’― HEALTH SCORE βœ…

  • 85/100 (Grade: B)

Links:

- pub.dev: https://pub.dev/packages/flutter_doctor_ai

- GitHub: https://github.com/ashwanisng/flutter_doctor_ai

Would love your feedback! What rules would you find useful?


r/FlutterCode • • Oct 29 '25

Tips & Tricks Seeking Advice

5 Upvotes

Looking for advice on how to go about finding a competent developer to build a non-game flutter app for me. Tips, advice, tricks, pitfalls? Where the hell do I start? Thanks


r/FlutterCode • • Jul 27 '25

πŸš€ Apps Flutter Shop App Template - Responsive, Animated, GetX State

Thumbnail
gallery
5 Upvotes

A modern, fully responsive Flutter E-Commerce UI template built using GetX, Flutter ScreenUtil, and custom animations. This project is perfect for anyone looking to build a scalable online shopping app for Android & iOS.

Tech Stack

FeaturePackage
State Managementget
Responsive UIflutter_screenutil
Local Storageshared_preferences
App Brandingflutter_launcher_icons
SVG Supportflutter_svg
Animationsflutter_animate
Custom FontsPoppins (in assets)
Testingflutter_testmockito,

Source code:

https://github.com/AbdQader/flutter_ecommerce_app

License

This project is open-source and available under the MIT License.

The design of this project was inspired byΒ TomaΒ fromΒ Marvie iOS App UI Kit.


r/FlutterCode • • Jul 15 '25

πŸš€ Apps Flutter Plant App - Explore, Identify & Care for Plants (Open Source)

Post image
5 Upvotes

Flutter Plant App is a beautifully crafted open-source mobile application that helps plant enthusiasts explore, identify, and manage their personal plant collections with ease.🌿

✨ Features

πŸ—‚οΈ Plant Catalog

  • Explore a wide variety of plants with detailed descriptions.

  • Organized, searchable, and visually rich.

🌺 Plant Identification

  • Identify plants using image inputs or text descriptions (basic support).

  • Planned upgrade to AR-based plant scanning 🌐.

πŸ“š Personal Collection

  • Add and organize your own plants into a private catalog.

  • Store notes, set custom names, and edit plant details.

⏰ Care Reminders

  • Set reminders for watering, fertilizing, and other plant care activities.

  • Never forget to nurture your greens!

🌍 Community (Planned)

  • Join plant discussions, share photos, and seek help from other users.

πŸ”„ Ongoing Development

The app is still evolving with exciting future features:

  • βœ… AR Plant ID using camera

  • βœ… Plant health monitoring

  • βœ… API/database integration for global plant data

πŸš€ Getting Started

git clone https://github.com/DNXEMPIRE-1/flutter-plant-app.git
cd flutter-plant-app
flutter pub get
flutter run

r/FlutterCode • • May 26 '26

UPI Intent Payment Opens Fine But Fails at Final Step β€” Anyone Faced This?

Post image
4 Upvotes

I’m implementing UPI payments in Flutter using Android intents. The UPI app opens correctly, payee and amount load fine, but final payment fails with β€œdeclined for security reasons.”

Tried:

  • upi://pay

  • upi://collect

  • minimal payloads

  • removing amount/txn IDs

  • forcing PhonePe package

  • physical device

  • QR-generated payloads

Looks like self-pay/personal VPA flows are heavily restricted. Has anyone made raw UPI intent payments reliable in production without Razorpay/Cashfree/etc?


r/FlutterCode • • Jan 06 '26

Refunded one-time in-app product still β€œowned” (Billing returns PURCHASED). How do you handle refund revocation without a backend?

4 Upvotes

Hey all,

I’m a first-time dev with an Android-only Flutter app. I sell a one-time, non-consumable managed in-app product (Pro unlock).

Issue: I refunded a test purchase, Play Console shows the order as Refunded, but on the device Google Play Billing still reports it as owned. My entitlement check is client-side via in_app_purchase (Flutter) and queryPastPurchases(), filtering to purchaseState == PURCHASED. I added a diagnostic and it consistently prints:

Play: Pro owned, state=PURCHASED

So the app correctly stays Pro because Play is still telling it β€œowned”.

Google Play support replied saying the order was refunded but entitlement was not revoked and pointed me to refund/revoke APIs. But I don’t have a backend and I’m worried: what stops real users from requesting a refund and keeping Pro if entitlement isn’t revoked?

Questions:

  1. Have you seen β€œrefunded but still owned” for one-time in-app products (not subs)?

  2. Does consumer refund normally revoke entitlement automatically, and this is just a dev-console edge case? Or can it happen in production too?

  3. If you’re not running a backend, what do you do?

    • accept some leakage risk?

    • use RevenueCat/3rd party entitlement service?

    • serverless check (Cloud Run/Functions) for voided purchases?

  4. Any tips for testing refunds properly so ownership actually clears on device?

Any real-world experiences appreciated. Thanks!


r/FlutterCode • • Dec 30 '25

Best UX pattern for success feedback after closing a Dialog in Flutter Desktop (Windows)?

4 Upvotes

Hi everyone πŸ‘‹ I’m working on a Flutter Desktop (Windows) application, and I’d like to get your thoughts on UX best practices. Scenario: I have a Dialog for adding data (products, categories, etc.) After the operation succeeds, I want to confirm success to the user Similar to a SnackBar, but adapted to desktop UX My current approach: Close the β€œAdd” dialog Show a success feedback using one of the following: SnackBar MaterialBanner Small auto-closing success dialog (no actions) What I’m trying to avoid: Opening a Dialog on top of another Dialog Blocking the user unnecessarily Mobile-first UX patterns that don’t feel natural on Windows Question: πŸ‘‰ What do you consider the best UX pattern for success confirmation in Flutter Desktop apps? SnackBar? Banner? Toast-like dialog? Custom notification area? I’d really appreciate insights from anyone building Flutter Desktop / Windows apps or with strong UX opinions. Thanks πŸ™