ProUnlock everything for $49.99 a year, or $79.99 once. See plans ›

Nexus UI

Cairn, a Next.js template

web studio with a blueprint layout

A light studio landing page framed by dashed blueprint rails, with a mountain hero, a two-by-two process of live mini scenes, a coverflow of recent work, a masonry of client quotes, a services bento with a dotted globe, two fixed-price plans, an FAQ grid, a collage CTA and a floating section pill.

  • Agency
  • Advanced
  • 1 page
  • 11 sections
Cairn 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. 1Floating Nav
  2. 2Mountain Hero
  3. 3Client Strip
  4. 4Process Grid
  5. 5Work Coverflow
  6. 6Quote Masonry
  7. 7Services Bento with Globe
  8. 8Fixed-Price Plans
  9. 9FAQ Grid
  10. 10Collage CTA
  11. 11Floating Section Pill

Built in

  • Dashed rails that frame every section like a blueprint
  • Mountain hero with a highlighted headline phrase and a portrait CTA
  • Process grid whose four tiles are live scenes: a drag box, a terminal, a toggle and a chat
  • Coverflow of recent work you can drag through
  • Quote masonry with one feature quote
  • Dotted globe that points at cities you pick
  • Two fixed-price plans and a custom-work strip
  • FAQ in a two-column grid
  • Floating pill that follows the section you are reading
  • Light page that stays readable in a dark host

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

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

Live preview