Virex is a production-ready complete SaaS UI theme for Astro. It helps you launch modern SaaS products quickly—from marketing pages to dashboard interfaces—with a strong focus on performance, clarity, and easy customization.
Whether you're building a startup landing page, a developer tool website, or a SaaS product with user dashboards, Virex gives you everything you need out of the box.
What's Included
Marketing & Product Pages
- Landing page with hero, logo cloud, features, pricing, testimonials, newsletter, and CTA sections
- Customers page for success stories and case studies
- Enterprise page for enterprise features and pricing
- Integrations page to showcase partner integrations
- Security page for compliance and trust signals
- Roadmap page for upcoming product updates
- Demo request page for lead generation
- Contact page with form validation
Dashboard UI System
- Responsive dashboard layout with collapsible sidebar navigation and mobile drawer
- 15+ reusable components: StatCard, DataTable, Chart, Modal, Toast, Card, EmptyState, LoadingSkeleton, and more
- Example pages for common SaaS patterns: Overview page with metrics and charts, Settings pages (Profile, Team, Billing), Projects pages (List and Detail views)
- Chart.js integration for data visualization
- Sample data system with realistic placeholder data
- TypeScript types for all dashboard data models
Note: Dashboard pages are UI starter templates with sample data. You'll need to implement your own authentication and connect to your backend APIs.
Content Pages
- Blog with pagination, tag filtering, and reading time
- Documentation site with auto-generated sidebar navigation
- Changelog page for release history
Utility Pages
- Authentication pages (Login, Register, Forgot Password) with demo mode support
- Legal pages (Privacy Policy, Terms of Service)
- FAQ, About, Careers, Status, and Testimonials pages
- Error pages (403, 404, 500)
Key Features
- Built with Astro, TypeScript, and Tailwind CSS v4
- Content Collections for blog, docs, changelog, and testimonials
- Complete dashboard system with 15+ components and example pages
- Design tokens system using OKLCH colors for easy brand customization
- Dark mode with system preference detection and localStorage persistence
- Feature flags to enable or disable sections (blog, docs, changelog, testimonials, roadmap)
- SEO-ready setup with Open Graph, Twitter Cards, JSON-LD, sitemap, and RSS
- Contact form supporting Netlify Forms, Formspree, or custom endpoints
- Logo cloud component with static, marquee (animated), and grid variants
- Newsletter component with multiple layout options
- Accessible by default with semantic HTML, focus states, and reduced motion support
- 200,000+ icons via astro-icon (Lucide + Simple Icons)
- Announcement bar with dismissible state
Easy to Customize
All configuration is centralized in a single config directory, with separate files for site settings, navigation, feature flags, and contact information. You can change branding, colors, navigation, and enabled sections without touching component code.
Components are organized by category (marketing, dashboard, pricing, product, social proof, team) and use path aliases for clean imports. Dashboard navigation is configured in a single file, making it easy to add or modify menu items.
ESLint and Prettier are preconfigured for code quality, environment variables are supported for flexible deployment, and comprehensive documentation (including a complete dashboard guide) is included to help you get started quickly.
Perfect For
- SaaS applications that need both marketing pages and user dashboards
- Startup landing pages with plans to add authenticated features later
- Developer tools and API documentation sites with admin panels
- Product marketing websites that want to showcase dashboard UI
- Any project that needs a professional SaaS site with dashboard starter templates
What Makes Virex Different
Unlike many Astro themes that focus only on marketing pages, Virex also includes a production-ready dashboard UI. You get not just landing pages, but a structured dashboard layout with reusable components and example pages for common SaaS workflows.
This allows you to move faster—from an initial landing page to an MVP dashboard UI—while keeping a consistent design system, theming, and code quality across your entire project.
Useful Resources
- Full Documentation: https://github.com/erlandv/virex/tree/main/docs
- Changelog: https://github.com/erlandv/virex/blob/main/CHANGELOG.md
- Get Support: https://erland.me
