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

UpdatedApr 8, 2024
TypeScript

rebassjs /rebass

Star7.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

UpdatedJul 27, 2023
JavaScript

styled-system /styled-system

Star7.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

UpdatedJan 12, 2024
JavaScript

system-ui /theme-ui

Star5.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

UpdatedMay 1, 2025
TypeScript

cristianbote /goober

Sponsor

Star3.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

UpdatedOct 3, 2025
JavaScript

styled-components /xstyled

Star2.3k

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

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

UpdatedMay 10, 2024
MDX

rebassjs /grid

Star2k

This package has moved and renamed

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

UpdatedAug 6, 2019
JavaScript

leebenson /reactql

Star1.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

UpdatedOct 31, 2024
TypeScript

saas-js /saas-ui

Sponsor

Star1.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

UpdatedDec 8, 2025
TypeScript

MiteshPuthran /Speech-Emotion-Analyzer

Star1.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

UpdatedFeb 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

UpdatedOct 29, 2023
HTML

cybercog /laravel-love

Star1.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?