Top 23 css-in-j Open-Source Projects
Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅Project mention: bURL: A tiny web app for breaking down URLs | dev.to | 2021-04-19
I'm thinking of quickly patching up the UI using a React component library like Ant Design or React Bootstrap. Then later we could go completely custom by using our own CSS. For CSS in a React app, I think a CSS-in-JS solution provides a good dev experience. So I'm thinking styled-components.
React Native Components and APIs for the WebProject mention: How do developers get their UI to look exactly the same on mobile and inside the browser? | reddit.com/r/AskProgramming | 2021-04-06
Or, you can build your web app using and components from React Native for Web, and now your presentational components work in both apps, too. That's how Twitter build their web and mobile apps, but using this library is a decision that needs to be made early in a product's development.
Scout APM - Leading-edge performance monitoring starting at $39/month. Scout APM uses tracing logic that ties bottlenecks to source code so you know the exact line of code causing performance issues and can get back to building a great product faster.
👩🎤 CSS-in-JS library designed for high performance style compositionProject mention: Can I have V8 with built-in JSX? | reddit.com/r/react | 2021-04-10
There are a lot of useful libraries, that wrap the jsx-function to define additional behaviour without needing to reimplement react or jsx. Emption is one such example (here's the code). You'd loose these
Project mention: An amazing template for your React application | dev.to | 2021-04-12
To lint css code, stylelint is used. The linter checks your code for typos and spelling mistakes. To run the linter, you can use yarn lint:css script
Zero-runtime CSS in JS libraryProject mention: Why I moved from Styled Components to (S)CSS modules | dev.to | 2021-04-15
In future, I might try out libraries like Linaria which, during coding have the exact same API as styled-components, but the runtime is completely removed on build and the CSS is extracted into separate CSS files, which is super DOPE!!! 🤓
⬢ Style props for rapid UI developmentProject mention: tizz - twitch viewership metrics FE + API built with next.js, express, postgres | reddit.com/r/reactjs | 2021-04-04
I think you'd really enjoy Styled System after reading your remarks on styled components. They go great together and solve the problems you are talking about.
Full CSS support for JSX without compromisesProject mention: Trying to implement language injection for template literals: CSS inside of ` ` | reddit.com/r/Atom | 2021-03-31
I've already mentioned Emotion, but other CSS-in-JS libraries to check out include Styled Components, JSS, Theme-UI, Radium, and Aprhodite.
Nice work. Huge fan of this myself — let's me write emotion style syntax with tailwind and also adds a handy `tw` attribute for simple non-conditional/non-advanced styling.
A powerful toolkit for building websites with beautiful designProject mention: Typography.js installation workflow | reddit.com/r/reactjs | 2021-04-16
 https://www.styletron.org/  https://baseweb.design/blog/getting-started-with-styletron#getting-started-with-styletron
CSS-in-JS with near-zero runtime, SSR, multi-variant support, and a best-in-class developer experience.Project mention: I made a video going over getting SSR and TailwindCSS setup in a Headless WP environment with NextJS. I hope it helps! | reddit.com/r/ProWordPress | 2021-03-31
Nice. Have you seen Stitches? Together with Radix UI it's the foundation of Modulz, "Gutenberg for React" or "Figma with code" basically. Could be huge in a year or two from now..
Inline style system for React and Preact
🥜 goober, a less than 1KB 🎉 css-in-js alternative with a familiar APIProject mention: Show HN: Goober.rocks | news.ycombinator.com | 2021-03-20
A familiar and performant compile time CSS-in-JS library for React.Project mention: A familiar and performant compile time CSS-in-JS library for React | news.ycombinator.com | 2021-03-21
The smallest, fastest, most feature complete Tailwind-in-JS solution in existence.Project mention: How to reproduce Death Stranding UI with react and react-three-fiber | dev.to | 2021-04-15
twind (styling solution based on Tailwind)
Priceline.com Design SystemProject mention: 5 Underrated React Design Systems for 2021 | dev.to | 2021-02-18
a color parsing and manipulation lib served in roughly 2kB
React components to add reveal animations using the Intersection Observer API and CSS Animations.Project mention: I made Starbucks ! 🚀🔥 | reddit.com/r/reactjs | 2021-01-27
Here is the GitHub repo if your interested https://github.com/dennismorello/react-awesome-reveal
🛍 A real-world Shopping Cart built with TypeScript, NextJS, React, Redux, Apollo Client, Shopify Storefront GraphQL API, ... and Material UI.Project mention: Trying to build a site using Shopify, Gatsby, and anything else | reddit.com/r/gatsbyjs | 2021-01-09
This example repo has been up for 2 years.
Use Tailwind with any CSS-in-JS libraryProject mention: Tailwind but not purgeCSS, and be friendly with other frameworks | dev.to | 2020-10-15
bradlc / babel-plugin-tailwind-components
What are some of the best open-source css-in-j projects? This list will help you: