1718 Open source projects that are alternatives of or similar to Styled System

A small, fast, and simple CSS-in-JS solution for React.

This package has moved and renamed

👩‍🎨 Access your design tokens with ease

A lightweight(~1kb) css-in-js framework

Responsive Media Queries for Emotion styled or styled-components — Standard size from Chrome DevTools.

⚛️ React primitive UI components built with styled-system.

Create themes for your app using styled-components

😱 React HTML elements with CSS-in-JS

🥜 goober, a less than 1KB 🎉 css-in-js alternative with a familiar API

Build consistent, themeable React apps based on constraint-based design principles

A utility-first CSS-in-JS framework built for React. 💅👩‍🎤⚡️

The CSS-inspired styling and layout framework for iOS

Responsive style props for building themed design systems

🌑 Enable dark mode for Next.js apps

🚀 A basis for reducing the configuration of your projects with nextJS, best development practices and popular libraries in the developer community.

Typograpy components for react and styled-components

The little bag of CSS-in-JS superpowers

Priceline.com Design System

Develop themable components with Emotion/Styled Components/Material-UI with help of Storybook & React Theming

a short doc comparing the popular CSS-in-JS libraries styled-components and emotion

Typed styled components in Reason, OCaml and ReScript

A lightweight toolset for writing styles in JavaScript ✨

Fluid System is a style props function transformer for generating fluid styles. 💦

Gatsby V2 Starter - product of step by step tutorial

Useful interpolated functions for CSS-in-JS

Grab-and-go layouts for React

Generate development-ready theme JSON files from Figma Styles

Simple and powerful tool for creating breakpoints in styled components and emotion. 💅

🍭 CSS in React - Learn the best CSS in JS frameworks by example

Design system for the modern web.

A specification for functional UI components

🦹‍♂️ Twin blends the magic of Tailwind with the flexibility of css-in-js (emotion, styled-components, stitches and goober) at build time.

Tailed is a tiny lib to add styled-components syntax like, with suport to conditional classes.

Command line utilities and exporting module for Compositor Lab

Missing grid range in Bootstrap 3, micro-small from 480-767px.

Create your Semantic Style Variables (Universal language for developers and designers).

Zero-runtime CSS in JS library for building React components

Preserve space for your element to prevent browser reflow (layout shift)

Holi is a lightweight Jetpack Compose library of colors, gradients and cool utility functions for all your palette needs!

Standards for creating consistent, interoperable user interfaces

Helping you take mediocre pictures, hands-free. 📷🙆🏻🙅🏾💁🏼📸

Utility First CSS-in-JS

A progressive web app that provides top voted stories across the web, summarized and updated every sixty seconds.

Visage design system

✨ Utility CSS-in-JS library that provides a set of low-level, configurable, ready-to-use styles

💅 styled-components 中文文档翻译 🏇持续施工中

Adonis ❤️ Aphrodite

React components to add reveal animations using the Intersection Observer API and CSS Animations.

fast minimal CSS-in-JS created to reduce size of CSS injected

Base react styling components using fela with a design system

A library of atomic CSS classes.

Generate theme.js from Figma file

A prototype for a foundational design system at Shopify

Customizable design system of @wttj with react • styled-components • styled-system • reakit

django's default admin interface made customizable. popup windows replaced by modals. :mage: ⚡️

💫 Functional Sass framework for rapid and painless development

a lean, component-centric style system for React components

CSS in JS Benchmarks for React Native

A Visual Studio Code extension to lint CSS/SCSS/Less with stylelint

Better styling for React Native