CSS-in-JS — 15 sites
15 SaaS websites using CSS-in-JS
SaaS websites built with CSS-in-JS (styled-components, Emotion, etc.). See how teams shipping on CSS-in-JS (styled-components, Emotion, etc.) design their landing pages, sections and overall visual style — useful if you're evaluating CSS-in-JS (styled-components, Emotion, etc.) for your own marketing site.
About CSS-in-JS
CSS-in-JS libraries (styled-components, Emotion, and similar) let a team write component-scoped styles directly alongside the component's JavaScript rather than in a separate stylesheet, which was especially popular before Tailwind's utility-first approach became the more common default for new projects. A site using this approach today is more often one built during that earlier period — or one whose team specifically prefers colocating styles with logic per component — and it's functionally invisible to a visitor either way, since like Tailwind, it compiles down to ordinary CSS in the shipped page.
What makes a great one
- Consistent, component-scoped design that suggests a mature design system
Frequently asked
- Can you tell from the outside that a site uses CSS-in-JS?
- No — it's a development-time authoring choice that compiles to regular CSS in the final page, invisible to anyone but a developer inspecting the generated class names or bundle.