Powerful document editing and collaboration in your app or environment. Ultimate security, API and 30+ ready connectors, SaaS or on-premises Learn more →
Similar projects and alternatives to vanilla-extract
CSS-in-JS with near-zero runtime, SSR, multi-variant support, and a best-in-class developer experience.
A utility-first CSS framework for rapid UI development.
Appwrite - The Open Source Firebase alternative introduces iOS support . Appwrite is an open source backend server that helps you build native iOS applications much faster with realtime APIs for authentication, databases, files storage, cloud functions and much more!
Zero-runtime CSS in JS library
Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅
A fully featured React components library
A familiar and performant compile time CSS-in-JS library for React.
⬢ Style props for rapid UI development
Access the most powerful time series database as a service. Ingest, store, & analyze all types of time series data in a fully-managed, purpose-built database. Keep data forever with low-cost storage and superior data compression.
The instant on-demand atomic CSS engine.
Workgroup for React 18 release.
Class Variance Authority
Next generation frontend tooling. It's fast!
The all-in-one web framework designed for speed. ⭐️ Star to support our work!
⭐️ ⭐️ ⭐️ ⭐️ ⭐️ The most popular, free and open-source Tailwind CSS component library
👩🎤 CSS-in-JS library designed for high performance style composition
Sass makes CSS fun!
The frontend, backend, and content source code for web.dev
Functional css for humans
a better universal ui system
Mobile UI components made with Tailwind CSS
ONLYOFFICE Docs — document collaboration in your environment. Powerful document editing and collaboration in your app or environment. Ultimate security, API and 30+ ready connectors, SaaS or on-premises
vanilla-extract reviews and mentions
What am I missing out about Tailwind?
2 projects | reddit.com/r/reactjs | 2 May 2023
To be fair, I don't like Tailwind either but styled-components is runtime CSS, Tailwind is compile time. You can achieve the same thing via CSS modules or vanilla-extract though.
Building a Type-Safe Tailwind with vanilla-extract
3 projects | dev.to | 27 Apr 2023
We believe we’ve found a great middle ground to this by using vanilla-extract’s Sprinkles to build some utilities that can be used to generate and apply utility classes via a prop-based API (… instead of ...). This gives us complete control over our API out of the box to ensure we only introduce classes we need and ensures developers don’t accidentally apply a class that doesn’t exist. It also provides nice intellisense for prop names and values.
Ask HN: Overwhelmed by CSS Frameworks, Help
2 projects | news.ycombinator.com | 6 Mar 2023
> I really just want nice pre-built components to use.
> Every single new framework has so many edge cases that just wear you down. Styled Components and Emotion seemed so great, but just so many freaking edge cases, and perf issues.
It seems like you're talking about two different things, you say you want pre-built components but then you say you're using Tailwind, Styled Components and Emotion which are simply ways of writing CSS differently, not based on pre-built components.
Personally I like using Vanilla Extract which uses TypeScript instead of Sass and then compiles down to CSS so no runtime cost like Styled Components and Emotion.
I use it with Radix UI which has headless components I can then style pretty easily.
If you want purely pre-built components, you could try something like Tamagui which apparently is quite fast too.
Konsta UI – Mobile UI Components Built with TailwindCSS
12 projects | news.ycombinator.com | 23 Feb 2023
What is it about everyone using Tailwind? It inevitably becomes a mess in every codebase I've used it in; it's like Perl, a write only language.
I just use Vanilla Extract (with their Sprinkles API) and call it a day, it uses TypeScript as the preprocessor language and then compiles it to raw CSS, similar to SCSS but without writing SCSS.
Tried SCSS and now I don't want to ever go back to writing plain CSS again.
3 projects | reddit.com/r/webdev | 22 Feb 2023
Wait until you try Vanilla Extract and are able to use TypeScript to compile down into CSS rather than SCSS, which I always found a little more awkward than TypeScript.
what's the best way for styling our components in react?
3 projects | reddit.com/r/reactjs | 11 Feb 2023
my favorite approach right now is vanilla extract
The Future of CSS
7 projects | dev.to | 9 Feb 2023
Side Note - Vanilla Extract
Just started learning about styled-components, as a vanilla css user, can someone explain some things about styled-components?
2 projects | reddit.com/r/reactjs | 4 Feb 2023
If you are coming from css modules then I would recommend to check https://vanilla-extract.style/ instead. Like CSS modules but written in TypeScript. StyledComponents are quite heavy on runtime and in general.2 projects | reddit.com/r/reactjs | 4 Feb 2023
If you definitely want a CSS-in-JS solution (and are you sure that's what you want?) you might have a better time with Vanilla Extract. https://vanilla-extract.style/
What are ways we can integrate our designers into our React projects?
2 projects | reddit.com/r/reactjs | 3 Feb 2023
Define strict system of colors, spaces, etc then attempt to synchronize usage of it in both design and code (tools like https://vanilla-extract.style/ or https://stitches.dev/ can help with enforcing system on software side)
A note from our sponsor - ONLYOFFICE
www.onlyoffice.com | 30 May 2023
vanilla-extract-css/vanilla-extract is an open source project licensed under MIT License which is an OSI approved license.
The primary programming language of vanilla-extract is TypeScript.