Skip to content
noel.marketing
Deutsch
Astro ThemeAvailable now

StellarGrid

StellarGrid Astro 7 SaaS Theme with View Transitions

An Astro 7 SaaS theme with view transitions, CSS animations, pricing, blog, and minimal JavaScript.

€49.00 - €149.00

StellarGrid preview
View live demoScroll to preview ->
View demo

Secure checkout via Lemon Squeezy

VisaMastercardPayPalApple PayGoogle Pay

Available payment methods may vary by device and region.

StellarGrid

€49.00 - €149.00

Demo

Live preview

Preview the theme in-browser

Explore the real hosted demo directly on the product page, or open it in a dedicated tab.

Open full preview
https://stellargrid.pages.dev/Demo

Why it fits

Why this Astro theme

  • Launch a modern SaaS marketing site on Astro 7 with view transitions built in.

  • Keep Lighthouse scores high with zero JavaScript by default.

  • Re-theme in seconds by editing CSS brand and accent variables.

  • Use scroll reveals, spotlight cards, animated counters, and marquee without a motion library.

  • Ship dark and light mode without flash on first load.

  • Publish blog posts from Markdown collections with strict TypeScript throughout.

Built for

Perfect for

Typical scenarios this product is designed to support.

  • SaaS product landing site
  • Startup marketing page
  • DevTools launch site
  • App marketing with blog
  • Performance-focused product site
  • Dark/light SaaS brand
  • Grid-based product marketing
  • Astro 7 SaaS starter

In the box

Features

Concrete pages, modules, and capabilities included in the download.

  • Astro 7 View Transitions for smooth page navigation
  • Zero JavaScript by default — CSS and vanilla DOM animations
  • Scroll reveals, spotlight cards, animated counters, and marquee
  • Dark and light toggle without flash on load
  • Blog Markdown collection with catch-all slug routes
  • Design tokens in global.css (--brand, --accent)
  • Reduced-motion aware animations
  • Strict TypeScript with sitemap and RSS

A SaaS theme built for Astro 7 and near-zero JavaScript

StellarGrid is a premium Astro 7 theme for SaaS teams that want view transitions, a clean grid system, and animation — without shipping a JavaScript framework to every visitor. Scroll reveals, spotlight cards, animated counters, and marquee effects run on CSS and tiny vanilla scripts.

Space Grotesk and Inter typography, semantic design tokens, and dark/light mode give the site a modern product-marketing feel that stays fast.

What is included

StellarGrid includes home, pricing, about, contact, blog index and catch-all detail routes, RSS, and a custom 404 page.

Blog posts are Markdown files in src/content/blog/. Site copy, navigation, and social links live in src/consts.ts. Design tokens are in src/styles/global.css.

View transitions and CSS animation

Astro 7 View Transitions provide smooth navigation between pages without a client-side router. Animations are hand-written in CSS — no Motion, Framer, or React dependency. Reduced-motion preferences are respected.

Dark and light mode toggles without flash on first load.

Built for performance-first SaaS marketing

StellarGrid is built with Astro 7, TypeScript, Tailwind CSS v4, MDX, Sharp, Fontsource fonts (Inter, Space Grotesk), sitemap, and RSS. Strict TypeScript runs throughout the codebase.

Node >= 22.12.0 is required. There is no required CMS or backend.

Customization workflow

Edit --brand and --accent in src/styles/global.css for instant rebranding. Update navigation and homepage copy in src/consts.ts. Add blog posts as Markdown collection files. Replace demo pricing tiers and feature copy before launch.

Next step

Pairs well with this

Related products that fit the same product line, stack, or launch workflow.

Arrowline preview

Arrowline

€49.99

A conversion-focused Astro agency theme with case studies, pricing, journal, and directional motion.

astro theme
Astrofitness preview

Astrofitness

€39.99

A premium Astro 7 fitness theme with programs, booking, results, pricing, and cyber-athletic design.

astro theme
Atelier Motion preview

Atelier Motion

€49.99

A cinematic one-page Astro portfolio with refined motion, FAQ, testimonials, and atmospheric imagery.

astro theme

Ready to launch

Start building today

Get instant access after checkout. Download the full source, customize locally, and deploy to your host.

View demo

Secure checkout via Lemon Squeezy

VisaMastercardPayPalApple PayGoogle Pay

Available payment methods may vary by device and region.

Frequently asked questions

Who is StellarGrid built for?

StellarGrid is designed for SaaS products, startups, product launches, devtools, and app marketing sites that prioritize performance and clean grid layouts.

Does StellarGrid ship JavaScript to the browser?

StellarGrid targets zero JavaScript by default. Animations use CSS and small vanilla DOM scripts — scroll reveals, spotlight cards, counters, and marquee effects.

What pages are included?

The theme includes home, pricing, about, contact, blog index and catch-all detail, RSS, and a custom 404 page.

What are Astro View Transitions?

StellarGrid uses Astro 7 View Transitions for smooth page navigation without a client-side router framework.

How do I re-theme StellarGrid?

Edit CSS variables --brand and --accent in src/styles/global.css. Site copy and navigation live in src/consts.ts.

Where can StellarGrid be hosted?

StellarGrid builds to static output and deploys on Vercel, Netlify, Cloudflare Pages, or any modern static host that supports Astro 7.