387 Open source projects that are alternatives of or similar to Emotion

Tailwind CSS as a templating language in JS and CSS-in-JS

✌️1.4kb library to generate css keyframes in css-in-js based on a spring algorithm, with emotion

Visage design system

Utility First CSS-in-JS

⬢ Style props for rapid UI development

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

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

😱 React HTML elements with CSS-in-JS

Responsive style values for css-in-js.

Use Tailwind with any CSS-in-JS library

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

🌑 Enable dark mode for Next.js apps

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

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

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

💖 Emotion module for Nuxt.js

Use the power of PostCSS in compiling with JSS

Typed styled components in Reason, OCaml and ReScript

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

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

The little bag of CSS-in-JS superpowers

👩‍🎨 Access your design tokens with ease

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

Component library for building Lightspeed products

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.

A familiar and performant compile time CSS-in-JS library for React.

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

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

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

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

a lean, component-centric style system for React components

This package has moved and renamed

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

Useful interpolated functions for CSS-in-JS

Responsive style props for building themed design systems

Seamlessly use emotion (CSS-in-JS) with Vue.js

The "nearly invisible" way to server-render React applications

A beautiful React dark mode switch component for iOS, Android, and Web

Make React components easier and more maintainable by using inline style objects

Partial application syntax and lambda parameters for JavaScript, inspired by Scala's `_` & Kotlin's `it`

Compiles GraphQL tagged template strings using graphql-tag.

Compile polished helper functions at build time

Use CSS-in-JavaScript with themes for React without being tightly coupled to one implementation

📝 Babel plugin to add react-docgen info into your code.

Generate development-ready theme JSON files from Figma Styles

React 16.8.4 + NextJS 8.0.3 + Emotion + Sequelize 5/Postgres + Passport Local Auth + Google App Engine or Heroku Deployment

Babel plugin which transforms HTML and SVG attributes on JSX host elements into React-compatible attributes

💅🏻 A styled-component implementation of Bootstrap

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

A tiny css in js library 🚀

This plugin converts object literal to JSON.parse

A thorough analysis of all the current CSS-in-JS solutions with SSR & TypeScript support for Next.js

Wildcard imports import a directories JS files

Frontend Workshop from HTML/CSS/JS to TypeScript/React/Redux

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

Universal React+GraphQL starter kit: React 16, Apollo 2, MobX, Emotion, Webpack 4, GraphQL Code Generator, React Router 4, PostCSS, SSR

Simple and powerful lib to handle styled props in your components

⚡️ Runtime type-checker for JavaScript

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

🎨 Aesthetic is an end-to-end multi-platform styling framework that offers a strict design system, robust atomic CSS-in-JS engine, a structural style sheet specification (SSS), a low-runtime solution, and much more!