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

Cube

A fabulous landing page template for quickly iterating on ideas, startups and software.

Live Demo
Available in our Classic Bundle

Template specs

  • HTML Template Built with Tailwind CSS v4 and Alpine.js v3. Shipped with pre-compiled CSS, changes via Tailwind CLI.
  • Next.js Template Built with Next.js 16 (App Router) plus TypeScript support - and Tailwind CSS v4.
  • Vue Template Basic app built with Vue v3, Tailwind CSS v4, Vite v6.

About this template

Cube is a sleek landing page template that perfectly complements your cutting-edge software app. With its dark and edgy look, Cube exudes a modern vibe that will capture your audience’s attention. Designed to showcase your app’s features and benefits, Cube provides the perfect canvas to highlight your key selling points.

Whether you’re launching a new product or promoting an existing one, Cube is the perfect landing page template to help you make a lasting impression.

What’s included

Cube offers a gorgeous landing page with handmade custom graphics, icons, thumbnails, pricing tables, FAQs, and testimonials. In addition to the landing page, Neon offers multiple service pages that provide essential functionality for user control. These pages include a sign-in page, a sign-up page, and a password reset page.

Built for

With its dark layout design and complete set of components, Cube is the ideal solution for creating landing pages for tech software, design/code tools, SaaS apps, and more.

Changelog

July 7, 2026 Update

A tooling and dependency refresh across every edition.

HTML

  • Add local dev server with live reload (pnpm run dev now runs the Tailwind watcher and Browsersync together)
  • Bundle the Tailwind CLI as a dependency
  • Upgrade Tailwind CSS to 4.3.2 and update other dependencies
  • Add favicon pack and web manifest across all pages
  • Rebuild the footer with real internal links and Cruip social links (X, Medium, GitHub)

Next.js

  • Upgrade to Next.js 16.2.10 and React 19.2.7
  • Update to Tailwind 4.3.2
  • Move AOS init into a client component to improve static rendering
  • Clean up dependencies and move types to devDependencies
  • Add ESLint and Prettier configuration with import sorting
  • Fix Swiper carousel type resolution and server-side rendering under Next.js 16.2
  • Upgrade Swiper to v14
  • Add favicon pack and web manifest
  • Rebuild the footer with real internal links and Cruip social links (X, Medium, GitHub)

Vue

  • Upgrade Vue to 3.5.39 and Vue Router to 5.1.0
  • Upgrade to Tailwind 4.3.2
  • Upgrade Vite to 8.1.3 and @vitejs/plugin-vue to 6.0.7
  • Upgrade Swiper to 14 (modules are now imported from swiper/modules)
  • Remove insecure process.env exposure and unused resolve alias from the Vite config
  • Add a real favicon set (SVG, PNGs, ICO, and web manifest)
  • Rebuild the footer with real internal links and Cruip social links (X, Medium, GitHub)
  • Add ESLint (flat config with eslint-plugin-vue) and Prettier, and lint/format all files

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.