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
Cadence is a refined marketing template for product, software, and startup teams who want their site to feel effortless. Understated typography, a beautifully balanced dark mode, and calm, motion-driven sections give your product a premium, category-leading presence — no in-house design team required.
And it’s genuinely fast to launch. A deep component library, 8+ ready-made pages, and a modular section-based architecture mean you can reorder, remix, and extend the layout in minutes rather than days. The matching Figma file comes along for the ride, so design and code stay perfectly in step from first draft to production.
What’s included
You get 8+ thoughtfully crafted pages: a product-led home page, about, pricing, an FAQ, a contact page with a fully validated form, and complete authentication screens for log-in and sign-up — plus polished privacy and terms pages ready out of the box. Every screen is assembled from interchangeable section blocks, so rearranging the story you tell is as simple as moving a component. Ships with the Figma source, MDX-powered legal content, smooth Motion-based animations, end-to-end mobile responsiveness, and SEO and metadata wired in from the start.
Built for
Made for modern SaaS products, developer tools, and ambitious startups that want a clear, confident marketing story — backed by a tidy, maintainable codebase that scales alongside the team.
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.