TypeScript Emotion

Open-source TypeScript projects categorized as Emotion
Edit details
Topics: #React #TypeScript #styled-components #Nextjs #ReactJS
Appwrite - The open-source backend cloud platform
Add Auth, Databases, Functions, and Storage to your product and build any application at any scale while using your preferred coding languages and tools.
appwrite.io
Sponsored

Top 18 TypeScript Emotion Projects

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

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

  • Appwrite

    Appwrite - The open-source backend cloud platform. Add Auth, Databases, Functions, and Storage to your product and build any application at any scale while using your preferred coding languages and tools.

  • 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

  • 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

  • next-shopify-storefront

    🛍 A Shopping Cart built with TypeScript, Tailwind CSS, Headless UI, Next.js, React.js, Shopify Hydrogen React,... and Shopify Storefront GraphQL API.

  • 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

  • css-in-js-media

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

  • InfluxDB

    Collect and Analyze Billions of Data Points in Real Time. Manage all types of time series data in a single, purpose-built database. Run at any scale in any environment in the cloud, on-premises, or at the edge.

  • 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 Stacks | /r/stacks | 2023-04-03

    I am not enough of an expert to diagnose your problem and you shouldn't trust anyone here. I highly recommend you join the Discord server for any Stacks project you have interaction with because that is where the actual team members are responding to users. Did you go to https://explorer.stacks.co and check the status of your address there?

  • styled

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

  • 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)

  • regnite

    React Native boilerplate with firebase integration.

  • morsible

    :loudspeaker: Fast and reliable morse translator

  • medi-q

    Type-safe media queries.

  • Eisen-Matrix

    🎯 Eisen Matrix is a prioritization app that uses Eisenhower matrix technique as workflow to prioritize a list of tasks & built with React Native for learning purposes.

  • patches

    The OpenPatch Design System (by openpatch)

  • octoprofile

    🐙 A nicer look at GitHub profiles

  • styled-system-example

    An introduction to styled-system.

  • Onboard AI

    Learn any GitHub repo in 59 seconds. Onboard AI learns any GitHub repo in minutes and lets you chat with it to locate functionality, understand different parts, and generate new code. Use it for free at www.getonboard.dev.

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 2023-11-03.

TypeScript Emotion related posts

Index

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

Project Stars
1 twin.macro 7,631
2 theme-ui 5,141
3 saas-ui 997
4 react-awesome-reveal 994
5 next-shopify-storefront 654
6 next-dark-mode 215
7 css-in-js-media 139
8 explorer 131
9 styled 57
10 website 41
11 truss 31
12 regnite 18
13 morsible 17
14 medi-q 15
15 Eisen-Matrix 15
16 patches 8
17 octoprofile 4
18 styled-system-example 2

Sponsored
Learn any GitHub repo in 59 seconds
Onboard AI learns any GitHub repo in minutes and lets you chat with it to locate functionality, understand different parts, and generate new code. Use it for free at www.getonboard.dev.
getonboard.dev