Early accessFull site coming soon. Pro is $49.99 a year. See pricing ›

Nexus UI

Side B, a Next.js template

music streaming app

A playful music streaming landing page with a spinning record player and bending volume rail in the hero, scroll-skewed genre rows, a mood wheel and voice search, a mixtape shelf, a thrown release wheel, an artist studio with a lit keyboard and standing calendar, and a sticker-toss CTA.

  • Music
  • Advanced
  • 1 page
  • 11 sections
Side B home page
Open it live

Inside the page

Screens from the live template. Open one to see it full size.

What's in it

Sections, top to bottom

  1. 1Sticky Pill Nav
  2. 2Record Player Hero
  3. 3Scroll-Skewed Genre Band
  4. 4Mood Wheel and Voice Search
  5. 5Mixtape Shelf
  6. 6New Releases Throw Wheel
  7. 7Artist Studio: Lit Keyboard, Payouts, Standing Calendar
  8. 8Plans
  9. 9FAQ Accordion
  10. 10Sticker Toss CTA
  11. 11Footer

Built in

  • Spinning vinyl player with morphing play/pause and live equaliser bars
  • Bending volume rail
  • Two genre rows that run with scroll and skew with scroll speed
  • Mood wheel that colours the queue, plus a hold-to-talk voice orb
  • Cassette tape shelf with labelled mixtapes
  • Throwable release wheel of album cards
  • Lit keyboard that records and replays a loop
  • 3D standing calendar of listeners you can drag to turn
  • Peelable sticker toss in the closing CTA
  • Respects reduced motion and stays light in dark mode

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 Side B yours

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

Live preview