Back to themes

Virion

Virion is a premium, production-ready template for fintech products, SaaS startups, analytics dashboards, and tech businesses. Built on Astro 6 and TypeScript, it ships with 41 pre-built static pages, an MDX-powered blog and integrations system, JSON-driven products with a working cart, and a fully editable content layer — no CMS or backend required.


Cost

Paid


Created by
Waida Studio

Virion is a fintech, SaaS, and technology-business template built on Astro 6 and TypeScript, generating 41 fully static pages per build.


Pages: home, about, features, pricing, contact, blog with 13 MDX posts, integrations with 9 MDX integration pages, product catalog with 2 JSON-driven products, cart-aware checkout, PayPal checkout demo, order confirmation, login, sign up, style guide, license, changelog, 401, and 404.


Near-zero JavaScript — all pages are prerendered to static HTML; a single vanilla TypeScript module powers navigation, dropdowns, tabs, FAQs, testimonial marquees, scroll animations, and cart functionality. No React, no hydration, and no client framework runtime.


Content collections — blog posts and integrations are MDX content collections with zod-validated frontmatter; products are managed through JSON; shared content and navigation live in reusable Astro components. No CMS required.


Working cart — JSON-driven products with localStorage persistence, shared across product pages, mini-cart drawer, checkout, and order confirmation flows.


Design system — handcrafted CSS architecture with custom-property design tokens for colors, typography, spacing, and branding, all editable from a single stylesheet without framework lock-in.


Self-hosted fonts — Inter, Inter Tight, and Island Moments served locally with no third-party font requests.


Performance-focused — static rendering, responsive images via native source, semantic HTML, SEO-ready metadata, and clean crawlable URLs.


Deploy anywhere — pure static output with no adapter required. Vercel, Netlify, Cloudflare Pages, GitHub Pages, AWS Amplify, and standard web hosts support it out of the box.


Includes full Astro 6 + TypeScript source code, 41 production-ready pages, MDX content collections, JSON product data, HTML documentation, comprehensive setup guides, and buyer support.