Skip to content

New301 animated icons, 75 free. See the icons ›

Nexus UI

Nimbus, a Next.js template

weather app

A single-page marketing site for an invented iPhone weather app. The hero sits on a live canvas sky that switches between sunny, rain, snow, storm and night, with a phone that follows the weather and floating glass widgets. Below it come a scroll-lit statement with a next-hour rain chart, a phone stage that fans three screens out, a pinned feature tour, a dark animated radar map with play and a time slider, a bento of small details, a horizontal widget gallery driven by vertical scroll, two pricing cards and a closing band where the sky moves from night to day. It uses a system font stack, inline SVG icons and no remote images. All names, prices and figures are invented sample content.

  • Startup Landing Pages
  • Advanced
  • 1 page
  • 11 sections
Nimbus home page
Open it live

Inside the page

Screens from the live template. The first one is open to everyone; Pro unlocks the other 3.

What's in it

Sections, top to bottom

  1. 1Navigation
  2. 2Live Sky Hero
  3. 3Statement
  4. 4Phone Stage
  5. 5Pinned Feature Tour
  6. 6Animated Radar
  7. 7Small Details Bento
  8. 8Widget Gallery
  9. 9Pricing
  10. 10Closing Sky
  11. 11Footer

Built in

  • Live canvas sky with clouds, sun, rain, snow, lightning and a real star map, easing between five weather presets
  • Weather switcher that changes the sky, the phone screen and the floating widgets, with a phone finish picker
  • Hero phone and glass widgets that lift and fade as you scroll
  • Statement that lights up word by word, above a next-hour rain chart
  • Three phones that fan out on scroll, and a pinned feature tour you can also click through
  • Animated radar over a dotted map with play, pause and a time slider
  • Horizontal widget gallery driven by vertical scroll
  • Reduced-motion support, no web fonts and no remote images

Run it on your machine

  1. Get the code

    Get Pro or lifetime access, then download the source zip from this page.

  2. Install

    In the project folder:

    $ npm install

  3. Start it

    Then open localhost:3000.

    $ npm run dev

More templates

See all templates

Make Nimbus yours

Included in Pro, $49.99 a year, along with every other template. Swap in your words and colours and ship it.

Live preview