A collection of copy-paste React Native components built for Unistyles.
CraftReactNative 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.
- 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
npm install react-native-reanimated@^3 react-native-gesture-handler@^2 react-native-svg@^14 react-native-unistyles@^2Make sure you follow the documentation to configure your project and use these components.
Note: Migration to Unistyles v3 is currently in progress.
The fastest way to get started is with the CLI tool:
-
Initialize your project with themes and dependencies:
npx @craftreactnative/ui init
-
Add components to your project:
npx @craftreactnative/ui add Button npx @craftreactnative/ui add Avatar Card Slider
-
Start building with fully typed, theme-aware components!
You can also manually browse and copy components:
- Browse components in the demo app to see what's available
- Copy the component code and theme configuration from the source files
- Paste into your project and customize as needed
- Component Documentation - Detailed usage guides
- Unistyles Documentation - Learn about the styling library.
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.
Contributions are welcome! Please feel free to submit a Pull Request. Whether it's:
- Bug fixes
- New components
- Documentation improvements
- Example usage
MIT License - see the LICENSE file for details.