> ## Documentation Index
> Fetch the complete documentation index at: https://docs.uniwind.dev/llms.txt
> Use this file to discover all available pages before exploring further.

# Pro Version

> Uniwind Pro: C++ engine, zero re-renders, native theme transitions, Reanimated 4 support, and priority access to the core team

<Card title="Try the Uniwind Pro Demo" icon="rocket" href="https://github.com/uni-stack/uniwind-pro-demo">
  See the C++ engine, ShadowTree updates, and native transitions in action. Clone the demo app (Expo SDK 54 / RN 0.83.5) and run it on your iOS simulator. No account required.
</Card>

## Overview

Uniwind comes in two versions: a **free MIT-licensed** version and a **Pro version** powered by the Unistyles C++ engine.

The free version gives you full Tailwind CSS v4 bindings, Expo Go support, and strong performance for most apps. Pro adds a native C++ layer that unlocks capabilities the JavaScript runtime cannot provide: zero re-render ShadowTree updates, Reanimated 4 className animations, native-thread theme transitions, and priority support from the core team.

## Feature Comparison

| Feature                  | Free Version                                             | Pro Version                             |
| ------------------------ | -------------------------------------------------------- | --------------------------------------- |
| **Tailwind CSS Support** | ✅ Full support                                           | ✅ Full support                          |
| **Theme System**         | ✅ Light, Dark, Custom                                    | ✅ Light, Dark, Custom                   |
| **Platform Selectors**   | ✅ iOS, Android, Web                                      | ✅ iOS, Android, Web                     |
| **CSS Parser**           | ✅ Included                                               | ✅ Included                              |
| **Expo Go Compatible**   | ✅ Yes                                                    | ❌ Requires dev client                   |
| **Performance**          | ⚡ Optimized JS engine                                    | 🚀 Native C++ engine                    |
| **Engine**               | JavaScript-based                                         | C++ with Unistyles engine               |
| **Shadow Tree Updates**  | Standard re-renders                                      | ✨ Zero re-renders                       |
| **Animation support**    | ❌ No translation layer, you need to use `style` property | ✨ Reanimated 4 support via `className`  |
| **Native Updates**       | ❌ Built in RN hooks                                      | ✨ All platform specific values from C++ |
| **Props Automapping**    | ✅ All RN components                                      | ✅ All RN components                     |
| **License**              | MIT & Commercial                                         | Commercial                              |
| **Support**              | Community                                                | ✨ Priority support                      |
| **Project Limit**        | Unlimited                                                | Unlimited                               |

## Free Version

The free version ships with full Tailwind CSS v4 bindings, Expo Go support, and everything you need to build and ship production React Native apps.

### What You Get

<Columns cols={2}>
  <Card title="Full Tailwind Bindings" icon="wind">
    Complete Tailwind CSS v4 support with all utility classes, variants, and customization options.
  </Card>

  <Card title="Solid Performance" icon="gauge-high">
    Optimized JavaScript engine with build-time style processing. Ships real apps to production today.
  </Card>

  <Card title="Expo Go Support" icon="mobile">
    Test your app instantly with Expo Go. No need for custom dev clients during development.
  </Card>

  <Card title="Complete Theming" icon="palette">
    Built-in support for color schemes, orientation, and responsive breakpoints.
  </Card>

  <Card title="MIT License" icon="scale-balanced">
    Use it in any project: personal, commercial, open source. No restrictions.
  </Card>

  <Card title="RN Style Props Automapping" icon="wand-magic-sparkles">
    All React Native components work seamlessly with className props.
  </Card>
</Columns>

## Pro Version

Pro adds a native C++ layer that gives you capabilities the JavaScript runtime cannot provide.

### What You Get Extra

<Columns cols={2}>
  <Card title="C++ Engine via Unistyles" icon="bolt">
    Styles are processed in native code. Your UI updates bypass re-renders in JavaScript.
  </Card>

  <Card title="Zero Re-renders" icon="sparkles">
    ShadowTree updates inject styles without waking React. 23 props update on the native thread with no re-render cycle.
  </Card>

  <Card title="Reanimated 4 via className" icon="wand-magic-sparkles">
    Drive animations and transitions from Tailwind classNames. No manual `useAnimatedStyle` wiring.
  </Card>

  <Card title="Native Theme Transitions" icon="palette">
    Fade, blur, slide, or circle-reveal between themes on the native thread. No flicker, no JS overhead.
  </Card>

  <Card title="Native Safe Area Insets" icon="mobile-screen">
    Safe area values, font scale, and platform metrics come from C++ directly. No React hooks, no re-renders.
  </Card>

  <Card title="Priority Support" icon="headset">
    Direct access to the core team. Faster response times and hands-on help with integration issues.
  </Card>
