Introduction
Reactnatively is a premium React Native UI framework built around the Liquid Glass design philosophy. It brings adaptive blur surfaces, cinematic motion, and immersive visual depth to every component.
Installation
Add Reactnatively to your Expo or React Native project.
Glass Engine
Learn how the Liquid Glass rendering system works.
Theming
Customize tokens, colors, and material recipes.
Components
Explore all 80+ glass-native components.
What is Reactnatively?
Reactnatively is a monorepo of modular packages that together form a complete UI design system for React Native. Unlike traditional component libraries, Reactnatively is built around a rendering philosophy rather than a visual style. Every component understands glass. Every animation is physically grounded.
The framework ships with a complete glass rendering engine, design token system, 80+ components, motion system, and accessibility primitives through one primary package: reactnatively. Focused secondary APIs such as reactnatively/glassare available when you want narrower imports.
Packages
| Package | Description | Status |
|---|---|---|
| reactnatively | Full framework bundle | stable |
| reactnatively/glass | Liquid Glass rendering engine | stable |
| reactnatively/theme | Token system + theme engine | stable |
| reactnatively/animations | Spring presets + motion hooks | stable |
| reactnatively/hooks | Utility hooks | stable |
| reactnatively/primitives | Accessibility primitives | stable |
| reactnatively/utils | Shared utilities | stable |
Requirements
- React Native 0.73 or later (0.79+ recommended)
- Expo SDK 50 or later (SDK 53 recommended)
- React 18 or later
- react-native-reanimated 3.6+
- TypeScript 5.0+ (optional but strongly recommended)
Ready to get started?
Install Reactnatively in under 2 minutes.