Introduction

Learn about Prizmux and why you should use it

Prizmux is a developer-first React Native component system designed for building production applications with speed and confidence. It provides a collection of battle-tested, fully-typed components that focus on zero unnecessary dependencies and maximum flexibility.

Why Prizmux?#

Building production-grade React Native applications often means dealing with complex component libraries that bring along heavy dependencies and inflexible designs. Prizmux takes a different approach.

✨ Zero Unnecessary Dependencies#

Every component in Prizmux is built with minimal dependencies. We believe in shipping less JavaScript, which means faster apps and fewer version conflicts.

📘 Fully Typed#

Complete TypeScript support means better IDE autocomplete, fewer runtime errors, and improved developer experience. All props are fully documented and type-safe.

🎨 Bring Your Own Design#

Don't like our icon choice? No problem. Prizmux lets you bring your own icon library and design tokens. Full control over your component appearance.

⚡ Production Ready#

Used in production by developers building real applications. Components handle edge cases, support accessibility, and work across different React Native platforms.

Component Library#

Prizmux includes a collection of essential, composable components:

Button — Flexible button component with multiple variants and sizes

Card — Composable card for flexible content grouping

Bottom Sheet — Smooth, customizable bottom sheet modal

FAB — Floating Action Button for primary actions

Alert — Modal alert dialogs with customizable content

Toast — Temporary notification system with swipe gestures

Image Preview — Image gallery with native touch gestures

Header with Back — Navigation header with back navigation

Empty State — Placeholder component for empty data states

Phone Input — Formatted international phone number input

Philosophy#

We believe component libraries should be:

  1. Lightweight — Dependencies add bloat and maintenance burden
  2. Flexible — Adapt to your design, not the other way around
  3. Explicit — Clear, predictable APIs without hidden magic
  4. Accessible — Support screen readers and keyboard navigation
  5. Typed — TypeScript support out of the box

Who Should Use Prizmux?#

Prizmux is perfect for teams and developers:

  • Building production React Native applications
  • Creating scalable design systems
  • Valuing minimal dependencies and bundle size
  • Wanting full control over component behavior
  • Targeting multiple platforms (iOS, Android, Web)

Next Steps#

Ready to get started? Check out the Installation Guide to add Prizmux to your project, or explore the Components section to see what you can build.