Skip to content

NewMCP server for your coding agent. Set it up ›

Nexus UI
Get Pro

Kiosk, a Next.js template

magazine and blog

A whole small magazine site about design, technology and the details of a good life, in nine pages: a home page, an articles index, a page for every desk, a story page, about, contact, privacy, terms and a 404. The home page has a news ticker, a hero carousel with a progress bar, the desks with a spotlight that follows the pointer, the latest stories, an editors' picks rail you can drag or fling, most read with a cover that follows the cursor, an about teaser and a newsletter signup. Stories have reading progress, a table of contents that follows you, claps, share buttons and related reading. Search opens with Cmd/Ctrl+K, stories can be saved to a reading list, and a custom cursor names what each link does. Every cover is drawn in SVG, so there are no image files. All names, stories and figures are invented sample content.

  • Creator Websites
  • Advanced
  • 9 pages
  • 10 sections
Kiosk 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. 1News Ticker
  2. 2Header with Categories Menu and Search
  3. 3Hero Story Carousel
  4. 4Desks with Pointer Spotlight
  5. 5Latest Stories
  6. 6Editors' Picks Rail
  7. 7Most Read with Cursor Preview
  8. 8About Teaser
  9. 9Newsletter Signup
  10. 10Footer

Built in

  • Nine pages in one: home, articles, desks, stories, about, contact, privacy, terms and 404, kept in the URL hash so links and the back button work
  • Search over titles, desks and writers with Cmd/Ctrl+K or /, with matched letters highlighted and arrow-key picking
  • Articles index with search, desk filters, sort by latest or most read, and grid or list layouts that reflow
  • Story pages with reading progress, a table of contents that follows the section you are reading, claps and share buttons
  • Save stories to a reading list from any card, with a drawer and toasts
  • Editors' picks rail you can drag and fling, most read with a cover that follows the cursor, and a custom cursor that names each link
  • Every cover drawn in SVG from eight scenes and eight palettes, so the template ships without image files
  • Inter Tight and Newsreader self-hosted (both Open Font Licence), reduced-motion support, all content in one data file

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

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

Live preview