emotion

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

react babel styled-components reactjs emotion css-in-js twin stitches emotionjs solidjs tailwind tailwindcss tailwind-css styling-react styling-css-in-js babel-macro goober tailwind-in-js

Updated Apr 8, 2024
TypeScript

rebass

rebassjs / rebass

Star 7.9k

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

react javascript css theme components color ui grid styled-components layout react-components typography emotion design-system styled-system rebass

Updated Jul 27, 2023
JavaScript

styled-system

styled-system / styled-system

Star 7.9k

⬢ Style props for rapid UI development

react css design-systems styled-components responsive layout colors styling typography emotion css-in-js tokens theming style-props

Updated Jan 12, 2024
JavaScript

theme-ui

system-ui / theme-ui

Star 5.4k

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

react theme color design ui layout typography style emotion design-tokens mdx design-system

Updated May 1, 2025
TypeScript

goober

cristianbote / goober

Sponsor

Star 3.2k

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

react javascript css preact styled-components dom vanilla ssr emotion css-in-js styled critical-css goober

Updated Apr 14, 2025
JavaScript

xstyled

styled-components / xstyled

Star 2.3k

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

react css styled-components emotion css-in-js styled-system tailwindcss

Updated May 10, 2024
MDX

grid

rebassjs / grid

Star 2k

This package has moved and renamed

react css grid styled-components responsive layout flexbox emotion css-in-js padding margin styled-system

Updated Aug 6, 2019
JavaScript

leebenson / reactql

Star 1.8k

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

react sass graphql less typescript webpack apollo postcss gzip universal ssr reactjs apollo-client helmet emotion brotli server-side-rendering starter-kit hot-reload webpack4

Updated Oct 31, 2024
TypeScript

saas-ui

saas-js / saas-ui

Sponsor

Star 1.6k

The React component library for startups, built with Chakra UI.

react components library ui react-components emotion starter saas accessible starter-kit design-system saas-boilerplate chakra-ui uitkit

Updated Aug 25, 2025
TypeScript

MiteshPuthran / Speech-Emotion-Analyzer

Star 1.4k

The neural network model is capable of detecting five different male/female emotions from audio speeches. (Deep Learning, NLP, Python)

data-science natural-language-processing deep-neural-networks deep-learning neural-network keras voice speech emotion python3 audio-files speech-recognition emotion-recognition natural-language-understanding speech-emotion-recognition

Updated Feb 7, 2023
Jupyter Notebook

Flexible production-grade boilerplate with Next.js 11, Vercel and TypeScript. Includes multiple opt-in presets using Storybook, Airtable, GraphQL, Analytics, CSS-in-JS, Monitoring, End-to-end testing, Internationalization, CI/CD and SaaS B2B multi single-tenancy (monorepo) support

graphql typescript jest sentry emotion monorepo universal-app font-awesome react-framework i18next universal-react web-font-loader cypress locize amplitude typescript-boilerplate isomorphic-react graphcms amplitude-analytics zeit-now

Updated Oct 29, 2023
HTML

laravel-love

cybercog / laravel-love

Star 1.2k

Add Social Reactions to Laravel Eloquent Models. It lets people express how they feel about the content. Fully customizable Weighted Reaction System & Reaction Type System with Like, Dislike and any other custom emotion types. Do you react?