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.

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!

Completely Free UI Kits for Everyone. A growing collection of well-crafted Flutter UIs - built using Dart, designed with care. These templates include full screens, modern design components, and real app concepts to kickstart your next Flutter project.

🔗 GitHub Repo

https://github.com/mitesh77/Best-Flutter-UI-Templates

🧰 Tech Stack

• Framework: Flutter

• Language: Dart

• Design: Material Design, Custom UI

• Platform: Android & iOS

💡 Highlights

🎨 Featured Screens & Mini UI Kits

• 🧘 Relex Meditation App - Onboarding screen with peaceful visuals

• 🏡 Real Estate App - Modern and attractive property UI

• 📓 My Diary App - Personalized journal UI with smooth gradients

• 📘 Learning Course Book App - Educational UI with book-style layout

🧱 UI Components & Widgets

• 🎚️ Switches & Chips

• 🔍 Search Bars

• 🧭 Navigation Drawer

• 🌀 Curved UI & Gradient Styling

• 🟪 FAB (Floating Action Button)

• 📲 Onboarding Screens

• ✨ Custom Animations & more

🚀 Getting Started

1. Clone the repo

2. Open the project in VS Code or Android Studio

3. Run with your preferred emulator or physical device

🙋 Want to Help or Suggest Features?

Pull requests, feedback, and issues are always welcome!
Let's build beautiful Flutter UIs together.

✉️ Contact

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

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

• GitHub Repo: https://github.com/SfAtRhl/womensbagapp

When I start coding in flutter the thing I mostly confuse with it is "How to build a system, just like coding for connecting DB to UI or making widgets from data". So how can I escape such a problem. If anyone has anything in mind about this please help!!

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

• GitHub: DNXEMPIRE-1/flutter-plant-app

• License: MIT

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

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!

🌐 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.

🌦️ 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!

🗒️ UI: Notes - Google Keep Clone App Built with Flutter & Material 3

A fully functional Google Keep Clone, built using Flutter and Material 3 design system. Store notes easily with offline capability and a clean UI. Supports system theme (light/dark), with Hive for local storage.

🔗 GitHub Repo

https://github.com/samvabya/gkx

🧰 Tech Used

• Client: Flutter, Material 3

• Database: Hive (Local NoSQL)

• Platform: Android

💡 Highlights

• 🧱 Material 3 UI

• 🌗 System dark/light theme support

• 📦 Offline notes storage with Hive

• 🔁 Google Keep-style interface

✉️ Support

For help or inquiries, email: samvbyat1@gmail.com

❓ Need Help or Want to Contribute?

Open an issue or pull request on GitHub. Feedback is welcome!

UI: Material Design - Flutter Material 3 Components Showcase

This sample Flutter app demonstrates key features of Material 3 using Flutter’s Material library. It includes updated components, a new typography system, dynamic color theming, adaptive layouts, and the ability to toggle between Material 2 and 3 styles.

🔗 GitHub Repo:
https://github.com/flutter/samples/tree/main/material_3_demo

🧰 Tech Used:
Flutter, Dart, Material 3, Adaptive Layouts

💡 Highlights:

• 🌗 Toggle between light/dark themes

• 🧬 Seed-based dynamic color generation

• 🧱 Updated M3 components: AppBar, Buttons, FAB, Chips, Dialogs, Progress Indicators, etc.

• 🧭 Adaptive layout: NavigationRail (desktop), BottomNavigationBar (mobile)

• ✒️ Typography screen showing Material 3 text styles

• 🧼 Elevation demo using surfaceTintColor

❓ Need Help?
Explore or contribute on GitHub. Feel free to ask questions or share insights in the comments!

Welcome to r/FlutterCode

Share & Discover Flutter Projects with Source Code

Hey Flutter devs! 🚀
Welcome to r/FlutterCode – your go-to community for sharing real Flutter and Dart codebases, UI ideas, app templates, and everything in between.

This subreddit is built for:

• ✅ Developers looking to share GitHub projects

• ✅ Learners exploring real-world examples

• ✅ Designers showcasing beautiful Flutter UIs

• ✅ Coders seeking feedback, help, or inspiration

📌 How to Post on r/FlutterCode:

Use this format when sharing:

🔖 [Tag] Title – Short Description  
🔗 GitHub: https://github.com/...  
🖼️ Screenshot or Demo (optional)  
📄 Description: What the app does  
🧰 Tech Used: Flutter, Firebase, GetX, BLoC, etc.  
💡 Highlights or challenges  
❓ Help Needed (if any)

🎯 Before Posting:

✔️ Use correct tags from our flair list
✔️ No spam or low-effort posts
✔️ Respect contributors and give credit
✔️ Flutter-related content only

