upgrade_flutter_starter_kit 1.0.1+2

description: A modern Flutter starter kit with clean architecture, reusable UI components, state management setup, and ready-to-use project structure.

https://github.com/alzabirr/upgradePro-

Flutter Starter Kit

A robust and scalable Flutter Starter Kit designed to accelerate the development of new Flutter applications. This starter kit is built with a clear folder structure and a layered architectural pattern.

🏗 Architecture & Folder Structure

This project follows a feature-based and layered architecture, ensuring separation of concerns and scalability.

Inside the lib/ directory:

• features/: Contains modular features of the app. Each feature can have its own isolated logic, UI, and state.
• models/: Data models and serialization logic (e.g., classes representing your API data).
• providers/: State management classes using provider. Business logic is handled here to keep UI clean.
• screens/: The main UI pages/views of the application.
• services/: Network requests, API calls, and third-party integrations (e.g., Firebase, REST APIs).
• storage/: Local storage logic using Hive (NoSQL database).
• themes/: App-wide styling, colors, typography, and light/dark mode definitions.
• utils/: Helper functions, constants, extensions, and reusable logic.
• widgets/: Shared, reusable UI components used across multiple screens (e.g., custom buttons, text fields).

📦 Core Dependencies

This starter kit comes pre-configured with essential packages for modern Flutter development:

• Provider: Recommended state management.
• Hive: Blazing fast, lightweight key-value database for local storage.
• Google Fonts: Easy typography management.
• Flutter Animate: Performant, beautiful animations.
• UI Enhancements: glassmorphism_ui, liquid_glass_widgets, and blur for modern, premium design aesthetics.

🚀 How to use this Starter Kit

To use this starter kit for a new project:

1. Clone the repository:

   git clone https://github.com/USERNAME/flutter-starter-kit.git my_new_app
   

2. Navigate into the directory:

   cd my_new_app
   

3. Install dependencies:

   flutter pub get
   

4. Rename the App: Use a tool like rename to easily change the package name and app name to your new project's name.

✨ Design Philosophy

The design remains consistent across apps built with this kit. Focus on creating premium, dynamic interfaces by utilizing the pre-installed animation and glassmorphism packages.

Design the app UI in a modern Apple-inspired Flutter style with a clean, premium, glassmorphic interface.

Use a minimal white/light mode and AMOLED black dark mode. The main background should be solid and uncluttered, with translucent floating UI surfaces layered above it. Use soft blur effects, semi-transparent white/dark surfaces, subtle borders, and restrained shadows.

Visual style:

• Apple/Cupertino-inspired interaction patterns
• Glassmorphism with backdrop blur around 22-25px
• Rounded floating controls with large radius: 24-40px
• Minimal, spacious layouts with lots of breathing room
• Thin, elegant typography using Inter
• Edge-to-edge layout with transparent system bars
• Smooth micro-animations, light haptics, and polished state transitions

Color palette:

• Primary: bright indigo/violet #5E5CE6
• Accent: glowing magenta #D946EF
• Light background: #FFFFFF
• Dark background: #000000
• Light text: #1C1C1E
• Dark text: #F5F5F7
• Muted text: #8E8E93 in light mode, #98989D in dark mode
• Use occasional gradients from primary violet to magenta for avatar circles, primary action buttons, or highlighted elements.

Typography:

• Use Inter throughout.
• Headings should feel Apple-minimal: light to medium weight, clean spacing, restrained size.
• Body text should be soft, readable, and muted where secondary.
• Avoid heavy decorative typography.

Core layout patterns:

• Use a floating glass search/header bar near the top with a rounded pill shape, translucent surface, subtle border, search icon, and clear button.
• Add circular glass icon buttons for secondary actions like notifications.
• Use a floating bottom navigation bar with heavy rounded corners, translucent blur, soft shadow, and icon-only tabs.
• Selected nav items should appear as dark filled pills in light mode and light filled pills in dark mode.
• Use Cupertino icons wherever possible.
• Settings and detail pages should use grouped rounded panels with subtle borders and soft translucent surfaces.
• Use compact rows with leading icons, titles, subtitles, switches, and chevrons.
• Profile/account headers should use a circular gradient avatar, bold name, muted workspace/subtitle, and a chevron.
• Use Cupertino switches, dialogs, text fields, and page transitions.

Component styling:

• Cards/panels: radius 24-26px, surface opacity around 0.88-0.9 for content panels, 0.55 for floating glass bars.
• Borders: 1px, text color or white with 0.08-0.35 opacity.
• Shadows: soft black shadow with low opacity, blur around 24-30px.
• Buttons: rounded, tactile, minimal. Primary action buttons can use a violet-to-magenta gradient.
• Icons: thin Cupertino-style icons, usually 20-28px.

Motion:

• Use gentle fade and slide animations for empty states and page content.
• Navigation selection should animate over about 200-300ms.
• Use subtle haptic feedback on tab taps and primary interactions.

Overall feeling: The UI should feel like a polished iOS productivity starter kit: calm, premium, futuristic but minimal, with glass floating controls, soft borders, elegant typography, and a violet/magenta accent system. Avoid clutter, loud gradients, dense cards, or Android Material-heavy styling.

Create a premium Apple-style Flutter UI with Cupertino components, Inter typography, glassmorphic floating bars, translucent blurred surfaces, soft borders, rounded 24-40px corners, AMOLED dark mode, clean white light mode, and violet/magenta accents. Use floating top search/header controls, a floating bottom nav, grouped settings panels, gradient avatar/action elements, subtle shadows, smooth 200-300ms animations, and minimal spacious layouts.