A favicon of Shadcn Templ

Shadcn Templ

A Go-based port of Shadcn/ui, leveraging Templ, Alpine.js, and Tailwind CSS to bring popular UI components to Go developers.

A screenshot of Shadcn TemplVisit

Shadcn-Templ: Go-Powered Shadcn/ui Components with Templ & Alpine.js

Shadcn-Templ offers a Go-based port of the popular shadcn/ui library, enabling developers to use familiar UI components within their Go and Templ projects. It integrates Alpine.js for interactivity and Tailwind CSS for styling, aiming to provide a streamlined experience for building modern web interfaces. This work-in-progress initiative focuses on bringing shadcn/ui's design and functionality to the Go ecosystem, with ongoing development to expand component availability and refine features.

Features:

  • Port of Shadcn/ui Components: Offers a growing collection of components ported from Shadcn/ui, including Accordion, Button, Form, Table, Input, Dialog, and more.
  • Go & Templ Native: Built for Go developers, integrating seamlessly with the Templ templating engine.
  • Alpine.js Interactivity: Uses Alpine.js for client-side interactions and dynamic component behaviors.
  • Tailwind CSS Styling: Employs Tailwind CSS for a utility-first approach to styling and theming.
  • Structured Go Props: Components accept well-defined Go structs for properties, including p.CoreProps for common HTML attributes like class and custom attributes.
  • Easy Setup: Includes a Head component for essential scripts (Alpine.js, theme script) and a servable CSS variable for styles.
  • Radix UI Foundation: Component development references Radix UI, ensuring robust and accessible foundational elements.
  • Direct .templ Usage: Designed for straightforward embedding and utilization directly within .templ files.
  • Ongoing Development: Actively working on adding more Shadcn/ui components and planning future enhancements like a CLI tool.

Summary:

Shadcn-Templ is a project dedicated to porting Shadcn/ui components for use with Go, Templ, Alpine.js, and Tailwind CSS. It allows Go developers to build stylish and interactive user interfaces using a familiar component-based approach. While development is ongoing to add more components and features, it currently provides a foundational set of tools for integrating modern UI patterns into Go web applications.

Distribution:
opensource
GitHub:
73 Stars
4 Forks
Share:

 

  
 

Similar to Shadcn Templ:

 

  
  

 

  
  

 

  
  
Shadcn Templ: Bring Shadcn/ui's elegance to your Go projects with Templ and Alpine.js. – Awesome-Shadcn/ui