No Package Mishaps

    nativewind
    TypeScript icon, indicating that this package has built-in type declarations

    2.0.11 • Public • Published

    NativeWind uses Tailwind CSS as high-level scripting language to create a universal design system. Styled components can be shared between all React Native platforms, using the best style engine for that platform (e.g. CSS StyleSheet or StyleSheet.create). It's goals are to to provide a consistent styling experience across all platforms, improving Developer UX, component performance and code maintainability.

    NativeWind processes your styles during your application build, and uses a minimal runtime to selectively apply reactive styles (eg changes to device orientation, light dark mode).

    In Action

    Features

    • Works on all RN platforms, uses the best style system for each platform.
    • Uses the Tailwind CSS compiler
    • Styles are computed at build time
    • Small runtime keeps your components fast
    • Babel plugin for simple setup and improving intellisense support
    • Respects all tailwind.config.js settings, including themes, custom values, plugins
    • dark mode / arbitrary classes / media queries
    • pseudo classes - hover / focus / active on compatible components
    • styling based on parent state - automatically style children based upon parent pseudo classes
    • children styles - create simple layouts based upon parent class

    Documentation

    All documentation is on our website https://nativewind.dev

    Install

    npm i nativewind

    DownloadsWeekly Downloads

    13,593

    Version

    2.0.11

    License

    MIT

    Unpacked Size

    188 kB

    Total Files

    134

    Last publish

    Collaborators

    • marklawlor