Why Solara stands out
Cinematic scroll experience — Motion-powered animations, Lenis smooth scroll, WebGL hero, custom cursor, pinned horizontal project rails, sticky storytelling sections and image handoff transitions.
Production-ready pages — Home, Work, Case Studies, About, Services, Process, Journal, Contact, Resume, Styleguide and 404 — all included and wired up.
Content Collections — Manage projects (MDX), journal posts (MDX) and testimonials (JSON) with Astro’s built-in content layer. No external CMS required.
Centralized configuration — Customize site info, profile, navigation, services, process, resume, FAQs and animation intensity from src/data/ config files.
SEO built in — Dynamic meta tags, Open Graph, Twitter cards, JSON-LD structured data, sitemap and RSS feed.
Performance-first images — Astro Image pipeline with responsive WebP/AVIF output, lazy loading and layout-shift prevention.
Accessible motion — Respects prefers-reduced-motion. Complex scroll effects simplify gracefully on mobile.
Deploy anywhere — Works with Netlify, Vercel and Cloudflare Pages out of the box.
What's included
- 12 ready-made pages
- 6 signature cinematic homepage sections
- Cinematic and classic case study layouts
- Mailto-powered contact form (no Formspree or backend needed)
- Demo content and procedurally generated placeholder images
- Comprehensive README with setup, customization and deployment guides
- TypeScript, Tailwind CSS, MDX and Astro Content Collections
Stop wrestling with portfolio boilerplate. Grab Solara, update your config files, swap in your work, and launch a portfolio that feels as polished as the projects it showcases.
Live demo: https://solara-f5o.pages.dev/
Theme created by Noel Dario Andres - Webdesigner
