Skip to content
noel.marketing
Astro ThemeAvailable now

NovaShowcase

NovaShowcase Astro 7 Theme for Premium Agency Portfolios

A premium Astro 7 agency theme with kinetic typography, scroll-linked motion, case studies, and blog.

€69.99

NovaShowcase 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.

NovaShowcase

€69.99

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://novashowcase.pages.dev/Demo

Why it fits

Why this Astro theme

  • Launch a premium agency site with fifteen homepage sections and cinematic motion out of the box.

  • Use Astro 7, Motion, and Lenis without a React runtime — the output stays static.

  • Manage case studies and blog posts as typed Markdown collections validated with Zod.

  • Rebrand from one site config and a central data folder instead of scattered hardcoded copy.

  • Ship with SEO, RSS, robots.txt, llms.txt, JSON-LD, and accessibility foundations built in.

  • Benefit from Playwright E2E tests covering overflow, visibility, and accessibility checks.

Built for

Perfect for

Typical scenarios this product is designed to support.

  • Premium creative agency
  • Design studio portfolio
  • Motion design-led agency
  • Brand and identity studio
  • Case-study-driven freelancer site
  • Agency blog and content hub
  • Performance-conscious agency brand
  • High-end portfolio starter

In the box

Features

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

  • Fifteen homepage sections with kinetic wheel, horizontal reel, and focus-slice carousel
  • Preloader, custom cursor, split-text reveals, and magnetic buttons
  • Case studies in Markdown with Zod-validated frontmatter
  • Blog collection with RSS, sitemap, robots.txt, and llms.txt
  • Central src/data/ for team, services, timeline, testimonials, and clients
  • prefers-reduced-motion, skip links, and keyboard focus states
  • Playwright E2E tests for overflow, visibility, and accessibility
  • Self-hosted fonts and SVG artwork with static output

A premium agency theme with kinetic typography

NovaShowcase is a premium Astro 7 theme for agencies and studios that want scroll-linked motion, kinetic typography, and case-study storytelling at a level most portfolio templates never reach. Fifteen homepage sections — including a kinetic wheel, horizontal reel, upflow gallery, focus-slice carousel, and wavy ticker — create a Spectral Noir aesthetic with deep void palettes and nova gradients.

The theme is motion-heavy but static at its core: no React runtime ships to the browser for the main experience.

What is included

NovaShowcase includes home, work index and detail, studio, services, contact, blog index and detail, privacy, terms, cookies, legal, RSS, and a custom 404 page.

Case studies are Markdown files in src/content/work/ with Zod-validated frontmatter. Blog posts live in src/content/blog/. Services, team, timeline, testimonials, and clients are centralized in src/data/.

Motion, cursor, and accessibility

The homepage ships with a preloader, custom cursor, masked split-text reveals, magnetic buttons, sticky card stacks, and gravity particles. Lenis powers smooth scroll. Motion handles scroll-linked transforms.

prefers-reduced-motion, skip links, keyboard focus states, and inert overlays are built in. Playwright E2E tests cover overflow, visibility, accessibility, and screenshot regression.

Built on Astro 7 with self-hosted assets

NovaShowcase uses Astro 7, TypeScript in strict mode, Tailwind CSS v4, Motion, Lenis, Zod, Fontsource fonts (Outfit, Plus Jakarta Sans, JetBrains Mono), sitemap, and RSS. Fonts and SVG artwork are self-hosted — no stock CDN dependencies.

Node >= 22.12.0 is required. Connect your own contact form handler before production launch.

Customization workflow

Adjust color tokens in src/styles/global.css under @theme. Replace case studies, blog posts, team members, and client logos with real buyer content. Update site metadata in the central config. The data folder keeps rebranding predictable across services, timeline, and testimonials.

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

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 NovaShowcase built for?

NovaShowcase is designed for creative agencies, design studios, freelancers with premium positioning, and teams that need case-study storytelling with high-end motion.

Does NovaShowcase need a CMS?

No. Case studies are Markdown files in src/content/work/. Blog posts live in src/content/blog/. Team, services, timeline, testimonials, and clients are in src/data/.

What pages are included?

The theme includes home, work index and detail, studio, services, contact, blog index and detail, privacy, terms, cookies, legal, RSS, and a custom 404 page.

Which animation libraries does it use?

NovaShowcase uses Motion and Lenis for smooth scroll and scroll-linked animation. A preloader, custom cursor, split-text reveals, and magnetic buttons are included.

Is the contact form production-ready?

The contact form UI is included, but you need to connect your own handler before going live. The README documents this explicitly.

Where can NovaShowcase be hosted?

NovaShowcase builds to static output with prefetchAll enabled. Deploy on Vercel, Netlify, Cloudflare Pages, or any modern static host that supports Astro 7.