CSSX

CSS-in-JS with actual CSS syntax

Features:

• Write CSS inside JS files using the actual CSS syntax
• Supports both Web and React Native
• Override styles of parts of the component from the outside using :part()
• Dynamic CSS Variables (var(--foo-bar))
• Automatic styles caching (prevents unnecessary re-renderings)
• Stylus support
• Theming
• Customizable style system based on Material Design guidelines (8px grid)

Installation

For installation and documentation see cssx.dev

VS Code Extension

Install the following extension for full CSSX support with Pug and CSS/Stylus in style or style(lang='styl') tags:

vscode-react-pug-tsx

License

MIT