[](https://github.com/typicode/mistcss/actions/workflows/node.js.yml)
npm install @techstack/mistcss-test
> Write React components using CSS only
MistCSS is a new, better and faster way to write visual components. ~~CSS-in-JS~~? Nope! JS-from-CSS 👍
View the site to learn more.
Supports Next.js, Remix and TailwindCSS. More to come.
Paragraph.mist.css
``css
@scope (.paragraph) {
p:scope {
color: black;
&[data-error] {
color: red;
}
}
}
`
App.jsx
`jsx
import { Paragraph } from 'Paragraph.mist'
export default const App = () => (
{/ 💥 TypeScript will catch errors /}
)
``
https://typicode.github.io/mistcss
C in CSS stands for cascade 🌊 → atomized water forms mist 🌫️ → MistCSS creates pure CSS atomic components 🌬️