Skip to content
ThemeStack
Next.jsPortfolio & Agency

Atlas — Agency & Portfolio

Case studies, motion and a CMS-ready project grid

4.9 out of 54.9(154 reviews)1,104 sales
Hero section with 3D scene

Hero section with 3D scene

Atlas gives creative studios a site that feels designed rather than assembled: scroll-linked reveals, a 3D hero you can swap for video, and long-form case study layouts that hold a client's attention.

What makes it different

  • Motion that respects users — Scroll-linked reveals and page transitions built with Motion, all disabled automatically under reduced-motion.
  • 3D hero scene — A lightweight Three.js scene that lazy-loads after first paint and falls back to a static gradient on low-end devices.
  • CMS-ready content layer — Content reads through a single adapter, so swapping MDX for Sanity, Payload or your own API touches one file.
  • SEO already implemented — Per-route metadata, canonical URLs, XML sitemap, robots rules, JSON-LD structured data and dynamic Open Graph images.
  • Token-based theming — Every colour, radius and shadow is a CSS variable. Rebrand the whole product by editing one file.
  • Every breakpoint designed — Not just fluid — mobile, tablet and desktop each get a layout that was actually laid out on purpose.

Who it's for

Design studios, freelancers and production companies whose site is their strongest sales asset.

Built with

Next.js 16 · React 19 · TypeScript · Tailwind CSS v4 · Motion · Three.js · Sanity

In the download

  • Full Next.js source code (TypeScript)
  • Figma design file
  • Tailwind CSS design tokens
  • Written documentation
  • One-click deploy config

Updates and support

Framework upgrades and bug fixes are free for as long as this product exists. Support is included for 6 months with a Regular license and 12 months with an Extended one, and can be extended at any time.

You might also like

More products in the same category.