stitches VS theme-ui

Compare stitches vs theme-ui and see what are their differences.

stitches

CSS-in-JS with near-zero runtime, SSR, multi-variant support, and a best-in-class developer experience. (by modulz)

theme-ui

Build consistent, themeable React apps based on constraint-based design principles (by system-ui)
Our great sponsors
  • Syncfusion - See why our products are consistently getting 4.6 out of 5 stars by your peers.
  • Scout APM - A developer's best friend. Try free for 14-days
  • Nanos - Run Linux Software Faster and Safer than Linux with Unikernels
stitches theme-ui
13 6
3,940 4,012
13.2% 2.3%
9.6 9.8
8 days ago 8 days ago
JavaScript TypeScript
MIT License MIT License
The number of mentions indicates the total number of mentions that we've tracked plus the number of user suggested alternatives.
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.

stitches

Posts with mentions or reviews of stitches. We have used some of these posts to build our list of alternatives and similar projects. The last one was on 2021-10-14.
  • Decent CSS-in-JS libraries for React Native?
    No hate to Styled Components, but I've become quite fond of libraries like Stitches and Vanilla Extract CSS with my React projects. So I'm wondering if there are any similar ones for RN?
  • Renderless Component Libraries?
    reddit.com/r/vuejs | 2021-10-10
    Along with Stitches (https://stitches.dev/) I have not come across a more powerful and expressive combination to create anything I want.
  • Had fun playing with Vue + JSX + Stitches
    reddit.com/r/vuejs | 2021-09-05
  • Any recommended React Wordpress Boilerplates? I would like to transition from _underscores into the future and go Headless.
    reddit.com/r/Wordpress | 2021-08-08
    I'm not a big fan of Styled Components / Emotion because of the runtime performance overhead, but if you use Frontity you have to deal with it, you can't use anything else like TailwindCSS or Stitches – those are the best UI frameworks for React imo.
  • Can anyone recommend any React Design Methodologies?
    reddit.com/r/reactjs | 2021-07-12
  • Do you use a CSS framework with React or you like vanilla CSS?
    reddit.com/r/react | 2021-06-24
    I just discovered https://stitches.dev a few days ago. It's been really great for creating components with multiple variants. I'm using it in combination with https://radix-ui.com which provides un-styled component primitives which take care of accessibility stuff for you. Both are made by the same company. The development experience has been really great.
  • Your go-to website when looking for a particular component
    reddit.com/r/reactjs | 2021-06-13
    Currently using it for the first time and it's been super easy. Works great with Stitches too (made by the same team and what they use in the Radix docs).
  • What Value Does Tailwind Bring?
    reddit.com/r/webdev | 2021-05-08
    To add onto this, CUBE has taken inspiration from Tailwind among many other things. And it's not alone... cool.css, Chakra-UI, and Stitches all take ideas from Tailwind because utility classes + design tokens are a very attractive abstraction while not being as heavy-handed as entire CSS frameworks without familiar lower-level conveniences. Maybe there're even more frameworks I don't know of.
  • I made a video going over getting SSR and TailwindCSS setup in a Headless WP environment with NextJS. I hope it helps!
    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..
  • Which CSS framework do you prefer to use with React?
    reddit.com/r/reactjs | 2021-03-13
    I've used Tailwind and Styled Systemin the past, I'm going to try Stitches next which looks quite similar to Styled System. You basically write JS flavored CSS, but still close enough to regular CSS to not forget it.

theme-ui

Posts with mentions or reviews of theme-ui. We have used some of these posts to build our list of alternatives and similar projects. The last one was on 2021-09-29.
  • Create a themed favicon for color modes
    dev.to | 2021-09-29
    While this technique works for system preferences, it can also be used with different color themes if you use something like Theme UI or Chakra UI.
  • Rebuilding Our Jekyll Website with Next.js and Theme UI
    dev.to | 2021-04-05
    The core of Theme UI is its Theme file. It’s a document that defines all of a design system’s components and variants:
  • Migrating React 17 & Emotion 11: "pragma and pragmaFrag cannot be set when runtime is automatic."
    dev.to | 2021-03-15
    Syntax error: pragma and pragmaFrag cannot be set when runtime is automatic. #1160
  • UI components for a React project
    reddit.com/r/reactjs | 2021-03-07
    I've had great success with Theme-UI, which uses a CSS-in-JS approach and makes it easy to have a themeable design language for all of your components. It comes with a library of easy-to-use UI components such as Box, Flex, Grid, Button, Text, Heading, Card and many more. It's surprisingly easy to get started with.
  • Don't use Tailwind for your Design System
    dev.to | 2021-03-06
    https://theme-ui.com
  • Tailwind JSX and class composition
    dev.to | 2021-03-03
    Theme UI

What are some alternatives?

When comparing stitches and theme-ui you can also consider the following projects:

Tailwind CSS - A utility-first CSS framework for rapid UI development.

chakra-ui - ⚡️ Simple, Modular & Accessible UI Components for your React Applications

styled-system - ⬢ Style props for rapid UI development

headlessui - Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.

coolcss - The last CSS framework I'll (hopefully) ever have to make

tachyons - Functional css for humans

Bit - A tool for component-driven application development.

docz - ✍ It has never been so easy to document your things!

base web - A React Component library implementing the Base design language

taco - Layout primitives written with ReasonReact and styled-ppx