React Native Perfect UI

A React Native tool for creating pixel perfect UI components.

Documentation • Report Bug • Request Feature

Features

• 🎨 Instant Design / UI comparison
• 🖥️ Desktop client for better dev experience
• 🔧 Easy integration

Installation

1. Install the React Native component:

npm install react-native-perfect-ui

2. Place the Overlay component in your app's layout file:

// app/_layout.tsx
import { PerfectUiOverlay } from "react-native-perfect-ui";

export default function RootLayout() {
    return (
        <ThemeProvider value={colorScheme === 'dark' ? DarkTheme : DefaultTheme}>
            <Stack>
                <Stack.Screen name="(tabs)" options={{ headerShown: false }} />
            </Stack>
            <StatusBar style="auto" />
            {__DEV__ && <PerfectUiOverlay />}
        </ThemeProvider>
    );
}

3. Download Perfect UI's Desktop Client
   

Contact

• 𝕏 Follow me on X