Join our Discord Community
alpinejs icon

Open source and free shadcn templates using Alpinejs

2 templates • 2 contributors • Open source & free

2
Templates
2
Authors

Available Templates (2)

Basecoat template preview
Basecoat
Basecoat is a lightweight, framework-agnostic UI component library built with Tailwind CSS that brings shadcn/ui's design philosophy to traditional web applications without requiring React. The MIT-licensed library provides accessible, themable components using primarily CSS with minimal JavaScript, making it compatible with any frontend or backend stack including vanilla JavaScript, PHP, Ruby on Rails, Django, or static sites. Components use simple class names like btn, input, and card rather than complex utility combinations, offering a more intuitive API while maintaining Tailwind CSS's customization capabilities. With built-in dark mode support, accessibility best practices, and easy extensibility, Basecoat delivers professional UI components for developers who prefer server-rendered applications or progressive enhancement over JavaScript frameworks. The library demonstrates how to create beautiful, accessible interfaces using Tailwind CSS without the complexity of modern JavaScript build tools or component frameworks. Perfect for traditional web applications, content management systems, server-side frameworks, or any project where React isn't suitable, Basecoat provides the design quality and component patterns of modern UI libraries while working with established web development workflows and technologies.
Artisan UI template preview
Artisan UI
Artisan UI is a gorgeous component library for Laravel applications built with Blade templating, Tailwind CSS, and AlpineJS, bringing the elegant design philosophy of shadcn/ui to the Laravel ecosystem for developers who prefer server-side rendering over JavaScript frameworks. This work-in-progress library aims to provide Laravel developers with beautiful, accessible components that maintain the simplicity and elegance of shadcn/ui while working naturally with Blade templates and AlpineJS for progressive enhancement. The combination of Tailwind CSS for styling and AlpineJS for lightweight interactivity creates components that are performant, easy to customize, and require minimal JavaScript overhead compared to full React or Vue implementations. Perfect for Laravel developers building traditional server-rendered applications, teams preferring Blade over SPA frameworks, projects where SEO and initial page load performance are critical, or agencies delivering client sites where Laravel's ecosystem advantages (authentication, ORM, queue management) outweigh the benefits of separate frontend frameworks. Released under the MIT license with comprehensive documentation at x-aui.com, Artisan UI demonstrates how component-driven design systems can adapt to different technological ecosystems, enabling Laravel developers to build modern, beautiful user interfaces without abandoning the framework's server-side strengths or adopting complex JavaScript build processes that increase project complexity and maintenance burden.