Studio
Design-agency and portfolio site built with Tailwind CSS, Next.js, and MDX.
Templates
nextjsOfficial
Studio 216
Cinematic studio portfolio with a scroll-synced mechanical watch film and luxury editorial design.
About
This template is a cinematic design-and-engineering studio portfolio using Next.js 16, React 19, TypeScript, and Tailwind CSS v4. The home page pairs an editorial portfolio with a sticky, scroll-synced background video. Scroll behavior is isolated in src/components/scroll-video-experience.tsx. The visual system uses a dark luxury-industrial palette, Newsreader and IBM Plex Mono typography, and CSS-only project artwork and transitions. Use the bundled frontend-design and next-best-practices skills before substantial UI or Next.js changes. Keep page.tsx as a Server Component and isolate browser-only behavior in focused Client Components. For video changes, follow the Media Processing section in AGENTS.md and use the verified pnpm media commands instead of ad hoc re-encoding.
More Templates Like This
nextjs
Spotlight
Personal website and blog built with Tailwind CSS, Next.js, and MDX.
NIGHTFLUX: Subscription Video Streaming Platform
A cinematic subscription video platform with films, series, viewer profiles, Kids mode, My List, progress, custom playback, Convex Storage, Better Auth, Stripe, and a complete streaming Studio.