JavaScript Emotion

Open-source JavaScript projects categorized as Emotion | Edit details

Top 9 JavaScript Emotion Projects

  • GitHub repo emotion

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

    Project mention: How to build UI elements using CSS pseudo elements | | 2021-12-29

    I'm using React for making the UI element dynamic so that we can easily change the status of a step from pending to complete. Also using the emotion library for writing css styles with JavaScript because it's efficient and fun! We can achieve the same result using CSS (SCSS, SASS).

  • GitHub repo rebass

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

    Project mention: [Gatsby] - This was my first Gatsby project | | 2021-11-15

    There's absolutely nothing wrong with using CSS mixed with your components, but I would suggest (if you haven't already) looking into some alternatives, such as styled-components or Rebass. Not because one is "better" than the other, but it's something to add to your arsenal

  • Scout APM

    Less time debugging, more time building. Scout APM allows you to find and fix performance issues with no hassle. Now with error monitoring and external services monitoring, Scout is a developer's best friend when it comes to application development.

  • GitHub repo styled-system

    ⬢ Style props for rapid UI development

    Project mention: TaskEz: Design to Code - Chapter 1 | | 2021-11-27

    You can read more about styled system here,

  • GitHub repo twin.macro

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

    Project mention: I am running tailwind in vscode in react, but when I try to view my page, no tailwind is working | | 2021-12-18
  • GitHub repo goober

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

    Project mention: Zero runtime CSS-in-JS : Is this where great DX meets top-notch Web Performance? (sharing our experience) | | 2021-11-19

    Consider adding Goober too to the mix.

  • GitHub repo vue-emotion

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

    Project mention: Dynamic styling in Vue.js | | 2021-10-11

    Besides of styled-components library, there are also other CSS-in-JS libraries usable for Vue.js, for example Emotion through vue-emotion package.

  • GitHub repo gatsby-emotion-tailwind-starter

    Gatsby starter template, complete with Emotion & Tailwind

    Project mention: 10 Free and Open-sourced Tailwind CSS Templates | | 2021-03-25

    This template is made with Gatsby.js, Emotion, and Tailwind CSS. It contains cool features such as lazy-loading images, code-splitting, and offline support. Check out its [Github repo]( for more details.

  • OPS

    OPS - Build and Run Open Source Unikernels. Quickly and easily build and deploy open source unikernels in tens of seconds. Deploy in any language to any cloud.

  • GitHub repo react-ssr-apollo-boilerplate

    A boilerplate for React with SSR using GraphQL and Apollo

    Project mention: React Apollo SSR Boilerplate | | 2021-03-28


  • GitHub repo weather_app

    Weather from Open Weather API, displayed with Pic-Animation

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 2021-12-29.

JavaScript Emotion related posts


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

Project Stars
1 emotion 14,306
2 rebass 7,578
3 styled-system 7,134
4 twin.macro 5,214
5 goober 2,362
6 vue-emotion 199
7 gatsby-emotion-tailwind-starter 45
8 react-ssr-apollo-boilerplate 18
9 weather_app 1
Find remote jobs at our new job board There are 29 new remote jobs listed recently.
Are you hiring? Post a new remote job listing for free.
Static code analysis for 29 languages.
Your projects are multi-language. So is SonarQube analysis. Find Bugs, Vulnerabilities, Security Hotspots, and Code Smells so you can release quality code every time. Get started analyzing your projects today for free.