Skip to content
noel.marketing
Astro ThemeAvailable now

HyperFolio

HyperFolio Astro Theme — Cinematic Editorial Portfolio

A cinematic editorial Astro portfolio with oversized type, case studies, journal, optional cursor and chapter guide, and expressive motion.

€39.00

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

HyperFolio

€39.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://hyperfolio-9ga.pages.dev/Demo

Why it fits

Why this Astro theme

  • Cinematic editorial art direction with oversized typography

  • Case studies with outcome stats and filtered work archive

  • Journal with BlogPosting schema and RSS feed

  • Optional loader, cursor, social dock, palette remix, and chapter guide

  • Motion and anime.js choreography with reduced-motion branch

  • ProfessionalService, WebSite, and BreadcrumbList JSON-LD

Built for

Perfect for

Typical scenarios this product is designed to support.

  • Creative studio portfolios
  • Photographer editorial sites
  • Design director personal brands
  • Independent agency showcases
  • Art-directed case study launches

In the box

Features

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

  • Cinematic editorial portfolio with home, work, case studies, studio, and journal
  • Central site.config.mjs for identity, navigation, and feature switches
  • Optional page loader, custom cursor, social dock, palette remix, and chapter guide
  • Responsive images via astro:assets with case-study outcome stats
  • ProfessionalService, BlogPosting, and BreadcrumbList JSON-LD
  • Sitemap, robots.txt, llms.txt, RSS, and web app manifest
  • Accessible mobile dialog with focus trap and reduced-motion support

Cinematic portfolio, static-fast

HyperFolio is a cinematic editorial portfolio theme for independent studios, designers, photographers, and creative directors. Oversized typography, layered art direction, and expressive motion meet Astro’s fast static output.

Most buyer changes need no template edits — configure identity and feature switches in site.config.mjs, replace section copy in content.ts, and manage projects, journal posts, and services in site.ts.

Work, studio, and journal

Routes cover the work archive with filters, project case studies, studio page, journal index and articles, plus generated SEO endpoints. Images import through astro:assets for responsive delivery. Self-hosted Instrument Serif and Manrope keep typography sharp without a font CDN.

Accessibility includes semantic landmarks, skip link, modal mobile menu with focus trap, and a reduced-motion path that removes intensive choreography while keeping content readable.

Feature highlights

  • Astro 7 with Motion 12 and anime.js 4
  • Home, work, case studies, studio, journal, and 404 included
  • Feature switches for loader, cursor, dock, remix, and chapter guide
  • Structured data, sitemap, robots.txt, llms.txt, RSS, and manifest
  • Accessible mobile dialog with Escape and focus restoration
  • Deploy dist/ to Cloudflare Pages, Vercel, or Netlify

Next step

Pairs well with this

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

AccountingFirm preview

A polished Astro theme for accounting firms, CPAs, and financial advisors with aurora design, dark mode, and conversion-ready service pages.

astro theme
AIAgency preview

AIAgency

€39.00

An editorial Astro 7 theme for AI studios — EN/DE, work case studies, services, blog, and subtle motion.

astro theme
AISaaS preview

AISaaS

€39.00

A minimal, conversion-focused Astro theme for AI SaaS products with dashboard preview, comparison, pricing, and MDX blog.

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.

Not ready to buy yet?

Get the free launch checklist for this stack — plus practical resources, product updates, and occasional subscriber discounts.

Frequently asked questions

Who is HyperFolio built for?

Independent studios, designers, photographers, and creative directors who want a cinematic editorial portfolio with expressive motion and fast static output.

Which pages are included?

Home, work archive, case studies, studio, journal, articles, and a custom 404 — plus sitemap, robots, llms, RSS, and manifest endpoints.

How do I customize without editing templates?

Start with site.config.mjs for identity, domain, navigation, and feature switches, then edit src/data/content.ts for page copy and src/data/site.ts for projects, posts, and services.

Can I turn off the custom cursor or loader?

Yes. Feature switches in site.config.mjs control pageLoader, customCursor, socialDock, colorRemix, and chapterGuide. The cursor only appears on fine-pointer devices.

Where can I deploy HyperFolio?

Build with npm run build and deploy dist/ to Netlify, Vercel, Cloudflare Pages, GitHub Pages, or another static host. Node.js 22.12+ is required.