CraftReactNative UI

A collection of copy-paste React Native components built for Unistyles.

Overview

CraftReactNative UI provides production-ready React Native components designed specifically to work with Unistyles. Instead of installing a package, you copy the component code directly into your project, giving you full control and customization.

Note: This is a community project and is not officially affiliated with the Unistyles team.

Features

• Unistyles-optimized: Components leverage Unistyles' theming and performance benefits
• Copy-paste approach: Own your code, no dependency lock-in
• TypeScript: Fully typed components with IntelliSense support
• Theme-aware: Built-in dark/light mode support
• Customizable: Modify anything without breaking updates

Make sure you follow the documentation to configure your project and use these components.

Getting Started

The fastest way to get started is with the CLI tool:

1. Initialize your project with themes and dependencies:

bash npx @craftreactnative/ui init

1. Add components to your project:

bash npx @craftreactnative/ui add Button npx @craftreactnative/ui add Avatar Card Slider # or install all components at once npx @craftreactnative/ui add --all

1. Start building with fully typed, theme-aware components!

Alternative: Manual Setup

You can also manually browse and copy components:

1. Browse components in the demo app to see what's available
2. Copy the component code and theme configuration from the source files
3. Paste into your project and customize as needed

Documentation

• Component Documentation - Detailed usage guides
• Unistyles Documentation - Learn about the styling library.

Premium Templates

Ready-to-use complete screen implementations built with these components. Save development time with production-ready code that includes dark mode support and follows best practices.

Browse Templates →

Contributing

Contributions are welcome! Please feel free to submit a Pull Request. Whether it's:

• Bug fixes
• New components
• Documentation improvements
• Example usage

License

MIT License - see the LICENSE file for details.