What is Fluffle?

Fluffle is a styling library for React Native that brings advanced styling capabilities inspired by Sass and CSS, while fully respecting the native React Native paradigm.

Fluffle enhances the styling process and productivity by allowing you to write styles that are:

• More expressive
• More maintainable
• More scalable

Available today

• Typed StyleSheet API – Full TypeScript support with strict typing
• Nested styles – Organize styles hierarchically, similar to Sass
• rem units – Use scalable units like fontSize: "1.5rem"
• Colors API – Define colors in modern color spaces like OKLCH with built-in helpers

Upcoming features

• Shorthand properties – Object-based syntax for spacing and layout and more powerful shorthands
• Mixins – Reusable style composition via $include

This library is compatible with both the Expo CLI and React Native CLI , giving developers flexibility across different project setups.

For new projects, we recommend using the Expo CLI. It simplifies the development experience by abstracting much of the native configuration typically required when working directly with the React Native CLI.

This recommendation also aligns with the official React Native guidance, which suggests starting with a framework like Expo for faster setup and a smoother developer experience.

For more information, check the React Native environment setup documentation.