(Not Boring) Weather Clone

(Not Boring) Weather clone · Weather app · built by the Vibecode team

This template rebuilds (Not Boring) Weather with its real name, wordmark and look. The main screen is an animated 3D diorama of glossy sphere clouds, sun, moon, rain, snow and lightning over a giant extruded temperature; drag the hour strip and the whole scene moves through the day. Swipe down for Temp, Precip, Wind, Air, UV and Moon pages, each with a 3D illustration, a data table, a chart and a DAY/WEEK scrubber. Pick any of 11 skins (Graphite, Andy, Monsters, Wireframe...) to re-theme everything, save cities, and set custom alerts and a daily forecast notification. The weather is live from Open-Meteo.

  • iPhone · Swift
  • Hand-built
  • Free to remix
(Not Boring) Weather Clone, weather app built with Vibecode
Remix this template

Remix copies the working app into your account for free, exactly as we built it. It runs in Vibecode's cloud iOS simulator, in your browser.

The prompt that builds it

We wrote (Not Boring) Weather Clone by hand. This prompt describes the finished app: paste it into a new app to build your own version, or change it first.

Prompt · 1,018 words

Build a polished native iOS clone of (Not Boring) Weather in SwiftUI: a weather app that plays like a video game, with glossy 3D sphere clouds, giant extruded numbers, a vertical stack of detail pages and collectable skins, on live Open-Meteo data (free, no key).

It is (Not Boring) Weather on screen: its name, the "!WEATHER" wordmark (red "!"), and its words ("Temp", "Precip", "Wind", "Air", "UV", "Moon", "SKINS", "COMMON", "RARE", "LEGENDARY", "ARTIST", "SECRET", "DAY", "WEEK", "TODAY", "! THUNDERSTORM !"). Fonts (OFL, bundled): Anton for the giant numbers, Archivo Black for titles and conditions, Space Mono uppercase for every label and table.

SHELL
One vertical paging scroll of 7 full-screen pages: Now, Temp, Precip, Wind, Air, UV, Moon, with small dashes on the right edge. A top bar on every page: pin + city (opens Locations), a centred mono label (NOW / TUE 3P / TODAY / SATURDAY, NOV 14), and a black "!" circle (opens the menu). Opens straight on Now: no onboarding, login or permission prompt. Haptic click per scrubbed step, a thud per page, a system tick sound (toggle).

