Components
Every item of the Gx registry: components, blocks, the docs kit and icons.
Each page shows live examples, the example code and the install command. Install an item with gx add <name>.
Components
Accordion
A stack of panels that open one at a time.
Alert
A callout for an important message.
Alert Dialog
A modal that asks for a decision.
Aspect Ratio
A box that keeps a fixed width to height ratio.
Avatar
A user image with a fallback.
Badge
A small label for a status or a count.
Breadcrumb
A trail of links to the current page.
Button
A button with the shadcn variants and sizes.
Button Group
A row of related buttons.
Card
A bordered surface for grouped content.
Checkbox
A single boolean control with a label.
Collapsible
One panel that opens on demand.
Context Menu
A menu that opens on a right click.
Data Table
A server-driven table with typed columns, sort headers and paging.
Dialog
A modal overlay with a trigger.
Drawer
A bottom panel for a short task.
Dropdown Menu
A menu of actions behind a trigger.
Empty
A placeholder for an empty result.
Field
Layout and labels for one form field.
Hover Card
A richer preview on hover or focus.
Input
A single-line text control.
Input Group
An input with an addon or a text prefix.
Item
A row for one entry in a list.
Kbd
A key or key combination.
Label
A caption for a form control.
Menubar
A horizontal bar of menu actions.
Navigation Menu
A row of primary links.
Pagination
Links between pages of a result set.
Popover
A small panel anchored to a trigger.
Progress
A bar that shows the completion of a task.
Radio Group
A group of exclusive choices.
Scroll Area
A box with a styled scrollbar.
Select
A native list of exclusive choices.
Separator
A visual divider between content.
Sheet
A panel that slides in from an edge.
Sidebar
A vertical panel for the app or docs navigation.
Skeleton
A placeholder while content loads.
Slider
A native range control.
Spinner
An indicator for an unknown wait.
Switch
A control for an immediate on or off setting.
Table
A data table built from composable parts.
Tabs
Exclusive panels behind a list of tab buttons.
Textarea
A multi-line text control.
Toast
Server-pushed toasts: the toaster region and the toast.
Toggle
A two-state button.
Toggle Group
A segmented control of toggle items.
Tooltip
A short hint on hover or focus.
Blocks
App Shell
An app page frame with a sidebar, a header and a main area.
Data Table Page
A page frame for a server-driven data table.
Login
A sign-in page block with a form and a brand panel.
Settings Form
A settings page block with profile and notification cards.
Signup
A sign-up page block with fields, terms and a brand panel.
Docs kit
Docs
The Gx docs kit: callouts, tabs, steps, cards, badges, file trees, icons, hero and code blocks.
Docs shell
The Gx docs shell: header, sidebar, table of contents, pagination, splash, 404 and search dialog.