Template specs
This template is available for multiple frameworks, when you purchase the template you can download each version in a seperate .zip file.
- Next.js TemplateBuilt with Next.js 16, TypeScript and styled with Tailwind CSS v4.
- Astro TemplateBuilt with Astro 6 and Tailwind CSS v4 for fast, content-focused sites.
About this template
Flux is an ambitious marketing template built for product, software, and startup teams. Its clean typography, refined dark mode, and animated hero and micro illustrations give your software a polished, category-leading look without needing an in-house design team.
It’s also built to ship. With 100+ components, 14+ pre-designed pages, and a fully composable block-based architecture, you can swap, rearrange, and extend sections in minutes.
What’s included
This template includes 14+ pages, covering a polished product home page, about, pricing (with a comparison table), contact, blog, careers, signup pages and more.MDX-driven blog and careers content, real-time WebGL shaders and motion animations, full mobile-first responsiveness, and built-in SEO and metadata.
Built for
This template is built for modern SaaS products, developer tools, and tech startups that want a confident, product-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-hkgroteskclass from Cube code tofont-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.

