CSSX
CSS-in-JS with actual CSS

Write CSS in React Native using... CSS!

🎨

Real CSS Syntax

Write CSS using familiar Stylus syntax with variables, mixins, and all CSS features — no JavaScript object notation

📱

React Native + Web

Same styles work on iOS, Android, and Web via react-native-web. Write once, run everywhere

🧩

Component Parts

Style internal elements of child components using :part() selectors, similar to CSS Shadow Parts

Dynamic CSS Variables

Use var(--name) with runtime updates. Change themes instantly and components re-render automatically

📐

8px Grid System

Built-in 'u' unit (1u = 8px) for consistent spacing following Material Design guidelines

🚀

Performance Caching

Optional style caching with teamplay prevents unnecessary re-renders for optimal performance