# templ-components

> Server-rendered Go UI components for templ: 124 components, 102 SVG icons, 64 typed enums, 7 opt-in Go modules. HTMX-native with opt-in Datastar, Tailwind CSS v4, CSP-safe by construction, dark mode and RTL built in. MIT licensed, no client framework required.

Typed props make invalid states compile errors; every component ships HTML golden tests, an axe-core accessibility sweep, and motion-reduce fallbacks. Version 1.21.0, requires Go 1.27.

## Product

- [Home](https://templcomponents.lars.software/): the library, live-rendered
- [Sales pitch](https://templcomponents.lars.software/sales): every adoption argument on one page

## Documentation

- [Installation](https://templcomponents.lars.software/getting-started/installation): Install templ-components in your Go project.
- [Quick Start](https://templcomponents.lars.software/getting-started/quick-start): Build a complete page with templ-components in minutes.
- [Theming](https://templcomponents.lars.software/guides/theming): Customize colors and styles without touching component code.
- [Dark Mode](https://templcomponents.lars.software/guides/dark-mode): Built-in dark mode with FOUC prevention and regression tests.
- [HTMX Integration](https://templcomponents.lars.software/guides/htmx-integration): Server-rendered HTMX patterns with loading indicators, error handling, and out-of-band swaps.
- [Transport Wiring](https://templcomponents.lars.software/guides/transport-wiring): Wire components once and switch between HTMX and Datastar with one field — the transport-agnostic wiring contract.
- [Kanban Board](https://templcomponents.lars.software/guides/kanban-board): Wire a dual-transport KanbanBoard — drag-and-drop and keyboard moves, the server move contract, sorted views, and the optimistic pending register.
- [Error Pages](https://templcomponents.lars.software/guides/error-pages): Render family-aware, CSP-safe error pages from any handler — go-error-family integration, the FromError pipeline, JSON responses, and the demo routes.
- [Accessibility](https://templcomponents.lars.software/guides/accessibility): ARIA attributes, keyboard navigation, and screen reader support across all components.
- [CSP Compliance](https://templcomponents.lars.software/guides/csp-compliance): Content Security Policy support with nonce-based inline scripts.
- [Guarantees](https://templcomponents.lars.software/guides/invariants): The machine-checked invariants every templ-components release upholds.
- [Version Support](https://templcomponents.lars.software/guides/version-support): Toolchain floors, bump procedure, and deprecation policy.
- [API Reference](https://templcomponents.lars.software/api-reference): Package-level overview and links to full godoc.
- [Changelog](https://templcomponents.lars.software/changelog): Release history and breaking changes.
- [Contributing](https://templcomponents.lars.software/contributing): Setup, conventions, and release flow.
- [How It Compares](https://templcomponents.lars.software/comparison): Head-to-head with shadcn-templ (formerly templUI) and goshipit: architecture, testing depth, and what each class of project is best at.
- [Related Projects](https://templcomponents.lars.software/related-projects): The GOTH stack ecosystem.

- [Full documentation corpus](https://templcomponents.lars.software/llms-full.txt): every docs page's full text in one file