TypeScript styled-components

Open-source TypeScript projects categorized as styled-components

Top 23 TypeScript styled-component Projects

  • styled-components

    Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅

    Project mention: Iniciando um backoffice rapidamente com AdminJS | dev.to | 2023-11-16
  • 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.

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

  • React95

    🌈🕹 Windows 95 style UI component library for React

    Project mention: Show HN: React95 – a React components library recreating the look of Windows 95 | news.ycombinator.com | 2023-07-09

    There's another repo on GitHub that does the same. If the number of stars is of any significance, they have more. See: https://react95.io/ or https://github.com/react95-io/React95

  • React95

    A React components library with Win95 UI (by React95)

    Project mention: Show HN: React95 – A React components library recreating the look of Windows 95 | /r/patient_hackernews | 2023-07-10
  • briOS

    My personal website.

    Project mention: Ask HN: What websites are you inspired by? | news.ycombinator.com | 2023-05-12
  • react-boilerplate-cra-template

    :fire: Setup Create React App with React Boilerplate. Highly scalable & Best DX & Performance Focused & Best practices.

  • hls-downloader

    Web Extension for sniffing and downloading HTTP Live streams (HLS)

    Project mention: How to rip course content? | /r/Piracy | 2023-12-06
  • 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.

  • Kuma UI

    🐻‍❄️ A Headless, Utility-First, and Zero-Runtime UI Component Library ✨

    Project mention: Does it make sense to use new NextJS with UI libraries if I have to put "use client" on top of every page in src/app to make CSS-in-JS work and can't use server components? | /r/reactjs | 2023-06-04

    Kuma UI

  • react-flow-chart

    🌊 A flexible, stateless, declarative flow chart library for react.

    Project mention: The top 11 React chart libraries for data visualization | dev.to | 2023-10-05

    Website: react-flow-chart GitHub page

  • orbit-components

    React components of open-source Orbit design system by Kiwi.com (by kiwicom)

  • landy-react-template

    Landy is an open-source React landing page template designed for developers and startups, who want to create a quick and professional landing page for their business or project.

  • next-saas-starter

    ⚡️ Free Next.js responsive landing page template for SaaS products made using JAMStack architecture.

    Project mention: Recommendation for Nextjs SaaS dashboard starter? | /r/nextjs | 2023-02-15
  • neopop-web

    NeoPOP components library based on CRED's design system

  • Tailwind-Styled-Component

    Create Tailwind CSS React components like styled components with class names on multiple lines and conditional class rendering

  • design-system

    Priceline.com Design System

  • sorting-visualizer

    Sorting Algorithms Visualizer

    Project mention: Sorting Visualizer using React | /r/reactjs | 2023-10-09
  • react-redux-saga-boilerplate

    Starter kit with react-router, react-helmet, redux, redux-saga and styled-components

  • twin.examples

    Packed with examples for different frameworks, this repo helps you get started with twin a whole lot faster.

  • typescript-plugin-styled-components

    TypeScript transformer for improving the debugging experience of styled-components

  • nextjs-woocommerce

    🔥 Next.js (React) headless eCommerce site with Typescript, WordPress (WooCommerce) backend and Algolia search

    Project mention: Course Woocomerce + Next js | /r/nextjs | 2023-07-06

    I don't have any courses Al though you can check this out https://github.com/w3bdesign/nextjs-woocommerce

  • jsx-dom

    Use JSX to create DOM elements.

  • 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

  • react-drag-drop-files

    Light and simple Reactjs drag and drop files library to use with very flexible options to change, so you put whatever the design you want for your drop-area. Users can drag and drop or even select the file anywhere in the window.

    Project mention: Drag and drop file? | /r/react | 2023-02-05
  • 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.

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-12-06.

TypeScript styled-components related posts


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

Project Stars
1 styled-components 39,752
2 twin.macro 7,641
3 React95 6,085
4 React95 3,032
5 briOS 1,946
6 react-boilerplate-cra-template 1,840
7 hls-downloader 1,542
8 Kuma UI 1,385
9 react-flow-chart 1,385
10 orbit-components 1,346
11 landy-react-template 1,058
12 next-saas-starter 952
13 neopop-web 919
14 Tailwind-Styled-Component 774
15 design-system 715
16 sorting-visualizer 633
17 react-redux-saga-boilerplate 607
18 twin.examples 452
19 typescript-plugin-styled-components 419
20 nextjs-woocommerce 390
21 jsx-dom 257
22 next-dark-mode 215
23 react-drag-drop-files 208
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.