#CSSinJS
LightNews LightNews
yug1224.com
StyleXをベースにshadcn/uiをCSS-in-JS環境へ移植した便利なライブラリっぽい
Tailwindを使わずに同じようなコンポーネント設計ができて試したい

yug1224 starred shadcn-labs/shadcn-cssinjs
https://github.com/shadcn-labs/shadcn-cssinjs
GitHub - shadcn-labs/shadcn-cssinjs: CSS-in-JS port of shadcn/ui, built on StyleX
github.com
September 15, 2026 at 8:04 PM
kctluisa.bsky.social
Queria saber tbm viu, mas CssInJS certo que não é
September 8, 2024 at 10:08 PM
technews4869.bsky.social
www.shadcn-cssinjs.com/
shadcn-cssinjs
shadcn-cssinjs
www.shadcn-cssinjs.com
September 15, 2026 at 7:54 PM
codista.trampardecasa.com.br
O que será que é mais performático?

- CssInJS
- CSS "puro"
- SASS Compilado (CSS)
- Tailwind

Queria ver algum benchmark entre eles, embora acredite que seja difícil comparar porque o Tailwind tem "tree-shaking" nativo, o que deixa ele meio apelão
September 8, 2024 at 9:57 PM
alecell.bsky.social
Vou fazer esse benchmark

Meu palpite é que CSS, Tailwind e SASS vão da na mesma e CSSinJS vai tomar pau
codista.trampardecasa.com.br Codista @codista.trampardecasa.com.br · Sep 8
O que será que é mais performático?

- CssInJS
- CSS "puro"
- SASS Compilado (CSS)
- Tailwind

Queria ver algum benchmark entre eles, embora acredite que seja difícil comparar porque o Tailwind tem "tree-shaking" nativo, o que deixa ele meio apelão
September 8, 2024 at 11:35 PM
technews4869.bsky.social
github.com/shadcn-labs/sha...
GitHub - shadcn-labs/shadcn-cssinjs: CSS-in-JS port of shadcn/ui, built on StyleX
GitHub - shadcn-labs/shadcn-cssinjs: CSS-in-JS port of shadcn/ui, built on StyleX
github.com
September 15, 2026 at 7:54 PM
logm3901.bsky.social
Devup UI now officially supports vanilla-extract 🎉

css.ts / css.js works without the vanilla-extract plugin
Just the Devup UI Next.js plugin.
Zero runtime cost
Near-zero migration
Static CSS extraction

Repo 👉 github.com/dev-five-git...
#DevupUI #vanillaExtract #Nextjs #CSSinJS
January 14, 2026 at 3:05 PM
maciekchmura.bsky.social
JS vs TS
Webpack
CSSinJS
😂
December 12, 2024 at 7:53 PM
bm.wel.by
This week I saw a team show off their storybook version of govuk react that wasn't this one. When I asked why they were rolling their own they said this hasn't been touched for two years. Is this dead because departments are all rolling their own or did the team overlook something that is public?
GOV.UK React | Showcase | Storybook
An implementation of the GOV.UK Design System in React using CSSinJS
share.google
February 28, 2026 at 11:19 AM
jay52-tx.bsky.social
Styleframe: TypeScript #CSS API for Writing Design System Code — Among other features, it’s framework-agnostic || #WebDev #FrontendDev #CSSinJS bit.ly/4aFTgSr
Styleframe: TypeScript #CSS API for Writing Design System Code
Write type-safe, composable, future-proof Design Systems code using styleframe's powerful TypeScript CSS API. - styleframe-dev/styleframe
bit.ly
February 12, 2026 at 10:01 PM
frontenddogma.com
CSS-in-JS: The Great Betrayal of Frontend Sanity, by @thenewstack@hachyderm.io:

https://thenewstack.io/css-in-js-the-great-betrayal-of-frontend-sanity/

#cssref="/hashtag/cssinjs" class="hover:underline text-blue-600 dark:text-sky-400 no-card-link">#cssinjs #css #javascript #performance #dx
CSS-in-JS: The Great Betrayal of Frontend Sanity
CSS-in-JS promised simplicity but delivered performance issues. Learn why ditching it for native CSS solutions leads to faster, more maintainable web apps.
thenewstack.io
November 28, 2025 at 8:13 PM
baxin.bsky.social
used #NotebookLM + #Genspark to generate alternatives of
@StyledCSS

github.com/koji/alterna...
#cssinjs #typescript #js
GitHub - koji/alternatives-of-styled-components
Contribute to koji/alternatives-of-styled-components development by creating an account on GitHub.
github.com
April 6, 2025 at 12:28 AM
minahilakhtar.bsky.social
JS lets you call functions with backticks! 🤯

