✨️ Bundle & Save — browse our Classic and Modern Tailwind CSS template bundles ✨️
Plasma

Plasma

Plasma is a developer-focused SaaS marketing template

Live Demo
Available in our Modern Bundle

Template specs

  • Astro Template Built with Astro 6 and Tailwind CSS v4. Powered by MDX.
  • Next.js Template Built with Next.js 16 (App Router) plus TypeScript support - and Tailwind CSS v4. Powered by MDX.

About this template

Plasma is a developer-focused SaaS marketing template, built for tools, open-source projects, and dev-first products. Its dark, technical aesthetic and high-density layouts give your product the kind of credibility that resonates with engineers, power users, and indie hackers.

Plasma is a complete go-to-market kit. With 100+ components, 10+ pre-designed pages, and a fully composable block-based architecture, you can swap, rearrange, and extend sections in minutes. It ships with a full docs site, blog, and changelog out of the box, plus the matching Figma file — everything you need to launch a product, ship release notes, and grow your developer audience.

What’s included

This template includes 10+ pages, covering a developer-focused product home page, pricing, about, full Fumadocs-powered docs, an MDX-driven blog, an MDX-driven changelog, a download/install page, and authentication flows. Every page is composed of reusable block sections so you can drop in additional blocks from the shadcnblocks library at any time. Ships with the matching Figma file, MDX/JSON content, full mobile-first responsiveness, and built-in SEO and metadata.

Built for

This template is built for developer tools, open-source products, desktop and CLI apps, and technical SaaS that need a confident, engineering-led marketing presence — and a codebase clean enough to grow with the company.

FAQ

  • Yes! You can use this template for an unlimited number of personal and commercial projects. These can include commercial landing pages, websites, or SaaS applications that end users pay to access.
  • If you're a freelancer or agency, you can use this templates for your client projects. Please be aware that the final outcome must still adhere to our Terms & License agreement.
  • Yes, you can take sections from one template to another, but since every template has a custom tailwind.config.json file it may require a bit of review work. For example, if you want to paste a section of Cube into Neon, you'll have to swap any font-hkgrotesk class from Cube code to font-uncut-sans. Also, you might want to check that the color classes match the color scheme of the destination template.
  • Unfortunately, we cannot provide support for using frameworks or site generators that are not explicitly advertised as compatible with our templates. However, you can set up your own environment and import the necessary components or elements from our templates into your application. By doing so, you will be able to customize the integration to meet your specific needs.
  • A Figma file is available for this template. However, since our primary focus is on providing quality code for developers, this design file serves solely as a visual reference and is not organized into complex auto layouts or dynamic components. You can download a free Figma file from our public page to see how our design files are structured.