Developer-first React Native UI

Build modern React Native UI components with ease

Prizmux is a fully typed, production-ready component system for React Native. Zero dependencies, customizable, and ready for production.

Get Started GitHub

import { useState } from "react"
import { BottomSheet, Button } from "prizmux"
import { Text } from "react-native"

export default function App() {
  const [visible, setVisible] = useState(false)
  
  return (
    <>
      <Button 
        title="Open Sheet" 
        onPress={() => setVisible(true)}
      />
      
      <BottomSheet
        visible={visible}
        onClose={() => setVisible(false)}
        title="Example Sheet"
      >
        <Text>Your content here</Text>
      </BottomSheet>
    </>
  )
}

import { useState } from "react"
import { BottomSheet, Button } from "prizmux"
import { Text } from "react-native"

export default function App() {
  const [visible, setVisible] = useState(false)
  
  return (
    <>
      <Button 
        title="Open Sheet" 
        onPress={() => setVisible(true)}
      />
      
      <BottomSheet
        visible={visible}
        onClose={() => setVisible(false)}
        title="Example Sheet"
      >
        <Text>Your content here</Text>
      </BottomSheet>
    </>
  )
}

Why Choose Prizmux?

Zero dependencies

Lightweight components with no forced external libraries — bring your own icons, images, and navigation.

Fully typed

Built with TypeScript and shipped with `.types.ts` for a great developer experience.

Bring your own icons & images

Every icon and image slot accepts a `ReactNode` — use lucide, vector icons, or custom SVGs.

No navigation dependency

`HeaderWithBack` requires an `onBackPress` so you can use any navigation library you prefer.

No image library required

`ImagePreview` and `HeaderWithBack` accept ReactNode for images — no image package is bundled.

PhoneInput flags optional

Searchable country picker with ISO-code fallback; pass a `renderFlag` or use the built-in fallback.

Explore Components

Button

Versatile button with variants

Tap to see in dynamic island

Alert

Modal alert dialogs

Tap to see in dynamic island

FAB

Floating action button

Tap to see in dynamic island

BottomSheet

Slide-up panel

Tap to see in dynamic island

Toast

Floating notifications

Tap to see in dynamic island

Prizmux Card

Flexible container for any content.

Card

Flexible container

Tap to see in dynamic island

No Data Found

Try adjusting your filters.

EmptyState

Helpful placeholders

Tap to see in dynamic island

Home Screen

Page Content Placeholder

Header

Navigation headers

Tap to see in dynamic island

View Fullscreen

ImagePreview

Intuitive galleries

Tap to see in dynamic island

Phone Number

Auto-formatted by Prizmux

PhoneInput

International inputs

Tap to see in dynamic island