# Kivora

> React and React Native components with a shared visual language.

This documentation covers @kivora/nextjs and its published web API. The cross-platform guide explains differences from React Native. Run npx @kivora/init inside a compatible Next.js or React Native Community CLI application. React web without Next.js requires manual installation. The assistant does not create or migrate the framework. Examples are demos: the team is stored in sessionStorage and sends no emails.

Language: English. The same URLs serve English or Spanish based on Accept-Language; English is the default.

## Guides

- [Introduction](https://kivora.pro/docs-markdown/introduccion.md): Meet the components and discover what you can build.
- [Installation](https://kivora.pro/docs-markdown/instalacion.md): Assisted or manual installation in React with Next.js.
- [@kivora/init assistant](https://kivora.pro/docs-markdown/inicializador.md): One command to configure Kivora in Next.js or React Native.
- [React web installation](https://kivora.pro/docs-markdown/instalacion-react.md): Use web components in a React application without Next.js.
- [React Native installation](https://kivora.pro/docs-markdown/instalacion-react-native.md): Configure the native library, providers and dependencies.
- [Themes and colors](https://kivora.pro/docs-markdown/temas.md): One foundation. All your personality.
- [Composition and state](https://kivora.pro/docs-markdown/composicion.md): Connect components, data and behavior.
- [Accessibility](https://kivora.pro/docs-markdown/accesibilidad.md): Interfaces that more people can use in more ways.
- [Web and React Native](https://kivora.pro/docs-markdown/multiplataforma.md): One visual language across platforms.

## Components

- [Icon](https://kivora.pro/docs-markdown/componentes/icon.md): Lucide icons with size, color and accessible labels.
- [Button](https://kivora.pro/docs-markdown/componentes/button.md): A clear action at the right moment.
- [ButtonGroup](https://kivora.pro/docs-markdown/componentes/button-group.md): Group related actions in a single row.
- [Badge](https://kivora.pro/docs-markdown/componentes/badge.md): A small label for statuses, categories and updates.
- [Typography](https://kivora.pro/docs-markdown/componentes/typography.md): Typography with a shared visual language.
- [Card](https://kivora.pro/docs-markdown/componentes/card.md): A container that gives content context and structure.
- [Avatar](https://kivora.pro/docs-markdown/componentes/avatar.md): Represent a person with an image or initials.
- [Separator](https://kivora.pro/docs-markdown/componentes/separator.md): Subtly separate blocks of content.
- [AspectRatio](https://kivora.pro/docs-markdown/componentes/aspect-ratio.md): Keep stable proportions for images and visual content.
- [Kbd](https://kivora.pro/docs-markdown/componentes/kbd.md): Display readable keyboard shortcuts.
- [Code](https://kivora.pro/docs-markdown/componentes/code.md): Formatted code with line numbers and copying.
- [Input](https://kivora.pro/docs-markdown/componentes/input.md): Text input with sizes, validation and masks.
- [Textarea](https://kivora.pro/docs-markdown/componentes/textarea.md): Free-form text with a counter and adaptive height.
- [Label](https://kivora.pro/docs-markdown/componentes/label.md): A field's visible label.
- [Field](https://kivora.pro/docs-markdown/componentes/field.md): Label, hint, control and error in one unit.
- [InputGroup](https://kivora.pro/docs-markdown/componentes/input-group.md): Add context and actions to an input.
- [InputOTP](https://kivora.pro/docs-markdown/componentes/input-otp.md): A verification code split into slots.
- [Checkbox](https://kivora.pro/docs-markdown/componentes/checkbox.md): An independent choice or part of a multiple selection.
- [Switch](https://kivora.pro/docs-markdown/componentes/switch.md): Turn a preference on or off immediately.
- [RadioGroup](https://kivora.pro/docs-markdown/componentes/radio-group.md): One choice among several alternatives.
- [Select](https://kivora.pro/docs-markdown/componentes/select.md): Selection with search, groups, asynchronous loading and option creation.
- [Slider](https://kivora.pro/docs-markdown/componentes/slider.md): Precisely adjust a value or interval.
- [Calendar](https://kivora.pro/docs-markdown/componentes/calendar.md): Date selection in a calendar view.
- [DatePicker](https://kivora.pro/docs-markdown/componentes/date-picker.md): A compact date picker with a dropdown calendar.
- [Toggle](https://kivora.pro/docs-markdown/componentes/toggle.md): A button with a pressed state.
- [ToggleGroup](https://kivora.pro/docs-markdown/componentes/toggle-group.md): A toolbar for single or multiple selection.
- [Questionnaire](https://kivora.pro/docs-markdown/componentes/questionnaire.md): Sequential questions with structured answers.
- [Accordion](https://kivora.pro/docs-markdown/componentes/accordion.md): Content that expands when needed.
- [Tabs](https://kivora.pro/docs-markdown/componentes/tabs.md): Related views within the same context.
- [Breadcrumb](https://kivora.pro/docs-markdown/componentes/breadcrumb.md): Show the path to the current page.
- [NavigationMenu](https://kivora.pro/docs-markdown/componentes/navigation-menu.md): Main navigation with expandable content.
- [Pagination](https://kivora.pro/docs-markdown/componentes/pagination.md): Navigate paginated result sets.
- [Command](https://kivora.pro/docs-markdown/componentes/command.md): An action list that filters as you type.
- [Dialog](https://kivora.pro/docs-markdown/componentes/dialog.md): A focused conversation over your interface.
- [Sheet](https://kivora.pro/docs-markdown/componentes/sheet.md): A side panel for tasks that need context.
- [Drawer](https://kivora.pro/docs-markdown/componentes/drawer.md): A sliding panel for supporting content.
- [Popover](https://kivora.pro/docs-markdown/componentes/popover.md): Information or controls beside their trigger.
- [Tooltip](https://kivora.pro/docs-markdown/componentes/tooltip.md): A brief explanation for a control.
- [HoverCard](https://kivora.pro/docs-markdown/componentes/hover-card.md): A contextual preview on hover or focus.
- [Menu](https://kivora.pro/docs-markdown/componentes/menu.md): A dropdown action menu or menu bar.
- [ContextMenu](https://kivora.pro/docs-markdown/componentes/context-menu.md): Contextual actions on right-click.
- [Table](https://kivora.pro/docs-markdown/componentes/table.md): Semantic tables with a consistent presentation.
- [DataTable](https://kivora.pro/docs-markdown/componentes/data-table.md): Data with search, sorting, selection and pagination.
- [Chart](https://kivora.pro/docs-markdown/componentes/chart.md): Recharts charts with Kivora colors and tooltips.
- [Progress](https://kivora.pro/docs-markdown/componentes/progress.md): Show how much of a task is complete.
- [Alert](https://kivora.pro/docs-markdown/componentes/alert.md): Information, success, warning or error messages.
- [Empty](https://kivora.pro/docs-markdown/componentes/empty.md): Provide context when there is no content yet.
- [Skeleton](https://kivora.pro/docs-markdown/componentes/skeleton.md): Reserve space while content loads.
- [Spinner](https://kivora.pro/docs-markdown/componentes/spinner.md): An indicator for ongoing operations.
- [Toaster](https://kivora.pro/docs-markdown/componentes/toaster.md): Brief notifications that accompany an action.
- [Item](https://kivora.pro/docs-markdown/componentes/item.md): A content row with text, icons and actions.
- [Attachment](https://kivora.pro/docs-markdown/componentes/attachment.md): A file with description, actions and progress.
- [Bubble](https://kivora.pro/docs-markdown/componentes/bubble.md): A visual bubble for messages and short snippets.
- [Message](https://kivora.pro/docs-markdown/componentes/message.md): Conversation structure with author, body and status.
- [Marker](https://kivora.pro/docs-markdown/componentes/marker.md): Highlight a note or feature.
- [Carousel](https://kivora.pro/docs-markdown/componentes/carousel.md): Content you can browse slide by slide.
- [ScrollArea](https://kivora.pro/docs-markdown/componentes/scroll-area.md): A scrolling region with consistent styling.
- [Resizable](https://kivora.pro/docs-markdown/componentes/resizable.md): Panels that users can resize.
- [Barcode](https://kivora.pro/docs-markdown/componentes/barcode.md): Barcodes and QR codes in one component.
- [Player](https://kivora.pro/docs-markdown/componentes/player.md): Video and audio with controls, tracks and adaptive playback.
- [FileUpload](https://kivora.pro/docs-markdown/componentes/file-upload.md): File selection and transfers with progress.
- [KivoraProvider](https://kivora.pro/docs-markdown/componentes/kivora-provider.md): Theme and color mode context for your application.
- [DirectionProvider](https://kivora.pro/docs-markdown/componentes/direction-provider.md): Shared reading direction for LTR and RTL interfaces.
- [AudioPlayerProvider](https://kivora.pro/docs-markdown/componentes/audio-player-provider.md): Keep an audio session across page changes.

## Other resources

- [Full documentation](https://kivora.pro/llms-full.txt)
- [Interactive documentation](https://kivora.pro/docs)
- [@kivora/init](https://www.npmjs.com/package/@kivora/init): npx @kivora/init
- [@kivora/nextjs](https://www.npmjs.com/package/@kivora/nextjs): React web
- [@kivora/native](https://www.npmjs.com/package/@kivora/native): React Native