Skip to main content

Introduction

Ever wished you had the flexibility of utility-first styling in React Native, but with better maintainability, type-safety, and more developer freedom? Well, that's exactly what React Native Stylewind delivers! πŸŽ‰ With this library, you can enjoy dynamic style generation based on your custom theme, and still keep your styles clean, reusable, and highly maintainable.

Use utility styles for quick styling or leverage createStyle for more structured, theme-based styles. With full TypeScript support, you get the best of both worldsβ€”ease of use and robust, type-safe development.

✨ Features​

  • 🎨 Dynamic Theming – Utility styles are generated on the fly based on your theme.config.ts.
  • ⚑ Tailwind-Like Styling – Use familiar utility styles for a seamless styling experience.
  • πŸ› οΈ Highly Customizable – Define your own colors, spacing, typography, and more.
  • πŸ” Type-Safe – Full TypeScript support ensures your styles are always correct.
  • πŸš€ Real-Time Updates – Styles regenerate automatically when your theme changes.
  • πŸ›† Tree-Shaking for Performance – Unused styles get kicked out, keeping your bundle lean.
  • πŸ’‘ Flexible Usage – Use utility-first styles or createStyle with theme configurations.