Reframe Labs — Creative Agency

Premium Next.js + shadcn/ui template for AI-first studios and creative agencies. It is one of the 14 premium templates built by shadcn.io, in Pro.

Multi-page agency site (Home, Projects, Services, About, Contact), 25+ section components — hero, project showcase grid, service breakdown, growth-metric pill badges, team section, and conversion-ready Book a Call CTAs. Light + dark mode, full TypeScript types, and the editable Figma source.

It's designed for both. The case-study cards, project showcase grid, and service-breakdown sections all scale from one person's portfolio to a 10-person studio's body of work without restructuring.

Yes. The Reframe Labs page embeds its live demo (shadcn.io/demos/reframe) and shows 5 screens and a video tour. Previews are free for everyone; only the code needs Pro.

Reframe Labs is built with React 19.0.0, Next.js 15.4.0, TypeScript 5.6.3, shadcn/ui and Tailwind CSS 4.0, and its stack lists Figma for the design file. The Reframe Labs page shows these badges under its cover.

Yes. Blocks and components are React code you copy with the shadcn CLI, so they fit a Next.js and Tailwind CSS project like Reframe Labs. Pick the base library (Base UI, Radix UI, React Aria or Ark UI) that matches the one your project already uses.

Partly. The shadcn.io MCP server (Pro) finds templates like Reframe Labs from a description and can add components and blocks to your project, but a premium template's code comes from its page: download it there with Pro, then let your editor work in it. The MCP's files stay on your machine.

Yes. Reframe Labs and every other shadcn.io template, block, and component are bundled in the Pro plan. Monthly, yearly or lifetime — see /pricing for the breakdown.

Yes, with a Team or Organization license, which cover commercial use and client work. The Individual license is for personal, non-commercial use only. You can't redistribute Reframe Labs on its own or include it in a template, starter kit or website builder.

Yes. Every Pro plan includes updates, and Lifetime keeps them coming for good. New sections, bug fixes, and shadcn/ui major-version upgrades land via the shadcn CLI or the MCP server.

With a Pro plan, open Download on the Reframe Labs page. It goes to your dashboard (/dashboard/template), where Reframe Labs downloads as a zip of its repository. Without Pro the download is refused.

No. You can use Reframe Labs as the start of your own site or product, but you can't redistribute it on its own, or inside a template, starter kit or website builder.

If your plan ends, you keep using what you already accessed in your existing projects, but you get no new downloads or updates. A Lifetime license includes all future updates.

Yes. All colors flow through Tailwind v4's CSS variables — edit the OKLCH values in `app/globals.css` (or paste in any shadcn/ui theme) and every section updates automatically. Fonts swap via the `next/font` import in `app/layout.tsx`.

Project data lives in a single typed array in `lib/projects.ts`. Add an entry with `title`, `description`, `coverImage`, and `metrics`, and the project showcase grid + detail pages render automatically. No template-engine wiring required.

Reframe Labs is a Next.js app, so it deploys wherever Next.js does, such as Vercel, a Node.js server or a container. Run the build script from its package.json and deploy the output as you would for any Next.js project.

Solaris, Spherule, Max, Zel Designs and Arete are among the other 13 premium templates, all included with the same Pro plan. The Reframe Labs page lists more of them.

Yes. Reframe Labs is premium, and its code isn't public; the collection also has 215 open source templates by community developers that you can clone from GitHub for free. Browse them at /template, and check each repository's LICENSE before you use one.