Scalar
Modern SaaS template built with shadcn/ui & Tailwind

- Figma File
- Documentation
- Tailwind CSS v4
What Is the Scalar Template?
Scalar is a premium, product-centric website template crafted with shadcn/ui components, Tailwind CSS v4 and either Next.js 15 or Astro 5, making it ideal for SaaS, developer tools or open-source projects.
It reproduces the fast, developer-first vibe of Scalar CMS’s own marketing site while giving you lifetime updates through the Shadcnblocks premium plan.
Features ✨
100+ ready-made shadcn/ui components
10+ pre-designed pages (Home, Pricing, Blog, FAQ, etc.)
Figma source file for rapid design tweaking
Built with Next.js 15 & Astro 5 plus Tailwind 4
MDX & JSON content pipelines
SEO-friendly metadata helpers out of the box
Mobile-first, fully responsive design
Included Components 📒
Hero, Feature, Testimonial, Pricing, FAQ, CTA, Footer and 20+ other block categories (hero ×141, feature ×224, etc.)
Accessible shadcn/ui building blocks for buttons, dialogs, tables and more
Pros and Cons
Pros ✅
Familiar React/Next + Tailwind + shadcn stack speeds dev time
100+ reusable components cut UI build effort dramatically
Lifetime updates and all-template access via Premium plan
Figma file streamlines designer-developer hand-off
Cons ⚠️
$79 price tag can feel high for hobby projects
Requires comfort with shadcn/ui conventions
Extra styling work if you diverge heavily from Tailwind defaults
Integration
Bundles shadcn/ui for accessible, theme-ready components
Next.js 15 edition for SSR/ISR; Astro 5 edition for static builds
TypeScript typings and MDX/JSON content sources baked in
Works with Scalar CMS via
@scalar/nextjs-api-reference
plugin for live API docsCompatible with open-source Scalar API platform for backend docs
Plays nicely with general React ecosystem, GitHub deploys and Vercel hosting
FAQ
Does Scalar include any backend code?
No. It’s a front-end marketing template; connect your own API or headless CMS.
Do I need a separate licence for shadcn/ui?
shadcn/ui itself is MIT-licensed, but Scalar’s template licence covers bundled design assets.
Can I switch between Next.js and Astro later?
Yes—both builds are maintained, so you can start in one and migrate without buying again.
Is there a free option to try before buying?
The live demo and the open-source Scalar CMS site let you test the look and API docs flow, but the full template is $79 or included in the Premium plan.