</Columns>

<Card title="View All Pro Features" icon="list-check" href="/pro/theme-transitions">
  Explore detailed documentation for all Pro features
</Card>

### Upgrade to Pro When You

* Build screens with feeds, lists, or live-updating data where re-renders create visible jank
* Need frame-perfect theme switching (dark mode toggles, white-label brand theming)
* Want to animate with Reanimated 4 using `className` instead of `useAnimatedStyle`
* Ship a white-label product where multiple themes must transition seamlessly
* Need direct access to the core team for production support

<Warning>
  **Note:** The Pro version requires a custom development build (EAS Build or bare React Native) and is not compatible with Expo Go.
</Warning>

## Benchmarks

Uniwind Pro delivers significantly better performance compared to the free version and other React Native styling solutions. We maintain comprehensive benchmarks to demonstrate real-world performance improvements.

<Card title="View Benchmarks" icon="chart-line" href="https://github.com/uni-stack/uniwind-benchmarks">
  Explore detailed performance comparisons and benchmark results
</Card>

<Info>
  The benchmark repository includes source code and results comparing Uniwind Free, Uniwind Pro, and other popular styling libraries.
</Info>

## Supporting Uniwind Development

We believe in giving back to the community, which is why Uniwind's core features are free and MIT-licensed. If Uniwind saves you time and helps you build better apps, consider supporting us:

### Why Support Us?

* 🛠️ **Active Development**: We're constantly improving Uniwind with new features and bug fixes
* 📚 **Quality Documentation**: Comprehensive guides and examples to help you succeed
* 💬 **Community Support**: Active community and GitHub discussions
* 🚀 **Future Innovation**: Your support enables us to push the boundaries of React Native styling

### Ways to Support

<CardGroup cols={2}>
  <Card title="Upgrade to Pro" icon="star" href="https://uniwind.dev/pricing">
    Get the best performance and priority support
  </Card>

  <Card title="Sponsor on GitHub" icon="heart" href="https://github.com/sponsors/jpudysz">
    Support development with a monthly contribution
  </Card>

  <Card title="Share Your Story" icon="bullhorn" href="https://x.com">
    Tell others how Uniwind helped your project
  </Card>

  <Card title="Contribute" icon="code-branch" href="https://github.com/uni-stack/uniwind">
    Help improve Uniwind with code contributions
  </Card>
</CardGroup>

## Making the Choice

Both versions share the same Tailwind CSS v4 API. The upgrade path is seamless: swap the package, keep your code.

The free version is production-ready and ships real apps today. Pro unlocks a different runtime: styles processed in C++, ShadowTree updates that skip React, and native-thread transitions. If your app does not need those capabilities yet, the free version is the right starting point.

## Frequently Asked Questions

<AccordionGroup>
  <Accordion title="Can I try Pro before buying?">
    Yes. We have a [public demo app](https://github.com/uni-stack/uniwind-pro-demo) you can clone and run on your iOS simulator right now. It demonstrates the C++ engine, ShadowTree updates, and native theme transitions with zero setup. No account or purchase required.
  </Accordion>

  <Accordion title="Can I upgrade from Free to Pro later?">
    Yes. The API is identical, so your existing code works without changes. Install the Pro package, configure your license, and you are done. See the [Migration Guide](/migrate-to-pro) for step-by-step instructions.
  </Accordion>

  <Accordion title="Is the free version truly unlimited?">
    Yes. The free version is MIT licensed. Use it in unlimited projects, commercial or personal. No restrictions.
  </Accordion>

  <Accordion title="What does priority support include?">
    Direct access to the core team with faster response times and priority issue resolution. We help with integration issues, architecture questions, and production debugging.
  </Accordion>

  <Accordion title="Can I use Pro in multiple projects?">
    Yes. Your Pro license covers unlimited projects within your organization.
  </Accordion>

  <Accordion title="Does Pro work with Expo Go?">
    No. Pro includes native C++ modules that require a custom development build. It works with EAS Build, bare React Native, and any CI pipeline that produces a dev client.
  </Accordion>
</AccordionGroup>

## Get Started

<CardGroup cols={2}>
  <Card title="Start Building" icon="rocket" href="/quickstart">
    Set up Uniwind in under 5 minutes
  </Card>

  <Card title="See Pro Features" icon="star" href="https://uniwind.dev/pricing">
    Pricing, demos, and the full feature breakdown
  </Card>
</CardGroup>