Stellar

Stellar is a lovely landing page template crafted with the modern tech landscape in mind. Its stunning dark interface and beautiful hand-drawn illustrations will make your product stand out and boost your product conversions.

Stellar is not only a pretty face; it comes equipped with over ten pre-designed pages, ready-made components, actionable elements, and UX patterns that serve multiple use cases and needs. With Stellar, you don’t need to be a professional designer to create a landing page that looks like some notable players in the industry and amazes your customers from the first interaction.

What’s included

This template consists of over ten pages, including a landing page, about us, pricing, customers (list and details), integrations (list and details), a changelog, and sign-in and sign-up pages. There is also a reset password layout to complete the authentication experience.

Built for

This template is designed for modern tech startups and software that need a contemporary look and a unique visual presence.

Changelog

July 7, 2026 Update

A major content and tooling refresh across every edition: new Blog, Contact, Terms, and Privacy pages, real favicon sets, refreshed navigation and footer links, and up-to-date dependencies.

Astro

Stellar is now available as an Astro edition — a static-first port of the Next.js template with React islands for the interactive pieces. Its earlier version history is inherited from the Next.js edition.

• Convert the template from Next.js to Astro (static-first, islands architecture)
• Build on Astro 7 with React 19 islands for the interactive pieces (Headless UI, Swiper, AOS)
• Style with Tailwind CSS v4.3.2 via the @tailwindcss/vite plugin
• Move blog posts, customer stories, integrations, and the changelog to MDX content collections
• Handle code highlighting with rehype-pretty-code through the unified markdown processor
• Add ESLint (with the Astro plugin and import sorting) and keep Prettier
• Carry over favicons, page metadata, and titles from the Next.js edition

HTML

• Add a local dev server with live reload (npm run dev runs the Tailwind watcher and Browsersync together)
• Bundle the Tailwind CLI as a dependency
• Add Blog and single blog post pages
• Add Terms and Privacy pages
• Add a Contact page with form and contact details
• Update the navbar and footer with the new pages and real links
• Add real favicons (SVG, ICO, PNG, Apple touch icon, and web manifest)
• Update dependencies

Next.js

• Upgrade to Next.js 16.2.10 and React 19.2.7
• Upgrade to Tailwind CSS v4.3.2
• Upgrade Swiper to v14 and next-mdx-remote-client to v2
• Add proper dynamic routes for customer stories and integrations
• Add a blog with MDX posts
• Add Terms, Privacy, and a Contact page with form and contact details
• Add real content for all integration pages and customer stories matching each logo
• Fix a requestAnimationFrame leak in particles and replace dead canvas elements with a Particles component
• Move AOS init into a client component to improve static rendering
• Remove an unused API route and clean up dependencies
• Add ESLint and Prettier
• Update the footer to only link to real internal pages
• Add proper favicons and improve page metadata and titles

Vue

• Upgrade Vue to 3.5 and Vue Router to 5
• Upgrade to Tailwind CSS v4.3.2
• Upgrade Vite to 8 and @vitejs/plugin-vue to 6
• Upgrade Swiper to 14 (modules now imported from swiper/modules)
• Migrate all components to the <script setup> syntax
• Remove insecure process.env exposure and an unused resolve alias from the Vite config
• Add blog (listing and post) pages
• Add a contact page with a working contact form
• Add Terms of Service and Privacy Policy pages
• Restructure the footer nav (Product / Company / Legal) with real links
• Add a real favicon set (SVG, PNGs, ICO, and web manifest)
• Add ESLint (flat config with eslint-plugin-vue) and Prettier