All Projects β†’ Design System Utils β†’ Similar Projects or Alternatives

893 Open source projects that are alternatives of or similar to Design System Utils

Goober
πŸ₯œ goober, a less than 1KB πŸŽ‰ css-in-js alternative with a familiar API
Stars: ✭ 2,317 (+398.28%)
Mutual labels:  styled-components, preact, css-in-js, emotion
Styled System
β¬’ Style props for rapid UI development
Stars: ✭ 7,126 (+1432.47%)
Mutual labels:  tokens, styled-components, css-in-js, emotion
Filbert Js
A lightweight(~1kb) css-in-js framework
Stars: ✭ 167 (-64.09%)
Mutual labels:  styled-components, preact, css-in-js, emotion
Styled Breakpoints
Simple and powerful tool for creating breakpoints in styled components and emotion. πŸ’…
Stars: ✭ 428 (-7.96%)
Mutual labels:  styled-components, preact, css-in-js, emotion
Twin.macro
πŸ¦Ήβ€β™‚οΈ Twin blends the magic of Tailwind with the flexibility of css-in-js (emotion, styled-components, stitches and goober) at build time.
Stars: ✭ 5,137 (+1004.73%)
Mutual labels:  styled-components, css-in-js, emotion
Grid
This package has moved and renamed
Stars: ✭ 2,079 (+347.1%)
Mutual labels:  styled-components, css-in-js, emotion
React Next Boilerplate
πŸš€ A basis for reducing the configuration of your projects with nextJS, best development practices and popular libraries in the developer community.
Stars: ✭ 129 (-72.26%)
Mutual labels:  styled-components, css-in-js, emotion
Css In React
🍭 CSS in React - Learn the best CSS in JS frameworks by example
Stars: ✭ 101 (-78.28%)
Mutual labels:  styled-components, css-in-js, emotion
Scoped Style
A tiny css in js library πŸš€
Stars: ✭ 129 (-72.26%)
Mutual labels:  styled-components, preact, css-in-js
Onno
Responsive style props for building themed design systems
Stars: ✭ 95 (-79.57%)
Mutual labels:  styled-components, css-in-js, emotion
Styled Components Vs Emotion
a short doc comparing the popular CSS-in-JS libraries styled-components and emotion
Stars: ✭ 204 (-56.13%)
Mutual labels:  styled-components, css-in-js, emotion
Styled Ppx
Typed styled components in Reason, OCaml and ReScript
Stars: ✭ 236 (-49.25%)
Mutual labels:  styled-components, css-in-js, emotion
Xstyled
A utility-first CSS-in-JS framework built for React. πŸ’…πŸ‘©β€πŸŽ€βš‘οΈ
Stars: ✭ 1,835 (+294.62%)
Mutual labels:  styled-components, css-in-js, emotion
tsstyled
A small, fast, and simple CSS-in-JS solution for React.
Stars: ✭ 52 (-88.82%)
Mutual labels:  styled-components, emotion, css-in-js
mediocre-pictures
Helping you take mediocre pictures, hands-free. πŸ“·πŸ™†πŸ»πŸ™…πŸΎπŸ’πŸΌπŸ“Έ
Stars: ✭ 16 (-96.56%)
Mutual labels:  preact, styled-components, css-in-js
satchel
The little bag of CSS-in-JS superpowers
Stars: ✭ 14 (-96.99%)
Mutual labels:  styled-components, emotion, css-in-js
Next Dark Mode
πŸŒ‘ Enable dark mode for Next.js apps
Stars: ✭ 133 (-71.4%)
Mutual labels:  styled-components, css-in-js, emotion
Styled-Responsive-Media-Queries
Responsive Media Queries for Emotion styled or styled-components β€” Standard size from Chrome DevTools.
Stars: ✭ 33 (-92.9%)
Mutual labels:  styled-components, emotion, css-in-js
Styled Tools
Useful interpolated functions for CSS-in-JS
Stars: ✭ 761 (+63.66%)
Mutual labels:  styled-components, css-in-js, emotion
Horror
😱 React HTML elements with CSS-in-JS
Stars: ✭ 78 (-83.23%)
Mutual labels:  styled-components, css-in-js, emotion
Styled Typography
Typograpy components for react and styled-components
Stars: ✭ 113 (-75.7%)
Mutual labels:  styled-components, css-in-js
Styled By
Simple and powerful lib to handle styled props in your components
Stars: ✭ 122 (-73.76%)
Mutual labels:  styled-components, css-in-js
Reshadow
Markup and styles that feel right
Stars: ✭ 343 (-26.24%)
Mutual labels:  preact, css-in-js
Fluid System
Fluid System is a style props function transformer for generating fluid styles. πŸ’¦
Stars: ✭ 130 (-72.04%)
Mutual labels:  styled-components, emotion
Glamorous
DEPRECATED: πŸ’„ Maintainable CSS with React
Stars: ✭ 3,681 (+691.61%)
Mutual labels:  styled-components, css-in-js
Gatsby V2 Tutorial Starter
Gatsby V2 Starter - product of step by step tutorial
Stars: ✭ 139 (-70.11%)
Mutual labels:  styled-components, emotion
React Awesome Reveal
React components to add reveal animations using the Intersection Observer API and CSS Animations.
Stars: ✭ 346 (-25.59%)
Mutual labels:  css-in-js, emotion
Nanostyled
A <1kB library for styling React components as if with CSS-in-JS, without CSS-in-JS
Stars: ✭ 104 (-77.63%)
Mutual labels:  styled-components, css-in-js
Storybook Addon
Develop themable components with Emotion/Styled Components/Material-UI with help of Storybook & React Theming
Stars: ✭ 122 (-73.76%)
Mutual labels:  styled-components, emotion
Gatsby Theme Superstylin
πŸ’… A Gatsby Theme with styled-components
Stars: ✭ 165 (-64.52%)
Mutual labels:  styled-components, css-in-js
Styled Theme
Extensible theming system for styled-components πŸ’…
Stars: ✭ 183 (-60.65%)
Mutual labels:  styled-components, css-in-js
Layouts
Grab-and-go layouts for React
Stars: ✭ 202 (-56.56%)
Mutual labels:  styled-components, emotion
Styled Loaders
Loaders Built with Preact and Styled Components
Stars: ✭ 212 (-54.41%)
Mutual labels:  styled-components, preact
Styled Email Components
πŸ’Œ styled-components for emails
Stars: ✭ 231 (-50.32%)
Mutual labels:  styled-components, css-in-js
Awesome Styled Components
A curated list of awesome styled-components resources πŸ’…
Stars: ✭ 2,869 (+516.99%)
Mutual labels:  styled-components, css-in-js
Styled Props
Simple lib that allows you to set styled props in your styled-components without stress.
Stars: ✭ 247 (-46.88%)
Mutual labels:  styled-components, css-in-js
Css In Js
Autocomplete React Native / JS Styles and converting plain CSS to JS styles
Stars: ✭ 192 (-58.71%)
Mutual labels:  styled-components, css-in-js
Styled Bootstrap
πŸ’…πŸ» A styled-component implementation of Bootstrap
Stars: ✭ 154 (-66.88%)
Mutual labels:  styled-components, css-in-js
React Image Smooth Loading
[not maintained] Images which just flick to appear aren't cool. Images which appear smoothly with a fade like Instagram are cool
Stars: ✭ 84 (-81.94%)
Mutual labels:  styled-components, css-in-js
design-system
Nulogy Design System
Stars: ✭ 61 (-86.88%)
Mutual labels:  styled-components, tokens
monad-ui
Utility First CSS-in-JS
Stars: ✭ 33 (-92.9%)
Mutual labels:  emotion, css-in-js
tailed
Tailed is a tiny lib to add styled-components syntax like, with suport to conditional classes.
Stars: ✭ 79 (-83.01%)
Mutual labels:  styled-components, css-in-js
rebass
βš›οΈ React primitive UI components built with styled-system.
Stars: ✭ 7,844 (+1586.88%)
Mutual labels:  styled-components, emotion
spring-keyframes
✌️1.4kb library to generate css keyframes in css-in-js based on a spring algorithm, with emotion
Stars: ✭ 65 (-86.02%)
Mutual labels:  emotion, css-in-js
Figma Theme
Generate development-ready theme JSON files from Figma Styles
Stars: ✭ 130 (-72.04%)
Mutual labels:  tokens, css-in-js
YASCC
Yet Another SoundCloud Client
Stars: ✭ 30 (-93.55%)
Mutual labels:  preact, styled-components
linaria-styled
Zero-runtime CSS in JS library for building React components
Stars: ✭ 17 (-96.34%)
Mutual labels:  styled-components, css-in-js
Figmagic Example
Using Figmagic (simplifying design token generation and asset extraction) with Webpack 5, React 16, Styled Components.
Stars: ✭ 37 (-92.04%)
Mutual labels:  tokens, styled-components
lab-cli
Command line utilities and exporting module for Compositor Lab
Stars: ✭ 52 (-88.82%)
Mutual labels:  styled-components, emotion
visage
Visage design system
Stars: ✭ 12 (-97.42%)
Mutual labels:  emotion, css-in-js
styled-components-docs-zh
πŸ’… styled-components δΈ­ζ–‡ζ–‡ζ‘£ηΏ»θ―‘ πŸ‡ζŒη»­ζ–½ε·₯δΈ­
Stars: ✭ 160 (-65.59%)
Mutual labels:  styled-components, css-in-js
desvg
πŸŒ… Converts SVG files into components 🌞
Stars: ✭ 79 (-83.01%)
Mutual labels:  preact, styled-components
Css In Js Benchmarks
Stars: ✭ 360 (-22.58%)
Mutual labels:  styled-components, css-in-js
mugiwara
fast minimal CSS-in-JS created to reduce size of CSS injected
Stars: ✭ 11 (-97.63%)
Mutual labels:  styled-components, css-in-js
react-awesome-reveal
React components to add reveal animations using the Intersection Observer API and CSS Animations.
Stars: ✭ 564 (+21.29%)
Mutual labels:  emotion, css-in-js
react-native-css-in-js-benchmarks
CSS in JS Benchmarks for React Native
Stars: ✭ 46 (-90.11%)
Mutual labels:  styled-components, css-in-js
Styled Components Rhythm
Vertical Rhythm and Font Baselines with Styled Components
Stars: ✭ 76 (-83.66%)
Mutual labels:  styled-components, css-in-js
Arc
React starter kit based on Atomic Design
Stars: ✭ 2,780 (+497.85%)
Mutual labels:  styled-components, css-in-js
benefit
✨ Utility CSS-in-JS library that provides a set of low-level, configurable, ready-to-use styles
Stars: ✭ 51 (-89.03%)
Mutual labels:  emotion, css-in-js
Vscode Stylelint
A Visual Studio Code extension to lint CSS/SCSS/Less with stylelint
Stars: ✭ 260 (-44.09%)
Mutual labels:  styled-components, css-in-js
1-60 of 893 similar projects