@@ -37,22 +37,19 @@ Compile-time Tailwind CSS for React Native with zero runtime overhead. Transform
3737
3838## Features
3939
40- - ⚡ ** Zero runtime overhead** — All transformations happen at compile time
41- - 🔧 ** No dependencies** — Direct-to-React-Native style generation without tailwindcss package
42- - 🎯 ** Babel-only setup** — No Metro configuration required
43- - 📝 ** TypeScript-first** — Full type safety and autocomplete support
44- - 🚀 ** Optimized performance** — Compiles down to ` StyleSheet.create ` for optimal performance
45- - 📦 ** Small bundle size** — Only includes actual styles used in your app
46- - 🎨 ** Custom colors** — Extend the default palette via ` tailwind.config.* `
47- - 📐 ** Arbitrary values** — Use custom sizes and borders: ` w-[123px] ` , ` rounded-[20px] `
48- - 🔀 ** Dynamic className** — Conditional styles with hybrid compile-time optimization
49- - 🏃 ** Runtime option** — Optional ` tw ` template tag for fully dynamic styling (~ 25KB)
50- - 🎯 ** State modifiers** — ` active: ` , ` hover: ` , ` focus: ` , and ` disabled: ` modifiers for interactive components
51- - 📱 ** Platform modifiers** — ` ios: ` , ` android: ` , and ` web: ` modifiers for platform-specific styling
52- - 🌓 ** Color scheme modifiers** — ` dark: ` and ` light: ` modifiers for automatic theme adaptation
53- - 🎨 ** Scheme modifier** — ` scheme: ` convenience modifier that expands to both ` dark: ` and ` light: ` variants
54- - 📜 ** Special style props** — Support for ` contentContainerClassName ` , ` columnWrapperClassName ` , and more
55- - 🎛️ ** Custom attributes** — Configure which props to transform with exact matching or glob patterns
40+ - ** ⚡ Zero Runtime Overhead** - All transformations happen at compile time
41+ - ** 🔧 No Dependencies** - Direct-to-React-Native style generation without tailwindcss package
42+ - ** 🎯 Babel-only Setup** - No Metro configuration required
43+ - ** 📝 TypeScript-first** - Full type safety and autocomplete support
44+ - ** 🚀 Optimized Performance** - Compiles down to StyleSheet.create for optimal performance
45+ - ** 🔀 Dynamic className** - Conditional styles support with compile-time optimization
46+ - ** 📦 Small Bundle Size** - Only includes actual styles used in your app
47+ - ** 🎯 State Modifiers** - ` active: ` , ` hover: ` , ` focus: ` , and ` disabled: ` modifiers for interactive components
48+ - ** 📱 Platform Modifiers** - ` ios: ` , ` android: ` , and ` web: ` modifiers for platform-specific styling
49+ - ** 🌓 Color Scheme Modifiers** - ` dark: ` and ` light: ` and ` scheme: ` modifiers for automatic theme adaptation
50+ - ** 🎨 Custom Colors** - Extend the default palette via tailwind.config.\*
51+ - ** 📐 Arbitrary Values** - Use custom sizes and borders: ` w-[123px] ` , ` rounded-[20px] `
52+ - ** 📜 Special Style Props** - Support for ` contentContainerClassName ` , ` columnWrapperClassName ` , and more
5653
5754## Demo
5855
0 commit comments