Plutonium is a free, open-source website template built on Next.js 11 and styled with TailwindCSS in Just-In-Time mode, designed to give developers a ready-to-deploy starting point for a personal or business site with built-in dark mode and SEO optimization. It is available on GitHub, authored by Saurish, and live at https://plutonium.saurish.com.
What is Plutonium?
Plutonium is a single-page website template that pairs the React-based Next.js framework (version 11) with TailwindCSS's Just-In-Time compiler, producing a fast, utility-first styling pipeline. It takes Next.js and TailwindCSS configuration and outputs a deployable static site with dark mode toggle and search-engine-friendly meta tags via Next-SEO. The template is free to use and open-source, with a public repository at https://github.com/minor/plutonium.
Key Features
- Next.js 11 foundation — A modern React framework that supports static site generation, server-side rendering, and client-side routing out of the box.
- TailwindCSS with Just-In-Time mode — Purges unused styles at build time, keeping the CSS bundle minimal while allowing any utility class to work.
- Built-in dark mode — Uses Next-Themes to manage theme state, so users can switch between light and dark palettes without custom state code.
- Next-SEO integration — Automatically generates meta descriptions, Open Graph tags, and other on-page SEO elements from a central configuration.
- One-click Vercel deployment — The README includes a "Deploy with Vercel" button that forks the repository and deploys it to a live URL immediately.
- Yarn or npm install — The template supports both package managers, with commands to install dependencies and start the dev server.
Who is this for?
- Developers who want a minimal, well-configured Next.js starter without spending time wiring up TailwindCSS, theme switching, and SEO.
- Business owners who need a quick landing page that is search-optimized and deployable to Vercel with one click.
- Designers who prefer utility-first styling and want a dark-mode-ready canvas to customize with Tailwind classes.
What can you do with it?
- Launch a personal or business site — Customize the content, adjust the Tailwind theme, and deploy to Vercel for a live presence in minutes.
- Learn modern Next.js patterns — Study the folder structure and configuration to see how Dark Mode and SEO are implemented alongside Tailwind.
- Rapid prototyping — Use the template as a base for a landing page, coming-soon page, or small blog before adding additional features.
How does it work?
To get started, clone the repository, install dependencies with yarn or npm, and run the development server. The README provides step-by-step commands: git clone https://github.com/minor/plutonium.git, then yarn or npm install, followed by yarn dev or npm run dev. After that, you can edit the Next.js pages and Tailwind utility classes to customize the site.
