Emotion

Open-source projects categorized as Emotion

Top 23 Emotion Open-Source Projects

  • emotion

    👩‍🎤 CSS-in-JS library designed for high performance style composition

    Project mention: Creating Nx Workspace with Eslint, Prettier and Husky Configuration | dev.to | 2024-03-25

    emotion [ https://emotion.sh ]

  • rebass

    :atom_symbol: React primitive UI components built with styled-system.

  • SurveyJS

    Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  • styled-system

    ⬢ Style props for rapid UI development

    Project mention: An Overview of 25+ UI Component Libraries in 2023 | dev.to | 2023-09-10

    KumaUI : Another relatively new contender, Kuma uses zero runtime CSS-in-JS to create headless UI components which allows a lot of flexibility. It was heavily inspired by other zero runtime CSS-in-JS solutions such as PandaCSS, Vanilla Extract, and Linaria, as well as by Styled System, ChakraUI, and Native Base. ### Vue

  • twin.macro

    🦹‍♂️ 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.

    Project mention: Tailwindcss in Styled-Components | dev.to | 2023-04-18

    Twin Macro Github Repo. This is a great resource to help you pick up Twin’s syntax, learn more about the package, and keep up to date with the latest releases.

  • EmotiVoice

    EmotiVoice 😊: a Multi-Voice and Prompt-Controlled TTS Engine

    Project mention: FLaNK Stack Weekly 12 February 2024 | dev.to | 2024-02-12
  • theme-ui

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

    Project mention: Styling React 2023 edition | dev.to | 2023-11-03

    Over the past few years, I've worked with React apps utilising various CSS-in-JS libraries, starting with styled-components, transitioning through emotion, Theme UI, and finally Stitches. I've also integrated MUI, Mantine, and Chakra in numerous client projects.

  • goober

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

  • InfluxDB

    Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

  • next-right-now

    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

  • saas-ui

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

    Project mention: [Hiring] (Online) Developer that has used a Saas Boilerplate | /r/forhire | 2023-10-27
  • laravel-love

    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?

  • react-awesome-reveal

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

    Project mention: Top 7 Next.js Animation Libraries in 2023 | dev.to | 2023-08-09
  • EmoPy

    A deep neural net toolkit for emotion analysis via Facial Expression Recognition (FER)

    Project mention: Looking for a NLP expert to help me in a project about body movements and facial expressions. | /r/MLQuestions | 2023-04-27

    [3] https://github.com/thoughtworksarts/EmoPy

  • styled-ppx

    Type-safe styled components for ReScript and Melange with type-safe CSS

  • vue-emotion

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

  • next-dark-mode

    🌑 Enable dark mode for Next.js apps

    Project mention: Flashing Theme Selection | /r/nextjs | 2023-03-30

    Or look this library: https://github.com/xeoneux/next-dark-mode

  • Empathetic-COAI-Papers

    This is a repository for sharing papers in the field of empathetic conversational AI. The related source code for each paper is linked if available.

  • awesome-SOTA-FER

    A curated list of facial expression recognition in both 7-emotion classification and affect estimation.

  • css-in-js-media

    :art: Deal with responsive design simply when use CSS-in-JS (styled-components,emotion.js)

  • explorer

    Explore transactions and accounts on the Stacks blockchain. Clone any contract and experiment in your browser with the Explorer sandbox. (by hirosystems)

    Project mention: Xverse wallet stacking | /r/stacks | 2023-12-05

    Hi! I followed your tuto. Great, until the end . After confirmation on the wallet (last step) I just see an error page with "Error while loading data, try reloading the page." It refresh automaticaly. So I wait... In wallet I see "stacking revoked" and the new staking with the contract on link (explorer.hiro.so).

  • styled

    Minimal CSS-in-JS styled components solution for React.

  • gatsby-emotion-tailwind-starter

    Gatsby starter template, complete with Emotion & Tailwind

  • website

    Official dahliaOS website (by dahliaOS)

    Project mention: GNU free Linux, must not include any GNU stuff | /r/FindMeADistro | 2023-04-25
  • truss

    A TypeScript DSL for writing utility CSS in React/JSX (by homebound-team)

    Project mention: StyleX – Meta's Styling Library | news.ycombinator.com | 2023-12-05

    Nice! We copied StyleX's "type-safe extensions" in Truss [1] so things like `` are allowed (setting margin is fine) while disallowing `` (anything "not margin") that would mess up the components internal impl details with a compile error.

    That said, we don't actually use the feature that much, vs. higher-level logical props like ``.

    I know we're supposed to use build-time CSS-in-JS these days, but afaiu they don't support the rare-but-handy "just spread together ~4-5 different object literals from ~random different conditionals + props", i.e. intermixing styles some inside the component + outside the component, which emotion handles really well.

    Basically this [2]. StyleX says it does "cross-file styles"...but can it support that? I kinda assume not, but I'm not sure.

    [1]: https://github.com/homebound-team/truss#xstyles--xss-extensi...

    [2]: https://github.com/homebound-team/beam/blob/main/src/compone...

  • WorkOS

    The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.

NOTE: The open source projects on this list are ordered by number of github stars. The number of mentions indicates repo mentiontions in the last 12 Months or since we started tracking (Dec 2020). The latest post mention was on 2024-03-25.

Emotion related posts

Index

What are some of the best open-source Emotion projects? This list will help you:

Project Stars
1 emotion 17,128
2 rebass 7,930
3 styled-system 7,802
4 twin.macro 7,777
5 EmotiVoice 6,131
6 theme-ui 5,209
7 goober 3,028
8 next-right-now 1,258
9 saas-ui 1,127
10 laravel-love 1,126
11 react-awesome-reveal 1,039
12 EmoPy 899
13 styled-ppx 386
14 vue-emotion 223
15 next-dark-mode 215
16 Empathetic-COAI-Papers 199
17 awesome-SOTA-FER 148
18 css-in-js-media 139
19 explorer 132
20 styled 57
21 gatsby-emotion-tailwind-starter 50
22 website 41
23 truss 31
The modern identity platform for B2B SaaS
The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.
workos.com