@tetra-ui
Delightful components for a clean, accessible and modern component library for React Native.
Install this registry
npx shadcn@latest add https://tetra-ui.com/r/registry.json pnpm dlx shadcn@latest add https://tetra-ui.com/r/registry.json bunx shadcn@latest add https://tetra-ui.com/r/registry.json curl -s https://tetra-ui.com/r/registry.json Components
36 totalA vertically stacked set of interactive headings that reveal associated content sections.
npx shadcn@latest add https://tetra-ui.com/r/accordion.json A component that allows a user to trigger an action and displays a value attached to the action.
npx shadcn@latest add https://tetra-ui.com/r/action-input.json Displays a badge.
npx shadcn@latest add https://tetra-ui.com/r/badge.json A component to display a button and allows a user to trigger an action.
npx shadcn@latest add https://tetra-ui.com/r/button.json Displays a card with a header, content, and footer.
npx shadcn@latest add https://tetra-ui.com/r/card.json A control that allows users to toggle between checked and unchecked states.
npx shadcn@latest add https://tetra-ui.com/r/checkbox.json A group of selectable cards for single or multiple choice.
npx shadcn@latest add https://tetra-ui.com/r/choicebox.json Displays a compact, rounded chip element.
npx shadcn@latest add https://tetra-ui.com/r/chip.json Displays an empty state.
npx shadcn@latest add https://tetra-ui.com/r/empty.json Components and utilities that help you compose forms with react-hook-form.
npx shadcn@latest add https://tetra-ui.com/r/form.json A component to display headings.
npx shadcn@latest add https://tetra-ui.com/r/heading.json Icon components styled with Tailwind classes for React Native.
npx shadcn@latest add https://tetra-ui.com/r/icons.json A grouped list section for settings-style rows with flexible leading and trailing addons.
npx shadcn@latest add https://tetra-ui.com/r/inline-list.json A core component that allows users to enter text.
npx shadcn@latest add https://tetra-ui.com/r/input.json A label component used to accompany form inputs.
npx shadcn@latest add https://tetra-ui.com/r/label.json A composable native menu built on Expo UI, with support for groups, separators, and nested submenus.
npx shadcn@latest add https://tetra-ui.com/r/menu.json Interactive bottom sheet built on Expo UI with native snap points, gestures, and keyboard support.
npx shadcn@latest add https://tetra-ui.com/r/bottom-sheet.json A sheet component that can be used to display content in a modal.
npx shadcn@latest add https://tetra-ui.com/r/native-sheet.json A component for entering one-time passwords with individual character slots.
npx shadcn@latest add https://tetra-ui.com/r/otp-input.json An input component that allows users to enter a password.
npx shadcn@latest add https://tetra-ui.com/r/password-input.json Displays content in a portal relative to the triggering button element.
npx shadcn@latest add https://tetra-ui.com/r/popover.json Displays an indicator showing the completion progress of a task.
npx shadcn@latest add https://tetra-ui.com/r/progress.json A control that indicates a selected option within a group.
npx shadcn@latest add https://tetra-ui.com/r/radio.json Renders children into a different part of the app.
npx shadcn@latest add https://tetra-ui.com/r/portal.json An input component that allows users to search for content.
npx shadcn@latest add https://tetra-ui.com/r/search-input.json A component that allows users to select a value from a list of options.
npx shadcn@latest add https://tetra-ui.com/r/select.json Divides content with a horizontal or vertical line.
npx shadcn@latest add https://tetra-ui.com/r/separator.json A component to display placeholder content while in a loading state.
npx shadcn@latest add https://tetra-ui.com/r/skeleton.json A control for selecting a value from a continuous or stepped range.
npx shadcn@latest add https://tetra-ui.com/r/slider.json A utility component that allows merging props onto an optional child component.
npx shadcn@latest add https://tetra-ui.com/r/slot.json A layout component that stacks children horizontally or vertically with consistent spacing.
npx shadcn@latest add https://tetra-ui.com/r/stack.json A control that allows users to toggle between checked and unchecked states.
npx shadcn@latest add https://tetra-ui.com/r/switch.json A lightweight wrapper around the React Native Text component to provide default styles.
npx shadcn@latest add https://tetra-ui.com/r/text.json A component that allows users to enter text.
npx shadcn@latest add https://tetra-ui.com/r/text-input.json A component that allows users to enter larger text.
npx shadcn@latest add https://tetra-ui.com/r/textarea-input.json An opinionated toast component for React Native.
npx shadcn@latest add https://tetra-ui.com/r/toast.json