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

Project Activity

See All Activity >

License

MIT License

Follow stylex-jsx

stylex-jsx Web Site

Other Useful Business Software
Dragonfly | An In-Memory Data Store without Limits Icon
Dragonfly | An In-Memory Data Store without Limits

Dragonfly Cloud is engineered to handle the heaviest data workloads with the strictest security requirements.

Dragonfly is a drop-in Redis replacement that is designed for heavy data workloads running on modern cloud hardware. Migrate in less than a day and experience up to 25X the performance on half the infrastructure.
Learn More
Rate This Project
Login To Rate This Project

User Reviews

Be the first to post a review of stylex-jsx!

Additional Project Details

Programming Language

JavaScript

Related Categories

JavaScript Spreadsheet Software, JavaScript Application Servers

Registered

2021-08-25