SaaS Midnight is a premium Astro template designed for SaaS products and startups. Built with Astro 5, Tailwind CSS 4, and featuring 55+ pre-installed shadcn/ui React components.
Key Features:
• 55+ shadcn/ui React components pre-installed
• Responsive sidebar layout with collapsible navigation
• Dashboard with charts and data visualization (Recharts)
• Complete authentication pages (Login, Register, OTP verification)
• Dark/Light mode with system preference detection
• Contact form with validation (react-hook-form + Zod)
• Pricing page with toggle (monthly/yearly)
• Blog section with filters
• SEO optimized with sitemap generation
• Lighthouse 90+ scores across all metrics
• TypeScript support throughout
• View Transitions API for smooth page navigation
Pages Included:
• Home - Modern landing page with hero, features, testimonials
• About - Company info with team section
• Pricing - Interactive pricing cards
• Blog - Blog listing with category filters
• Dashboard - Admin dashboard with stats and charts
• Contact - Contact form with validation
• Login/Register/Verify - Authentication flow
• Privacy & Terms - Legal pages
• 404 - Custom error page
Tech Stack:
• Astro 5.x (Static Site Generator)
• Tailwind CSS 4.x (@theme inline)
• TypeScript (Strict mode)
• React 19.x (for interactive components)
• shadcn/ui (55+ components)
• Recharts (Data visualization)
• Lucide React (Icons)
• View Transitions API
Perfect for SaaS applications, startup landing pages, admin dashboards, and professional web applications.
