Full, scoped and component-friendly CSS support for JSX (rendered on the server or the client). Code and docs are for v3 which we highly recommend you to try. Looking for styled-jsx v2? Switch to the v2 branch. Blazing fast and optimized CSS rules injection system based on the CSSOM APIs. Full CSS support, no tradeoffs in power. Runtime size of just 3kb (gzipped, from 12kb). Complete isolation: Selectors, animations, keyframes. Built-in CSS vendor prefixing. Very fast, minimal and efficient transpilation. High-performance runtime-CSS-injection when not server-rendering. Future-proof, equivalent to server-renderable "Shadow CSS". Source maps support. Dynamic styles and themes support. CSS Preprocessing via Plugins. To skip scoping entirely, you can make the global-ness of your styles explicit by adding global. To make a component's visual representation customizable from the outside world there are three options.
Features
- Dynamic styles
- Server-side rendering
- External CSS and styles outside of the component
- CSS Preprocessing via Plugins
- Styles in regular CSS files
- Styles outside of components
Project Samples
