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"

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, providing flexibility for developers across a variety of project setups. For new projects, we recommend using the Expo CLI, as it simplifies the development process by abstracting much of the configuration typically required when using the React Native CLI. This approach aligns with the guidance provided in the official React Native documentation, which suggests starting with a framework like Expo for ease of use and faster setup. For more details, you can explore the React Native environment setup guide.