A familiar and performant compile time CSS-in-JS library for React made by @atlassian.

Sydney, Australia
Joined February 2021
Hello! Sort of. The dynamic declarations that can't be statically extracted will be powered by CSS variables which aren't supported in IE11.
...for those wanting to see more — you can see CSS being used in this example compiledcssinjs.com/docs/api…
5
Create styles that can be re-used between components with "CSS", now available. + @​compiled/[email protected] ✨ + @​compiled/[email protected] ✨ compiledcssinjs.com/docs/api…
2
4
16
Interested in learning more? Have a read of this thread past: xitter.cf/compiledcss/status/137…
Experimental style extraction now available for Webpack 5! Try it today. ✅ Extract styles from your app ✅ Extract styles from node modules ✅ Atomic style sheet ✅ Style sheet minification compiledcssinjs.com/docs/css… 🧵👇 #javascript #cssinjs #reactjs #webdev #css #programming
1
1
Have we got your attention? Try it out yourself! Installation docs here compiledcssinjs.com/docs/ins… Extraction docs here compiledcssinjs.com/docs/css… Replies here 👇
1
1
Can you tell the difference between these two images? 👇🤔 No? Well, we'd hope not! Left = styles in JS 🎂 Right = styles extracted to CSS 🌋 compiledcssinjs.com landing page now with extracted styles. #cssinjs #react #webdev
1
6
1
27
😊
Australia is such a CSS innovation hub. CSS Modules, Styled Components, @compiledcss, treat, vanilla-extract. Anything else?
1
4
Few bug fixes went out for the webpack loader! Now working much better, and also working a treat with Webpack 4 for CSS extraction. + @​compiled/[email protected] ✨ Give it a go and let us know how you went? #cssinjs #javascript #webdev #react
1
7
9
Yep you can write regular CSS in the template literals. Every API takes template literals, objects, and arrays. See: compiledcssinjs.com/docs/pkg…
Replying to @KnitterGirl39
Hello! In the short term no. Open to it in the future however.
1
No data for you right now unfortunately! Hopefully in the future. No plans for rollup at this time, would take a contribution however ☺️
2
If you're interested in trying something new why not give the library a try! We're interested in hearing your feedback as well as any bugs you've found during use. 👉 npm i @​compiled/react @​compiled/webpack-loader ALL THE BEST!! ❤️❤️🎉
1
5
And most importantly, styles from node modules are extracted (and stripped) as well! Import a component from your favorite component library or design system, and it's extracted! HOW AWESOME IS THAT!?
2
7
Finally, styles are extracted to a static style sheet. It's currently extracted to a single style sheet, but we're planning on enabling code split styles later on.
1
1
1
8
Next, the runtime is stripped away. This is most noticeable when looking through React DevTools! It's ALL removed!
2
8
This is one of the features we've been most excited to implement. Let's talk about what it all means! Style your components exactly as you've done before. The APIs, style composition, conditional styles, it's all there! Nothing needs to change, even when extracting your styles.
1
9