;

Typing & Intellisense

Fluffle is designed to work smoothly with TypeScript, giving you strong typing and editor autocomplete when building styles.

Typed style definitions

Use StyleSheet.create to define styles with full type safety. Style keys and nested objects are inferred automatically.

ts 
import { StyleSheet } from '@bibliolab/react-native-fluffle';

const styles = StyleSheet.create({
  card: {
    container: {
      padding: '1rem',
      backgroundColor: '#fff',
    },

    title: {
      fontSize: '1.25rem',
      fontWeight: '700',
    },
  },
});

styles.card.container;
styles.card.title;

Autocomplete & validation

Fluffle’s type definitions help your editor suggest supported style properties and catch invalid values before runtime.

  • Property names are autocompleted for React Native styles
  • rem strings are accepted where supported
  • Nested style access is strongly typed
  • Invalid properties or value types raise compile-time warnings

Better developer experience

With TypeScript support, you can build reusable styles with confidence, while your editor helps you discover style names, nested branches, and supported values.