✳️ 581+ Pro Blocks, lifetime updates, unlimited projects — Get 50+ fresh blocks every month ✳️ 👇
Grab the deal →

Scalar

Paid

Modern SaaS template built with shadcn/ui & Tailwind

Get now
Scalar Image 1
Details About Scalar
Key points:
  • Figma File
  • Documentation
  • Tailwind CSS v4

Scalar: A modern Next.js & Astro SaaS Theme

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

Scalar: Next.js & Astro SaaS Theme - Pricing Section

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 docs

  • Compatible 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.

Featured Tailwind CSS Templates

The best Tailwind templates & UI kits for landing pages & dashboards.

Flex

Flex

Paid

345 Tailwind CSS components ready to use