Build consistent, themeable React apps based on constraint-based design principles
$ npx skills add system-ui/theme-uiAlternatives
Compare similar skills by workflow fit, trust score, quality, GitHub adoption, maintenance, and install readiness.
Current skill
:atom_symbol: React primitive UI components built with styled-system.
Build consistent, themeable React apps based on constraint-based design principles
$ npx skills add system-ui/theme-ui๐ผ ๐ผ ๐ผ ๐ผ ๐ผ โThe most popular, free and open-source Tailwind CSS component library
$ npx skills add saadeghi/daisyuiMaterial UI: Comprehensive React component library that implements Google's Material Design. Free forever.
$ npx skills add mui/material-uiOpen-source UI component library and front-end development framework based on Tailwind CSS
$ npx skills add themesberg/flowbitea react-based framework that provides accessibility, modularity, responsiveness, and theming in a tidy package
$ npx skills add grommet/grommetPriceline.com Design System
$ npx skills add priceline/design-systemFastest way to build modern websites
$ npx skills add nuejs/nueBaklava is a design system provided by Trendyol to create a consistent UI/UX for app users.
$ npx skills add Trendyol/baklavaAn open source tool for building UI Design Systems with Vue.js
$ npx skills add arielsalminen/vue-design-systemStatic site and content for Storybook tutorials
$ npx skills add chromaui/learnstorybook.comMaterial Design Components in Pure CSS. Materializing HTML at just one class per component ๐ฐ
$ npx skills add finnhvman/matterPrimer is GitHub's design system. This is the CSS implementation
$ npx skills add primer/cssA design system built by IBM
$ npx skills add carbon-design-system/carbonUnstyled, accessible UI components for your design System. Works in React, Vue, Solid, and Svelte.
$ npx skills add chakra-ui/ark๐ผ Universal, Type-Safe, CSS-in-JS Framework for Design Systems โก๏ธ
$ npx skills add chakra-ui/pandaSkeleton is an adaptive design system powered by Tailwind CSS.
$ npx skills add skeletonlabs/skeletonHow to choose
Use an alternative when it has a clearer install path, higher trust score, fresher maintenance, or better platform fit for your current agent stack. Keep Rebass if it already passes your workflow test and repository review.
Next step
Open the compare page, test the install commands in a sandbox, and check each repository before using a skill in production.