Weatherly - Weather App UI Kit

Launch a premium weather or climate companion app without designing every screen from scratch. Weatherly is a production-ready Weather App UI Kit for Figma — crafted for beautiful forecasts, rich climate insights, and configurable alerts. It ships with Dark & Light themes, a complete design system, and 100+ polished screens that cover everything from multi-city dashboards and AQI to units, notifications, and subscriptions.

---

What you get 🎁

• .fig master file with 100+ weather screens & components

• Design System: color tokens, typography, grids, spacing, elevations 🧭

• Figma Auto-layout & Variables for instant theming (colors, radius, typography) 🎚️

• 3,000+ icons for weather states, navigation, alerts, and UI actions 🧩

• Organized layers & user-flow map for fast collaboration and handoff 🗺️

• Reusable components & variants (forecast cards, charts, nav bars, settings rows, alerts) ♻️

• Quick start guide & commercial license — ready for client work & production ✅

---

Core flows included 📲

• Current weather dashboard: detailed “Now” screen with temperature, condition, background art, and key metrics 🌤️

• Hourly & daily forecast: scrollable hourly bar + multi-day forecast (temp, icons, min/max, precipitation chance) 📆

• Extended insights: sunrise/sunset, precipitation %, humidity, visibility, wind, UV index, and more 📊

• Air Quality Index: AQI summary with color scale plus pollutant breakdown (NO₂, O₃, PM10, PM2.5, etc.) 🌫️

• Multi-city support: add/search locations, saved locations list, quick switching between cities 🌍

• Units & formats: temperature (°C/°F), wind, rain, pressure, visibility, date & time formats, language 🌐

• Notifications & alerts: configurable push alerts for hourly/daily forecasts and important changes 🔔

• Settings: custom layout, language, daily report, energy saver mode, privacy policy, terms, FAQ, feedback ⚙️

• Premium / Pro upgrade: subscription screens for ad-free experience and extra reports 💳

• System screens: empty states, various loaders, confirmations, error states, and toggles 🧩

---

Why teams choose Weatherly ✅

• Launch faster: proven weather layouts and IA that users instantly understand ⚡

• Rich climate detail: supports everything from simple forecasts to AQI, UV, and extended metrics 📈

• Highly configurable: robust units, formats, and language settings for global audiences 🌍

• Easy rebrand: swap brand colors and fonts once — the entire kit updates via Variables 🎨

• Monetization ready: built-in premium / Pro flows and upgrade CTAs 💰

• Team-friendly: clean file structure, consistent naming, and mapped flows for product, design & dev 🤝

---

Highlights 🌟

• Pixel-perfect, modern weather app design

• Fully Auto Layout for responsive resizing

• Global style guide (colors, typography, grids, effects)

• 100% editable & customizable

• Ready-to-use components & variants

• Large icon & weather-state library

• Native Dark & Light themes

• Figma Variables for smart, scalable theming

---

Perfect for 🚀

• Product teams building dedicated weather, climate, or air-quality apps

• Indie founders validating local forecast or travel weather MVPs

• Agencies & studios creating white-label weather experiences for clients

• IoT & hardware brands pairing devices (stations, sensors) with a polished companion app

Get Weatherly – Weather App UI Kit and start shipping better forecasts, faster. ⛅📱