# Radiant UI > Accessible, framework-agnostic UI components built on the Radiant reactive model. > Component modules live under @ecopages/radiant-ui/. ## When to use this Reach for Radiant UI when you are: - Importing catalog components, themes, and composition helpers for light-DOM interfaces. - Composing accessible views that stay on Radiant hosts instead of a synthetic component tree. - Documenting or extending `rui-*` custom elements with the published module surface. Do not use this site as a hosted SaaS or authenticated API. It is documentation and generated text for the open-source library. ## How to read the docs - This `llms.txt` file is an index only. - Follow links to `/llms-content/.txt` for full page exports (HTML pages also advertise that URL as `rel=alternate`). - For a progressive build guide, start at `/skill.txt` or `/skill/SKILL.md`. ## Install - npm package: [`@ecopages/radiant-ui`](https://www.npmjs.com/package/@ecopages/radiant-ui). - Install: `npm install @ecopages/radiant-ui`, `pnpm add @ecopages/radiant-ui`, or `bun add @ecopages/radiant-ui`. - Guide: `/docs/getting-started/introduction` (text export: `/llms-content/getting-started/introduction.txt`). ## Agent Skill - [Skill index](/skill.txt) - [SKILL.md](/skill/SKILL.md) ## Getting started - [Introduction](https://radiant-ui.ecopages.app/llms-content/getting-started/introduction.txt) - [Theming](https://radiant-ui.ecopages.app/llms-content/getting-started/theming.txt) - [Tokens](https://radiant-ui.ecopages.app/llms-content/getting-started/tokens.txt) ## Actions - [Button](https://radiant-ui.ecopages.app/llms-content/button.txt) - [Button Group](https://radiant-ui.ecopages.app/llms-content/button-group.txt) - [Cycle Toggle](https://radiant-ui.ecopages.app/llms-content/cycle-toggle.txt) - [Toolbar](https://radiant-ui.ecopages.app/llms-content/toolbar.txt) ## Forms - [Autocomplete](https://radiant-ui.ecopages.app/llms-content/autocomplete.txt) - [Checkbox](https://radiant-ui.ecopages.app/llms-content/checkbox.txt) - [Checkbox Group](https://radiant-ui.ecopages.app/llms-content/checkbox-group.txt) - [Combobox](https://radiant-ui.ecopages.app/llms-content/combobox.txt) - [Date Field](https://radiant-ui.ecopages.app/llms-content/date-field.txt) - [Date Input](https://radiant-ui.ecopages.app/llms-content/date-input.txt) - [Date Range Picker](https://radiant-ui.ecopages.app/llms-content/date-range-picker.txt) - [Field](https://radiant-ui.ecopages.app/llms-content/field.txt) - [Form](https://radiant-ui.ecopages.app/llms-content/form.txt) - [Input](https://radiant-ui.ecopages.app/llms-content/input.txt) - [Input Group](https://radiant-ui.ecopages.app/llms-content/input-group.txt) - [Knob](https://radiant-ui.ecopages.app/llms-content/knob.txt) - [Label](https://radiant-ui.ecopages.app/llms-content/label.txt) - [Listbox](https://radiant-ui.ecopages.app/llms-content/listbox.txt) - [Number Field](https://radiant-ui.ecopages.app/llms-content/number-field.txt) - [Radio Group](https://radiant-ui.ecopages.app/llms-content/radio-group.txt) - [Select](https://radiant-ui.ecopages.app/llms-content/select.txt) - [Slider](https://radiant-ui.ecopages.app/llms-content/slider.txt) - [Switch](https://radiant-ui.ecopages.app/llms-content/switch.txt) - [Textarea](https://radiant-ui.ecopages.app/llms-content/textarea.txt) ## Layout - [Disclosure](https://radiant-ui.ecopages.app/llms-content/disclosure.txt) - [Grid](https://radiant-ui.ecopages.app/llms-content/grid.txt) - [Heading](https://radiant-ui.ecopages.app/llms-content/heading.txt) - [Headline](https://radiant-ui.ecopages.app/llms-content/headline.txt) - [Separator](https://radiant-ui.ecopages.app/llms-content/separator.txt) - [Window Splitter](https://radiant-ui.ecopages.app/llms-content/window-splitter.txt) ## Navigation - [Breadcrumb](https://radiant-ui.ecopages.app/llms-content/breadcrumb.txt) - [Menu Button](https://radiant-ui.ecopages.app/llms-content/menu-button.txt) - [Menubar](https://radiant-ui.ecopages.app/llms-content/menubar.txt) - [Navigation Menu](https://radiant-ui.ecopages.app/llms-content/navigation-menu.txt) - [Pagination](https://radiant-ui.ecopages.app/llms-content/pagination.txt) - [Sidebar](https://radiant-ui.ecopages.app/llms-content/sidebar.txt) - [Tabs](https://radiant-ui.ecopages.app/llms-content/tabs.txt) - [Toc](https://radiant-ui.ecopages.app/llms-content/toc.txt) ## Overlays - [Dialog](https://radiant-ui.ecopages.app/llms-content/dialog.txt) - [Hover Card](https://radiant-ui.ecopages.app/llms-content/hover-card.txt) - [Popover](https://radiant-ui.ecopages.app/llms-content/popover.txt) - [Tooltip](https://radiant-ui.ecopages.app/llms-content/tooltip.txt) ## Feedback - [Alert](https://radiant-ui.ecopages.app/llms-content/alert.txt) - [Meter](https://radiant-ui.ecopages.app/llms-content/meter.txt) - [Spinner](https://radiant-ui.ecopages.app/llms-content/spinner.txt) - [Toast](https://radiant-ui.ecopages.app/llms-content/toast.txt) ## Data display - [Avatar](https://radiant-ui.ecopages.app/llms-content/avatar.txt) - [Badge](https://radiant-ui.ecopages.app/llms-content/badge.txt) - [Calendar](https://radiant-ui.ecopages.app/llms-content/calendar.txt) - [Carousel](https://radiant-ui.ecopages.app/llms-content/carousel.txt) - [Chip](https://radiant-ui.ecopages.app/llms-content/chip.txt) - [Chip List](https://radiant-ui.ecopages.app/llms-content/chip-list.txt) - [Feed](https://radiant-ui.ecopages.app/llms-content/feed.txt) - [Table](https://radiant-ui.ecopages.app/llms-content/table.txt) - [Tag Group](https://radiant-ui.ecopages.app/llms-content/tag-group.txt) - [Tree](https://radiant-ui.ecopages.app/llms-content/tree.txt) - [Treegrid](https://radiant-ui.ecopages.app/llms-content/treegrid.txt)