Skip to main content

Documentation Index

Fetch the complete documentation index at: https://copylabs.mintlify.app/llms.txt

Use this file to discover all available pages before exploring further.

​
Radix Themes Native

​
Why Radix Themes Native?

Beautiful by Default

Carefully crafted design tokens and components that look great out of the box. No design expertise required.

Accessible

Built with accessibility in mind. Proper ARIA roles, keyboard navigation, and screen reader support.

Developer Experience

TypeScript support, intuitive APIs, and comprehensive documentation. Build faster with less friction.

Customizable

Powerful theming system with 25+ accent colors, 6 gray scales, and configurable radius and scaling.

React Native

Native components for iOS and Android. Works seamlessly with Expo and React Native CLI.

Open Source

Free and open source. MIT licensed. Built by the community, for the community.

​
Quick Example

import { ThemeProvider, Button, Text, Flex, Card, Heading } from 'radix-native-ui';

export default function App() {
  return (
    <ThemeProvider>
      <Card>
        <Flex direction="column" gap={3}>
          <Heading size={4}>Welcome</Heading>
          <Text>Build beautiful mobile apps with Radix Themes Native.</Text>
          <Button onPress={() => console.log('Pressed!')}>
            Get Started
          </Button>
        </Flex>
      </Card>
    </ThemeProvider>
  );
}

​
Component Categories

Layout

Box, Flex, Grid, Container, Inset

Typography

Text, Heading, Strong, Em, Code, Kbd, Link

Forms

Button, TextField, Checkbox, Radio, Switch, Select

Data Display

Avatar, Badge, Card, Progress, Spinner, Table

Navigation

Tabs, TabNav, SegmentedControl

Overlays

Dialog, Popover, Tooltip, DropdownMenu, Toast

Disclosure

Accordion

Utilities

AspectRatio, ScrollArea, VisuallyHidden, Slot

​
Resources

Getting Started

Learn the basics and set up your first project with Radix Themes Native.

Theming

Customize colors, typography, spacing, and more with the powerful theming system.

API Reference

Detailed API documentation for all components and hooks.

Examples

Real-world examples and patterns to help you build faster.

​
Credits

This project is a React Native port of the amazing Radix Themes library by the WorkOS team.
Special thanks to the original Radix UI team for creating such a beautiful and accessible design system.