Component Overview
Vellira provides a growing collection of accessible, production-ready UI components.
Components share a consistent API, design tokens, accessibility patterns, and TypeScript support across platforms.
React Components
ButtonActions, links and loading states.InputText fields with validation and formatting.CheckboxIndependent boolean choices.RadioGroupExclusive option selection.SelectDropdown selection.FormFieldShared field layout and validation.DropdownMenus and contextual actions.TabsOrganize related content.PopoverFloating interactive content.TooltipContextual helper information.ModalDialogs and confirmation flows.PortalRender overlays outside the normal DOM hierarchy.ThemeProviderApplication-wide theming.
React Native
The React Native package follows the same design principles and API wherever possible.
See the dedicated React Native documentation for platform-specific behavior.
Explore React Native →Icons
Need icons?
Vellira includes a dedicated cross-platform icon package.
Explore Icons →Storybook
Prefer interactive examples?
Browse every component in Storybook.
Open StorybookNext Steps
| Goal | Page |
|---|---|
| Install Vellira | Getting Started |
| Learn React | React |
| Learn React Native | React Native |
| Explore Icons | Icons |
| Understand Tokens | Design Tokens |