TypeScript styled-components

Open-source TypeScript projects categorized as styled-components
Edit details
Topics: React TypeScript Nextjs ReactJS CSS
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
Sponsored

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: Growth Hacking Killed GitHub Stars | dev.to | 2024-04-10

    In 2023, I had a chat with Max Stoiber, CEO of Stellate, on a podcast to learn about his early success on GitHub. His first open-source project, react-boilerplate/react-boilerplate, gained a whopping 10k stars in just one weekend after appearing on the homepage of Hacker News. This success led Max to drop out of university and create several other popular open-source projects, including styled-components. This library accelerates the process of building styles in React components.

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

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

  • 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

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

  • 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

  • gatsby-advanced-starter

    A high performance skeleton starter for GatsbyJS with an advanced feature set.

    Project mention: Gatsby starters: 30 free Gatsby templates for blazingly fast website building | dev.to | 2024-04-03

    GitHub source

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

  • twc

    Create reusable React + Tailwind CSS components in one line ✨

    Project mention: TWC – Supercharged Reusable Tailwind CSS and React Components | news.ycombinator.com | 2024-02-29

  • next-saas-starter

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

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

  • 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

  • algo-visualizers

    Algorithms Visualizers

    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.

  • 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

  • typescript-plugin-styled-components

    TypeScript transformer for improving the debugging experience of styled-components

  • jsx-dom

    Use JSX to create DOM elements.

    Project mention: jQuery v4.0.0 Beta | news.ycombinator.com | 2024-02-06

    Fully agreed. I built a mostly vanilla JS app using a bare bones JSX lib[1] a few months ago and was surprised at how little I missed the rest of React.

    [1] https://github.com/alex-kinokon/jsx-dom

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

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 2024-04-10.

TypeScript styled-components related posts

Index

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

Project Stars
1 styled-components 40,061
2 twin.macro 7,798
3 React95 6,364
4 React95 3,163
5 briOS 2,058
6 react-boilerplate-cra-template 1,865
7 hls-downloader 1,666
8 Kuma UI 1,641
9 gatsby-advanced-starter 1,550
10 react-flow-chart 1,424
11 orbit-components 1,368
12 twc 1,247
13 next-saas-starter 1,160
14 landy-react-template 1,142
15 neopop-web 926
16 Tailwind-Styled-Component 796
17 design-system 722
18 algo-visualizers 659
19 react-redux-saga-boilerplate 606
20 twin.examples 460
21 nextjs-woocommerce 424
22 typescript-plugin-styled-components 418
23 jsx-dom 270

Sponsored
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.
www.influxdata.com