Join our Discord Community
astro icon

Open source and free shadcn templates using Astro

4 templates • 4 contributors • Open source & free

4
Templates
4
Authors

Available Templates (4)

Haitang template preview
Haitang
Haitang Poetry Society (海棠诗社) is a digital platform dedicated to classical Chinese poetry, creating an immersive cultural sanctuary for exploring thousands of traditional poems through an elegant, modern interface. The MIT-licensed application provides comprehensive search capabilities by collections, dynasties, poets, and individual poems, along with curated categories based on themes like festivals, seasons, and geographical regions. Built with Astro for optimal performance, Tailwind CSS and shadcn/ui for beautiful design, SQLite with Drizzle ORM for efficient data management, and integrated analytics through Umami and Google Analytics, Haitang makes classical Chinese literature accessible to modern audiences. The platform features responsive design with mobile compatibility, dark mode support, and Giscus-powered comments for community engagement around poetry appreciation. Perfect for students of Chinese literature, poetry enthusiasts, cultural preservation projects, or educational platforms, Haitang demonstrates how to build culturally significant applications with modern web technologies while maintaining the elegance and depth of traditional Chinese poetic heritage.
Astro Nomy template preview
Astro Nomy
Astro Nomy is an open-source experimental project demonstrating modern web development with Astro v4.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.
Astro Erudite template preview
Astro Erudite
Jby Jktrn
Astro Erudite is an opinionated, unstyled static blogging template built with Astro, Tailwind CSS, and shadcn/ui, designed for developers who value performance and flexibility in their web publishing workflow. This modern template leverages Astro Islands architecture for selective hydration, ensuring optimal loading performance by only hydrating interactive components when needed. Features include automatic light/dark theme styling, MDX content support with LaTeX math rendering for technical writing, SEO optimization, RSS feed generation, author and project profiles, and smooth view transitions for an enhanced user experience. The unstyled approach provides maximum design flexibility, allowing developers to customize appearance without fighting against opinionated defaults. Perfect for technical bloggers, academics, developers maintaining project documentation, or anyone building a content-focused site with modern web standards, Astro Erudite combines the performance benefits of static site generation with the developer experience of component-based development, making it ideal for creating fast, accessible, and highly customizable blogs and portfolios.
Astro Shadcn UI Template template preview
Astro Shadcn UI Template
Aby Area44
The Astro shadcn/ui Template combines Astro's content-focused static site generation with shadcn/ui's beautiful component library, creating an ideal starter for building fast, content-driven websites with modern interactive components. Built with Astro 4, React, TypeScript, Tailwind CSS, and Radix UI primitives, this template demonstrates how to integrate shadcn/ui components into Astro's island architecture for optimal performance. Astro's unique approach loads JavaScript only for interactive components (islands), making it perfect for content-heavy sites like blogs, documentation, marketing pages, and portfolios that need occasional interactivity without the overhead of a full SPA. The template includes shadcn/ui components configured to work within Astro islands, optimized Tailwind CSS configuration for Astro's build process, TypeScript support for type-safe component development, example pages showing how to use shadcn/ui components in Astro, proper integration of Radix UI for accessibility, and optimal build configurations for production deployment. The setup allows developers to use shadcn/ui's Button, Dialog, Dropdown, and other components within Astro's partial hydration model, shipping minimal JavaScript while maintaining rich interactivity where needed. This template is perfect for building documentation sites with interactive examples and search functionality, marketing websites with contact forms and modals, content-heavy blogs with interactive elements, portfolio sites with project galleries and filtering, and landing pages that need high performance scores with selective interactivity. The combination of Astro's speed with shadcn/ui's polish creates websites that load instantly while still providing excellent user experiences.