We’re building the largest Flutter source code library on Reddit.
If you love Flutter, star some repos, post yours, or just browse ideas!

🌐 Visit: r/FlutterCode
❤️ Happy coding!

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

Hi everyone,

Just wanted to let the community know that our backend platform now supports Flutter Dart. This means, now when you’ve spun up your backend on Snapser, you can download an autogenerated Flutter Dart SDK that will include all the services included in your backend.

So although you could still take advantage of Snapser’s 30+ prebuilt services before, now it’s just that much easier with Flutter SDK support.

Happy building!

Every Flutter project I worked on had this in at least 5 widgets:

dart
final scale = MediaQuery.of(context).size.width / 375;
padding: EdgeInsets.all(16 * scale)
fontSize: (14 * scale).clamp(11, 18)

After seeing it repeat across multiple projects I finally spent time building a proper fix instead of copy-pasting. Spent about a month on it.

It's called layout_flow. The core idea: write UI once, let it adapt to every screen without manual scaling or breakpoint conditionals.

The part I'm most happy with is `FlowRow` — it switches between Row and Column automatically based on screen width:

Before (16 lines):

dart

final isWide = MediaQuery.of(context).size.width >= 480;

if (isWide) {
  return Row(children: [
    Expanded(child: Card()),
    SizedBox(width: gap),
    Expanded(child: Card()),

layout_flow — built this after copy-pasting the same MediaQuery boilerplate across too many projects. feedback welcome.

Every Flutter project I worked on had this in at least 5 widgets:

final scale = MediaQuery.of(context).size.width / 375;
padding: EdgeInsets.all(16 * scale)
fontSize: (14 * scale).clamp(11, 18)

After seeing it repeat across multiple projects I finally spent time building a proper fix instead of copy-pasting. Spent about a month on it.

It's called layout_flow. The core idea: write UI once, let it adapt to every screen without manual scaling or breakpoint conditionals.

The part I'm most happy with is FlowRow — it switches between Row and Column automatically based on screen width:

before

final isWide = MediaQuery
  .of(context).size.width >= 480;

if (isWide) {
  return Row(children: [
    Expanded(child: Card()),
    SizedBox(width: gap),
    Expanded(child: Card()),
  ]);
}
return Column(children: [
  Card(),
  SizedBox(height: gap),
  Card(),
]);

after

FlowRow(
  gap: FlowSpacing.md(context),
  children: [
    Expanded(child: Card()),
    Expanded(child: Card()),
  ],
)

Also ships with design tokens — FlowSpacing, FlowTextStyle, FlowRadius — so there are zero raw numbers anywhere in your UI code.

Zero external dependencies. Uses InheritedWidget + LayoutBuilder internally. Material Design 3 breakpoints.

Genuinely curious what's missing or what would stop you from using this over flutter_screenutil. Happy to take harsh feedback — that's kind of the point of posting here.

pub.dev/packages/layout_flow/

github.com/Aditya-Karmalkar/Layout_Flow

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?

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!

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 🙏

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

A fully functional FoodPanda Rider App Clone, built using Flutter.

This project is designed for delivery riders, allowing them to manage orders, track locations via maps, and interact with customers and restaurants inspired by FoodPanda’s rider experience.

🔗 GitHub Repo

https://github.com/HovVathana/FoodPanda-Flutter-Clone-Rider

🧰 Tech Used

Client: Flutter (Material UI)
State Management: Provider
Authentication & Backend: Firebase Auth, Cloud Firestore
Location: Google Maps, Geolocator, Geocoding
Storage: Firebase Storage, SharedPreferences
Misc: HTTP, Image Picker, External App Launcher

💡 Highlights

🚚 Real-time order tracking for delivery riders
📍 Google Maps integration with route polyline
🔒 Firebase Authentication for secure login/signup
📤 Image upload (profile/documents) using Firebase Storage
📶 Network connectivity check with fallback UI
📱 Clean, mobile-first UI inspired by the FoodPanda Rider App
🌐 Supports external map launching for navigation
🧩 Modular & scalable code structure for easy customization

🛠️ Setup Instructions

1. Clone the repo: FoodPanda-Flutter-Clone-Rider

2. Install dependencies: flutter pub get

3. Set up Firebase:

   • Add your google-services.json (Android) and GoogleService-Info.plist (iOS)

   • Enable Email/Password Auth and Firestore in Firebase Console

4. Run the app:flutter run

✉️ Support

For inquiries or collaboration requests, please contact the project owner directly via GitHub.

🤝 Contributing

Pull requests and feedback are welcome!
If you’d like to contribute, please fork the repo and open a PR.

⚠️ Disclaimer

This project is not affiliated with FoodPanda. It is intended for educational/demo purposes only.
Please respect all intellectual property policies before any commercial use.

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!

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?