The UI Toolkit for
React Native
A set of beautifully designed Expo components you can customize, extend, and build on. NativeWind & Uniwind. Open Source. Open Code.
Workflow
From zero to shipped in three commands.
- 01
Initialize
Set up your Expo project with your style engine and base color.
- 02
Add components
Copy only the components you need straight into your repo.
- 03
Make it yours
Edit the source and tweak theme tokens. It is all your code.
Developer experience
Familiar API. Native feel.
import { Button } from "@/components/ui/button"
import { Text } from "@/components/ui/text"
export default function Screen() {
return (
<Button onPress={() => console.log("hi")}>
<Text>Get started</Text>
</Button>
)
}Ownership
Copied into your repo
The CLI adds source files to your project, so you can read and change every line.
Styling
Tailwind classes on native
Style with NativeWind or Uniwind using the utility classes you already know.
Theming
Tokens, not hardcoded colors
Pick a style and base color, then adjust the theme in one place.
Why lvcn
Own your components. Ship faster.
01 / Open Code
Open Code
Components live in your repo. Edit, extend, and own every line — just like shadcn/ui.
02 / Engines
Style Engines
Choose NativeWind or Uniwind. Ten visual styles and nine base colors out of the box.
03 / CLI
CLI First
Scaffold projects and add components with and .
Library
Components
42 production-ready components for Expo.
Accordion
A vertically stacked set of interactive headings that each reveal a section of content.
Alert
Displays a callout for user attention.
Alert Dialog
A modal dialog that interrupts the user with important content and expects a response.
Aspect Ratio
Displays content within a desired ratio.
Avatar
An image element with a fallback for representing the user.
Badge
Displays a badge or a component that looks like a badge.
Bottom Sheet
A sliding drawer modal content layout that anchors at the bottom of the screen.
Breadcrumb
Displays the path to the current resource using a hierarchy of links.
Button
Displays a button or a component that looks like a button.
Calendar
A clean grid-based date picker calendar component optimized for React Native.
Carousel
A horizontal scrollable image or card slider with previous and next controls.
Card
Displays a card with header, content, and footer.