Templui

screenshot of Templui
tailwind
alpinejs

The UI Kit for templ

Overview

TemplUI is an enterprise-ready library of UI components designed for Go and Templ, with Alpine.js for interactivity and Tailwind CSS for styling. With a focus on security, scalability, and component-driven development, TemplUI aims to provide a robust toolkit for creating professional web applications.

Features

  • Enterprise Ready: Built for production use with security and scalability in mind.
  • CSP Compliant: Secure by design with Content Security Policy support.
  • HTMX Optimized: Seamless integration with HTMX for dynamic interactions.
  • Component Driven: Flexible, composable components for rapid development.
  • Fully Customizable: Adapt components to match branding and requirements.
  • Type-Safe: Utilizes Go's type system for robust development.
  • Server-Side Focused: Offers excellent performance and SEO benefits.
  • Modern Stack: Utilizes Go, Templ, Alpine.js, and Tailwind CSS in harmony.
tailwind
Tailwind

Tailwind CSS is a utility-first CSS framework that provides pre-defined classes for building responsive and customizable user interfaces.

alpinejs
Alpine.js

Alpine.js is a lightweight JavaScript framework that simplifies the process of creating dynamic, reactive user interfaces on the web. It uses a declarative syntax that offers a higher level of abstraction compared to vanilla JavaScript, while being more performant and easier to use than jQuery.

ui-kit
UI Kits & Components

A UI kit provides developers with a set of reusable components that can be easily integrated into a website or application. These components are pre-designed with consistent styling and functionality, allowing developers to save time and effort in the design and development process. UI kits can be either custom-built or third-party, and often include components for buttons, forms, typography, icons, and more.

eslint
Eslint

ESLint is a linter for JavaScript that analyzes code to detect and report on potential problems and errors, as well as enforce consistent code style and best practices, helping developers to write cleaner, more maintainable code.