Skip to Content
ComponentsOverview

Components

@gg-software/ui ships 91 components across eight categories. Every page below has a live preview, usage code and a complete prop table generated from the TypeScript source.

Layout

Structural primitives — the backbone of any admin UI.

Box · Stack · Flex · Grid · Container · Spacer · Center · Divider · AspectRatio · ScrollArea · AppShell

Typography

Heading · Text · Label · Code · CodeBlock · Kbd

Input

Button · IconButton · ButtonGroup · TextInput · Textarea · NumberInput · PasswordInput · SearchInput · Select · MultiSelect · Combobox · MultiCombobox · Checkbox · CheckboxGroup · Radio · RadioGroup · Switch · Slider · DatePicker · DateRangePicker · TimePicker · ColorPicker · FileUpload · Rating · FormField · Fieldset · Form

Display

Badge · Tag · Avatar · AvatarGroup · Icon · Tooltip · Spinner · ProgressBar · Skeleton · Alert · Toast · EmptyState · Stat · Timeline · Image

Link · Tabs · Breadcrumbs · Pagination · Menu · ContextMenu · Sidebar · Navbar · Stepper · CommandPalette

Containers

Card · Panel · Modal · Drawer · Popover · Accordion · Disclosure

Data

Table · DataTable · List · DescriptionList · TreeView · Calendar · KanbanBoard · Charts (LineChart, AreaChart, BarChart, PieChart)

Floating

useFloating & FloatingPortal — the positioning layer used by tooltips, menus, popovers and pickers.

Theme

ThemeProvider, useTheme, ColorModeToggle, tokens, setTheme, initializeTheme are documented on the Theming page.