199 Open source projects that are alternatives of or similar to Vue Styled Components

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

Markup and styles that feel right

Full CSS support for JSX without compromises

A ready to use, easy to customize, fully equipped GatsbyJS starter with a 'Hero' section on the home page.

Unified CSSinJS theming solution for React

Blazing Fast React UI Primitive

a color parsing and manipulation lib served in roughly 2kB

💖 Emotion module for Nuxt.js

A React hook that allows you to use a ResizeObserver to measure an element's size.

React: CSS in JS techniques comparison

Starter kit with react-router, react-helmet, redux, redux-saga and styled-components

A collection of magic animations for react components.

Simple style tag for React

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

🍬 Themeable, statically extracted CSS‑in‑JS with near‑zero runtime.

React Native Components and APIs for the Web

JSS is an authoring tool for CSS which uses JavaScript as a host language.

library for creating atomic react components

Use Tailwind with any CSS-in-JS library

Define React presentational components with CSS

hooks-first CSS-in-JS library, focused on semantics and runtime performance

CSS in JSX for lazy developers, built using styled-components and styled-system

Open-source components library built with React and Styled-Components.

✨ Modular, scoped CSS with ES6

Awesome CSS in JS articles / tutorials / videos / benchmarks / comparision

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

Zero-runtime CSS in JS library

Responsive style values for css-in-js.

🚉 - friendly web compiler

👩‍🎨 Access your design tokens with ease

A lightweight toolset for writing styles in JavaScript ✨

CSS-in-JS microlibrary for making design systems approachable with React

SnackUI 🍑 - the final React style library. With an *optimizing compiler* that lets you write views naturally, with easier DX, working on native and web at once, all while being faster than hand-rolling your own CSS.

Clojure Style Sheets — CSS-in-JS for ClojureScript

⬢ Style props for rapid UI development

DEPRECATED: 💄 Maintainable CSS with React

collection of useful CLJS code

A powerful toolkit for building websites with beautiful design

Useful interpolated functions for CSS-in-JS

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

Create Tailwind CSS React components like styled components with class names on multiple lines and conditional class rendering

🛍 A real-world Shopping Cart built with TypeScript, NextJS, React, Redux, Apollo Client, Shopify Storefront GraphQL API, ... and Material UI.

Make CSS easier and more maintainable by using JavaScript

CSS-in-JS compiler inspired by Facebook's stylex

Use the power of PostCSS in compiling with JSS

⚡ Toolkit for component-oriented styling

Priceline.com Design System

Configurable Vertical Rhythm & Typography in CSS-in-JS

Create themes for your app using styled-components

🎨 Easy color manipulation in ~2kb (gzipped)

Framework-agnostic CSS-in-JS with support for server-side rendering, browser prefixing, and minimum CSS generation

Making CSS Typesafe 🌹

a collection of packages to compile Tailwind CSS like shorthand syntax into CSS at runtime

React Native component styling solved💄

Useful utility functions for CSS in JS solutions

A design system built especially for both Sketch and React. 💎⚛️

The smallest, fastest, most feature complete Tailwind-in-JS solution in existence.

Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅

Atomic CSS-in-JS with a featherweight runtime