SCREENS
1. Now: an animated diorama for the scrubbed hour: a red glossy sphere sun with a glow (day), the moon with its real phase and twinkling stars (night), 0-3 clouds each made of 5 overlapping glossy black spheres that bob, blue capsule raindrops, snow balls, wind streaks, fog bands, and for storms a forked lightning bolt at the sides every 3.4 s with a soft radial flash and a rigid haptic. In front, the temperature as a huge extruded numeral (gradient face, 18 darkening extrusion layers, bevel rim light, drop shadow). Then the condition ("Mostly Clear", "Light Drizzle", "Thunderstorm"), "H 55° L 45° FEELS 42°", and a 24-hour capsule strip coloured per hour (sun, cloud grey, rain blue, night dark) with black high/low temperature tags and a ringed knob: drag it and the whole screen (scene, number, condition, top label) moves through the day. Yellow alert pills above the scene: "! THUNDERSTORM !" and custom ones ("! RAIN 78% AT 3P !").
2. Detail pages: big title, a 3D illustration, a data table (rows "LABEL ...... VALUE", first row a black pill), a day row (TODAY TUE WED... with a pill on the selected day; hour labels 12A 3A ... in DAY mode), a thin smooth chart with y labels on the right and a marker at the scrubbed time, a scrubber (track, dots, black knob) and a DAY / WEEK switch. WEEK scrubs days, DAY scrubs the 24 hours of the chosen day.
- Temp: the extruded temperature; TEMPERATURE, HIGH, LOW, FEELS LIKE, HUMIDITY, DEW POINT; high (dark) and low (light) lines.
- Precip: a floating faceted black rock with a blue pool that rises with the rain, rain or snow falling into it; RATE or TOTAL, CHANCE, TYPE; blue rain area.
- Wind: extruded speed + unit over a tilted compass ring (N E S W, ticks) with a thick extruded arrow pointing downwind and swaying with the speed; SPEED, GUSTS, DAY MAX, DIRECTION (SW 225°), BEAUFORT (3 · GENTLE BREEZE); speed and gust lines.
- Air: extruded US AQI + "Good"/"Moderate" with drifting particles (more when worse); AQI, PM2.5, PM10, OZONE, GRASS POLLEN.
- UV: a glossy sun with turning rays and the extruded UV index; UV INDEX, RISK, CLOUD COVER, SUNRISE, SUNSET.
- Moon: a black sphere with its lit crescent/gibbous for the date (computed locally); ILLUMINATION, PHASE, AGE, FULL MOON, NEW MOON.
3. Menu (black sheet): "!WEATHER", a grey rule, "SKINS" and a 4-column grid of isometric 3D cubes with name + rarity: GRAPHITE common (default: light grey vignette, black spheres, red sun), ANDY rare (orange, white sun), OPAL legendary (pastel iridescent), CHROMA rare (dark, pink-violet-blue), MEM artist (white dice-dot spheres), MONSTERS secret (cream, blue clouds with googly eyes, numbers in yellow/pink/cyan/violet bands), KARAT legendary (gold on black), CEDAR artist (sage and wood), DEPTH rare (white on graphite), NORMAL rare (normal-map pastels on indigo), WIREFRAME legendary (white line spheres and outlined numbers on black). Tapping one re-themes the whole app live. Then rows with coloured icons: LOCATION, UNITS (F : MPH : IN menu), SOURCE (OPEN-METEO), WEATHER ALERTS, CUSTOM ALERTS (n ON ›), DAILY FORECAST (toggle + time), SOUND, HAPTICS, MINIMALIST MODE (hides the scene, bigger number); capsule toggles with white knobs.
4. Custom alerts: "NEXT 24 HOURS" hits for the city, then rules (rain chance ≥ 60%, colder than 0°C, UV ≥ 6, wind over 40 km/h, AQI ≥ 100, any snow) with -/+ thresholds, toggles, swipe to delete and ADD ALERT. Local notifications an hour before a hit and a daily forecast at the chosen time ("Seattle · Light Rain - High 55° Low 45°. 78% chance of rain. UV 2."); permission is asked only when a toggle is turned on.
5. Locations: search field (Open-Meteo geocoding), USE MY LOCATION (asks on tap), saved cities (Seattle, New York, Lisbon, London, Tokyo, Reykjavík) with condition, H/L, local time and an extruded mini temperature; tap to switch, swipe to delete.

DATA
Open-Meteo forecast (hourly temperature, feels-like, humidity, dew point, precip chance + amount, weather code, wind, gusts, direction, UV, cloud, visibility, is_day; daily high/low, sunrise/sunset, UV max, precip) with timeformat=unixtime, 8 days trimmed so day 0 is today, plus the air-quality API. Cache to disk; offline or with -Offline YES use a seeded sample forecast built relative to today. WMO codes map to scene recipes. Units follow the locale (°F/mph/in in the US).

LOOK
Graphite: background radial #F7F7F7 to #B9B9BB, ink #141414, spheres #1C1C1E, sun #FF2A1F, rain #22A6F2, alert #FFC400. Every colour comes from the Skin.

RULES
Native SwiftUI, iOS 26, iPhone portrait. TimelineView animations only on the visible page. Files under 300 lines. Demo launch arguments: -DemoTour YES, -DemoScreen <page|menu|locations|alerts>, -DemoSkin, -DemoCity, -DemoMode, -DemoDay, -DemoTime 09:41, -ResetDemo YES.

REMIX-READY
Brand/Brand.swift (name, wordmark, page titles, fonts), Brand/Skins.swift (every skin), Models/, Services/OpenMeteo.swift behind a Forecast model, Data/Fixtures.swift (cities, sample forecast), Features/Scene, Home, Metrics, Menu, Locations. README.md under 80 lines with the file map, how to rename, recolour, add a skin or page, and 3 remix prompts; "Read README.md first." atop CLAUDE.md.
All templates