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. Learn more →
Top 23 Emotion Open-Source Projects
-
Project mention: Creating Nx Workspace with Eslint, Prettier and Husky Configuration | dev.to | 2024-03-25
emotion [ https://emotion.sh ]
-
-
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.
-
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.
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.
-
-
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.
-
-
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
-
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: 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
-
-
-
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)
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...
-
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.
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 - SurveyJS
surveyjs.io | 28 Mar 2024
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 |