subscribe`Status: ${true}!`; // tagged template 🏷️

Used in styled-components to write CSS in JS 🎨

const Btn = styled.button`
background: ${p => p.primary ? "blue" : "gray"};
`;
#JavaScript #WebDev #CSSinJS 💡
September 30, 2025 at 5:36 PM
pablolarah.bsky.social
🔵🔴 CSS in React Server Components
by Josh W. Comeau @JoshWComeau
#CSSinJS #React #webdev

www.joshwcomeau.com/react/css-in...
Magenta, cyan and yellow texts superposed on lilac background: CSS in React Server Components
April 15, 2024 at 10:37 PM
g12n.de
And then or course comes the point of "Oh, we need these for the second brand here. Let's just change the font family and make it a bit bigger."
Answer in CSS: "Three declarations in the :root selector"
Answer because of CSSinJS: "Oh, that's a project of three months. Need to change all components."
November 30, 2025 at 7:05 PM
megrim.bsky.social
いまはCSSinJS採用してるからいつかはCSSフレームワークをリプレースしなきゃいけないんだけど、Tailwindが好きじゃないのでパッと良い案が思い浮かばない。まあ(ウチでも採用してる)MUIがどう出るかに合わせていく選択にするか？ MUIも捨ててくっていうのも長期的にはあるかもだけど
March 23, 2025 at 9:51 AM
k4n.bsky.social
Freshを触っているけど、PreactベースでかつDenoなのでCSSinJSなどが対応していなくて、ピュアなCSSを書きにくい・・・
talwindcssに対応したからそれを使えばいいんだろうけどCSSの勉強もしたいから生で書きたかった。VueやSvelteのコンポーネントに閉じてCSSかけるのがいかに開発体験がいいかがわかる。
June 23, 2024 at 4:36 AM
technews4869.bsky.social
<a href="https://zenn.dev/tamon_kondo/articles/2c029b82ce7c8c" class="hover:underline text-blue-600 dark:text-sky-400 no-card-link" target="_blank" rel="noopener" data-link="bsky">zenn.dev/tamon_kond...
Reactとstyled-componentsで簡易的なアコーディオンを作ってみた
Reactとstyled-componentsで簡易的なアコーディオンを作ってみた
ReactとCSSinJSの学習として、アコーディオンを簡易的に作ってみました。 結論 色んな入門動画を見ながら一通りReactを触っていましたが、実際に自分で一から作るとなると中々うまくはいきませんでした。 使用言語 React TypeScript styled-components 実際のコード…
zenn.dev
July 11, 2024 at 9:35 AM
archive.macwright.com
@oleg008 @thecristen per your bio, seems rational to assume you're a fan of cssinjs (and also the creator). i don't view css and js as the same kind of thing - more js is inevitable as an application grows, more css isn't. systems for managing growth are good but i try to avoid it in the first (...)
February 28, 2025 at 3:45 PM
zombarista.io
Observation: #CSSinJS is happening because people don't know CSS.
December 9, 2024 at 11:59 PM
diydevs.bsky.social
The team behind styled-components has announced the project is entering maintenance mode. The team also recommends against adopting styled-components for new projects. Here’s the full update: opencollective.com/styled-compo...

#StyledComponents #CSSinJS #WebDev #React
Thank you - styled-components
First and foremost, thank you to everyone who has contributed to styled-components over the years. Open Source is hard work, and many of the larger feature and/or refactoring drives probably would nev...
opencollective.com
April 9, 2025 at 2:31 PM
jay52-tx.bsky.social
#xstyled 4.1 – Utility-first CSS-in-JS framework for React || #ReactJS #CSSinJS #WebDevelopment bit.ly/4rcAAiy
xstyled 4.1 – Utility-first CSS-in-JS framework for React
A utility-first CSS-in-JS framework built for React. 💅👩‍🎤⚡️ - styled-components/xstyled
bit.ly
January 29, 2026 at 10:01 PM
mintuz.com
Don’t get attached to libraries because they aren’t guaranteed to last but the ideas behind them will last if they prove to be useful. #nodejs #javascript #React #redux #cssinjs
November 12, 2024 at 12:49 PM
handle.invalid
E deixa o cssInJs só pro que for realmente muito dinâmico, ou ajustes inline de margin que as vezes fazem sentido, coisa do tipo
August 7, 2025 at 8:59 PM
pablolarah.bsky.social
🟤🟡 Exploring the shift from CSS-in-JS to headless UI libraries
by Elijah Asaolu @asaolu_elijah at @LogRocket
#cssinjs #headless #webdev

blog.logrocket.com/exploring-sh...
Brown text on yellow background: Exploring the shift from CSS-in-JS to headless UI libraries
January 2, 2024 at 10:16 PM