Make your AI a shadcn expert

Astro Nomy

Astro Nomy is an open-source experimental project demonstrating modern web development with Astro v4.

Astro Nomy — preview

Live Preview

Interact with the actual deployed template — every section, every interaction, no mockups.

astro-nomy.vercel.app
Loading preview…

About Template

5, shadcn/ui, and React, showcasing how to build feature-rich applications with view transitions, routing, layouts, and 100/100 Lighthouse performance. The MIT-licensed project includes React components and hooks, MDX and Content Collections support, Tailwind CSS styling, Zod validations, TypeScript, RSS feed and sitemap generation, and API endpoints. Built as an experiment to test how modern app features like authentication, subscriptions, API routes, markdown, and content collections work in Astro v4 with shadcn/ui, the project plans to include blog pages with Astro DB, changelog pages, waitlist and newsletter functionality, anime pages, e-commerce pages, and authentication/dashboard pages.

The project achieves perfect Lighthouse scores while demonstrating Astro's content-focused architecture combined with React's interactivity through shadcn/ui components. Perfect for learning Astro with shadcn/ui, building content-heavy sites with interactive components, marketing websites requiring performance, or any project exploring Astro's capabilities with modern UI libraries and best practices.

Free, open source, and ready to ship.

Clone the repo, install dependencies, and start customising — every Astro Nomy file is MIT-licensed and yours to keep.

More Templates

Hand-built premium templates from shadcn.io — production-ready and bundled in Pro.