Browse the component docs one page at a time.

A vertically stacked set of interactive collapsible panels.

Displays a prominent message to call attention to important information.

A modal dialog that interrupts the user with important content and expects a response.

Displays content within a desired ratio.

An image element with a fallback for representing the user.

Displays a badge or a component that looks like a badge.

Displays the path to the current resource using a hierarchy of links.

Displays a button or a component that looks like a button.

Groups buttons into a connected control surface.

A date field component that allows users to enter and edit dates.

Displays a card with header, content, and footer.

A carousel with motion and swipe built using native scroll behavior.

Beautiful charts built with TanStack Charts, server rendering, and SVG marks.

A control that allows the user to toggle between checked and not checked.

An interactive component which expands/collapses a panel.

Autocomplete input and command palette with a list of suggestions.

Fast, composable, unstyled command menu for Go and templ.

Displays a menu to the user — triggered by a right-click or long-press.

Powerful table and datagrids built using Go rendering and TanStack Table.

A date picker component with range and presets.

A window overlaid on either the primary window or another dialog window.

Sets the reading direction of content (LTR or RTL).

A drawer component for mobile-friendly bottom/side slide-over surfaces.

Displays a menu to the user — such as a set of actions or functions — triggered by a button.

A placeholder helper for empty datasets, searches, and lists.

A form field grouping component with label, description, and error slots.

For sighted users to preview content available behind a link.

Displays a form input field or a component that looks like an input field.

Input with leading/trailing addons and icon slots.

Accessible one-time password component with copy paste functionality.

A generic list/card item surface with header, body, and action slots.

A keyboard shortcut token styled as a key badge.

Renders an accessible label associated with controls.

A visually persistent menu common in desktop applications that provides quick access to a consistent set of commands.

A styled native HTML select element.

A collection of links for navigating websites.

Pagination with page navigation, next and previous links.

Displays rich content in a portal, triggered by a button.

Displays an indicator showing the completion progress of a task, typically displayed as a progress bar.

A set of checkable buttons—known as radio buttons—where no more than one button can be checked at a time.

Accessible resizable panel groups and layouts with keyboard support.

Augments native scroll functionality for custom, cross-browser styling.

Displays a list of options for the user to pick from—triggered by a button.

Visually or semantically separates content.

Extends the Dialog component to display content that complements the main screen.

A composable, themeable and customizable sidebar component.

Use to show a placeholder while content is loading.

An input where the user selects a value from within a given range.

An opinionated toast component for Go and templ.

A lightweight animated loading indicator.

A control that allows the user to toggle between checked and not checked.

A responsive table component.

A set of layered sections of content—known as tab panels—that are displayed one at a time.

Displays a form textarea or a component that looks like a textarea.

A succinct message that is displayed temporarily.

A two-state button that can be either on or off.

A set of two-state buttons that can be toggled on or off.

A popup that displays information related to an element when the element receives keyboard focus or the mouse hovers over it.

Styles for headings, paragraphs, lists...etc

A compact file attachment surface with media, status, content, and actions.

A chat bubble with variants, alignment, content, and reactions.

A compact inline marker for labels, separators, and metadata.

Displays a message in a conversation, with optional avatar, header, footer, and alignment.

A chat transcript scroller that manages anchored turns, streaming output, history loading, and scroll controls.