The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning. Learn more โ
Top 23 Emotion Open-Source Projects
-
-
-
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.
-
-
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.
-
-
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
-
-
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.
-
-
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)
-
-
-
-
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.
Project mention: Creating Nx Workspace with Eslint, Prettier and Husky Configuration | dev.to | 2024-03-25emotion [ https://emotion.sh ]
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
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.
Project mention: [Hiring] (Online) Developer that has used a Saas Boilerplate | /r/forhire | 2023-10-27
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).
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...
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).
Emotion related posts
- The Skinny on CSS in Vue Single File Components
- Dynamic styling in Vue.js
- Rapid UI development with styled-system
- Deal with responsive design simply when use CSS-in-JS
- Deal with responsive design simply when use CSS-in-JS
- Create react component library
- React Apollo SSR Boilerplate
-
A note from our sponsor - WorkOS
workos.com | 28 Apr 2024
Index
What are some of the best open-source Emotion projects? This list will help you:
| Project | Stars | |
|---|---|---|
| 1 | emotion | 17,175 |
| 2 | rebass | 7,927 |
| 3 | styled-system | 7,806 |
| 4 | twin.macro | 7,802 |
| 5 | EmotiVoice | 6,303 |
| 6 | theme-ui | 5,216 |
| 7 | goober | 3,033 |
| 8 | next-right-now | 1,258 |
| 9 | saas-ui | 1,158 |
| 10 | laravel-love | 1,132 |
| 11 | react-awesome-reveal | 1,052 |
| 12 | EmoPy | 899 |
| 13 | styled-ppx | 392 |
| 14 | vue-emotion | 223 |
| 15 | next-dark-mode | 217 |
| 16 | Empathetic-COAI-Papers | 206 |
| 17 | awesome-SOTA-FER | 157 |
| 18 | css-in-js-media | 139 |
| 19 | explorer | 135 |
| 20 | styled | 57 |
| 21 | gatsby-emotion-tailwind-starter | 50 |
| 22 | website | 42 |
| 23 | truss | 31 |
Sponsored
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