Skip to content

NewMCP server for your coding agent. Set it up ›

Nexus UI
Get Pro

Hoopla, a Next.js template

playful creative studio website

A loud, sticker-covered website for a small social content studio. A sticker intro flies up the screen, then the headline rises in with cartoon eyes that follow the pointer, a rainbow, a looping reel of post formats and stickers you can drag around. Below: an about paragraph that lights up word by word as you scroll with doodles popping in, the crew on a sky, case studies in cloud-shaped cards that tip upright, service cards that stack as you scroll, superpowers, a three-step process, a client marquee, why us on a scalloped sky band, results that count up, testimonials as chat bubbles, a call to action and a footer of wavy pills. A chunky custom cursor names what each link does. Hoopla and every client, person and figure are invented sample content.

  • Agency
  • Advanced
  • 1 page
  • 15 sections
Hoopla 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. 1Sticker Intro
  2. 2Navigation
  3. 3Hero with Format Reel and Draggable Stickers
  4. 4About
  5. 5Crew
  6. 6Work
  7. 7Services
  8. 8Superpowers
  9. 9Process
  10. 10Clients
  11. 11Why Us
  12. 12Results
  13. 13Testimonials
  14. 14Call to Action
  15. 15Footer

Built in

  • A sticker intro that flies up the screen before the hero arrives; the logo replays it
  • Hero headline that rises line by line, with eyes that follow the pointer, a reel of five post formats and stickers you can drag and fling
  • An about paragraph that lights up word by word as you scroll, with doodle stickers popping in for some words
  • Case studies in cloud-shaped cards that tip upright as they scroll in, and service cards that stack and settle
  • Process cards whose doodles wiggle on hover, a client marquee, results that count up and testimonials as chat bubbles
  • A chunky custom cursor that tilts and names what each link does, plus a floating Start a project button whose letters scramble
  • Every picture drawn in SVG, so there are no image files; Anton, Inter Tight and Caveat self-hosted (all Open Font Licence)

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 Hoopla yours

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

Live preview