About this Template

Weatherly is a complete live weather forecast app template built with Flutter and powered by the OpenWeather API, made for founders, startups, and developers who want to launch a polished, data-rich weather product fast. It packs 55+ pages & components covering the full journey — from real-time current conditions and hourly/daily forecasts to air quality, sun & moon data, and a premium upgrade — and it’s ready to publish on the App Store and Google Play.

The template handles current weather, multi-day forecasts, detailed metrics, location management, and account settings in one cohesive product. Backed by best UI/UX practices and tested on real devices, it’s ready to launch out of the box.

Key Features

  • Live Current Conditions – Real-time temperature, “feels like,” and weather state (e.g. Overcast clouds) pulled from the OpenWeather API.
  • Hourly & 48-Hour Forecast – Scrollable hourly outlook with quick access to a detailed 48-hour view.
  • 8-Day & Daily Forecast – Day/night temperatures across the week, with daily detail pages and a 15-day upgrade option.
  • Dynamic Weather Colors – The UI palette adapts dynamically to current weather conditions.
  • Air Quality Index – AQI score with PM2.5, PM10, CO, NO₂, SO₂, and O₃ breakdowns for health safety.
  • Sun & Moon – Moon phase (e.g. Waxing Crescent), first quarter / full moon dates, and sunrise/sunset arcs.
  • Detailed Metrics – Humidity, wind speed & direction, UV index, precipitation, visibility, dew point, and cloud cover.
  • Radar Map – Interactive weather radar with “see more details.”
  • Location Management – Search cities, save current and popular locations (Amsterdam, Berlin, Dubai, London, etc.).
  • Activity Insights – Condition-based tips for outdoor activities, running, flying, and driving.
  • Premium Pro – Free-trial upgrade unlocking 72-hour/15-day forecasts and custom layouts.
  • Multi-Language – English, Français, Deutsch, Italiano, Español, Português, and Русский.
  • Onboarding & Account – Units setup (temperature, wind, rain, pressure), personal info, notifications, privacy policy, and feedback.

Pages Included (55+)

  • Home / Current Weather • Hourly Forecast • 48-Hour Forecast • 8-Day Forecast • Daily Details • Detailed Metrics Toggle • Air Quality Index • Sun & Moon • Radar Map • City Search • Saved & Popular Locations • Onboarding (How You Measure Weather) • Units Setup • Personal Info • Notifications • Premium Pro / Upgrade • Custom Layout • Language • Privacy Policy • Help Us Improve / Feedback • Sign In / Sign Up — and 55+ in total.

Design & Style

Weatherly features a calm, atmospheric blue primary palette that shifts dynamically with weather conditions, paired with soft glassy cards, clear iconography, and clean typography for an immersive, modern weather feel. The design suits weather forecast apps, climate trackers, outdoor/activity apps, and travel companions. Fully responsive layouts and pixel-perfect components make customization fast and effortless.

Built with Flutter – AI-Editor Friendly

Weatherly is built with clean, well-structured Flutter & Dart code with OpenWeather API integration, making it easy to wire up live data and re-theme. It’s fully compatible with modern AI development tools including Cursor, Claude, Codex, Antigravity, and FlutterFlow — the codebase is organized so AI-assisted editing and rapid iteration just work out of the box.

What You Get

  • 55+ pages & reusable components
  • OpenWeather API integration
  • Dynamic weather-based colors
  • Clean Flutter (Dart) code
  • Best-practice UI/UX
  • Multi-language support
  • AI-editor friendly structure
  • Tested on real devices
  • Technical support included
  • Easy theming & customization

Launch your own weather app faster with Weatherly — a professional Flutter template engineered for speed, scalability, and conversions.

Flutter weather app template, Dart weather forecast app, FlutterFlow weather app, OpenWeather API Flutter, weather UI kit, live forecast app template, air quality app Flutter, weather radar app, mobile app template, weather app source code, climate app Flutter

Weatherly - Live Weather Forecast App

What's included
Framework:
Flutter 3.24+ / Dart
Platforms:
iOS & Android
Compatibility:
Cursor, Claude, FlutterFlow, Codex, Antigravity.
Design system:
Editable Figma file included
Features
Categories
Style
Support
Single Use Individual License

You may only use this template for one project. For more details, please read the Marketplace Terms of Service.