JavaScript styled-components

Open-source JavaScript projects categorized as styled-components | Edit details

Top 23 JavaScript styled-component Projects

  • GitHub repo react-boilerplate

    :fire: A highly scalable, offline-first foundation with the best developer experience and a focus on performance and best practices.

    Project mention: Open-source Headless CMS built with NestJS & ReactJS with Redux Saga | reddit.com/r/node | 2022-01-17

    Frontend was developed way earlier and where I used https://github.com/react-boilerplate/react-boilerplate. I know it would have been awesome if both projects were in typescript.

  • GitHub repo spectrum

    Simple, powerful online communities.

    Project mention: Does anyone have an open source project that uses react and styled-components I could look at? | reddit.com/r/learnprogramming | 2022-01-09

    Checkout spectrum

  • OPS

    OPS - Build and Run Open Source Unikernels. Quickly and easily build and deploy open source unikernels in tens of seconds. Deploy in any language to any cloud.

  • GitHub repo rebass

    :atom_symbol: React primitive UI components built with styled-system.

    Project mention: [Gatsby] - This was my first Gatsby project | reddit.com/r/reviewmycode | 2021-11-15

    There's absolutely nothing wrong with using CSS mixed with your components, but I would suggest (if you haven't already) looking into some alternatives, such as styled-components or Rebass. Not because one is "better" than the other, but it's something to add to your arsenal

  • GitHub repo styled-system

    ⬢ Style props for rapid UI development

    Project mention: TaskEz: Design to Code - Chapter 1 | dev.to | 2021-11-27

    You can read more about styled system here, https://styled-system.com/.

  • GitHub repo twin.macro

    🦹‍♂️ Twin blends the magic of Tailwind with the flexibility of css-in-js (emotion, styled-components, stitches and goober) at build time.

    Project mention: I am running tailwind in vscode in react, but when I try to view my page, no tailwind is working | reddit.com/r/tailwindcss | 2021-12-18
  • GitHub repo React95

    🌈🕹 Refreshed Windows 95 style UI components for your React app

    Project mention: WinBox - a professional HTML5 window manager for the web: lightweight, outstanding performance, no dependencies, fully customizable, open source | reddit.com/r/programming | 2021-10-17

    We've had React95 for a while.

  • GitHub repo react-firebase-starter

    Boilerplate (seed) project for creating web apps with React.js, GraphQL.js and Relay

    Project mention: 12+ React Boilerplates & Starter Kits For Developers In 2021 | dev.to | 2021-05-11

    GitHub

  • Scout APM

    Less time debugging, more time building. Scout APM allows you to find and fix performance issues with no hassle. Now with error monitoring and external services monitoring, Scout is a developer's best friend when it comes to application development.

  • GitHub repo v4

    Fourth iteration of my personal website built with Gatsby

    Project mention: Dont! Never give up! | reddit.com/r/learnprogramming | 2022-01-01

    Hey mate sorry I don't think that will be a good idea. But my portfolio is heavily inspired by https://brittanychiang.com/

  • GitHub repo goober

    🥜 goober, a less than 1KB 🎉 css-in-js alternative with a familiar API

    Project mention: Zero runtime CSS-in-JS : Is this where great DX meets top-notch Web Performance? (sharing our experience) | reddit.com/r/reactjs | 2021-11-19

    Consider adding Goober too to the mix.

  • GitHub repo netflix

    Subscribe to my YouTube channel: https://bit.ly/CognitiveSurge - Building Netflix Using React

  • GitHub repo orbit-components

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

  • GitHub repo babel-plugin-styled-components

    Improve the debugging experience and add server-side rendering support to styled-components

    Project mention: Using styled-components with SWC compiler? | reddit.com/r/reactjs | 2021-08-01

    Unfortunately, one thing keeps me from fully migrating to SWC: it replaces Babel, but it seems to have no alternative for babel-plugin-styled-components, which is crucial for my work (I use server-side rendering for styles and want to have readable names for debugging).

  • GitHub repo hedron

    A no-frills flexbox grid system for React, powered by styled-components.

  • GitHub repo design-system

    Priceline.com Design System

    Project mention: 5 Underrated React Design Systems for 2021 | dev.to | 2021-02-18

    Github

  • GitHub repo react-stripe-menu

    A clone of Stripe's animated menu using React, Styled Components and React-Flip-Toolkit

    Project mention: How was this top nav done? (stripe.com) | reddit.com/r/webdev | 2021-07-23

    You're correct. I believe the real implementation uses the flip-move technique. This user reproduced it more accurately, but with React: https://github.com/aholachek/react-stripe-menu

  • GitHub repo sorting-visualizer

    Sorting Algorithms Visualizer

    Project mention: Need help with building a snowpack react project | reddit.com/r/reactjs | 2021-07-27

    Sorting Visualizer

  • GitHub repo aragon-ui

    🦚 UI kit for decentralized apps

    Project mention: Daily General Discussion - January 28, 2021 | reddit.com/r/ethfinance | 2021-01-27

    aragonUI v0.30 gets released, featuring the new IdentityBadge.

  • GitHub repo smakosh.com

    My personal website

    Project mention: A portfolio for developers with a blog powered by Notion | dev.to | 2021-11-28

    ⭐ The open source section : mouadziani and smakosh

  • GitHub repo fakebooker-frontend

  • GitHub repo theme-builder

    The theming system helps you in building a theme of your choice and apply it to test live. Why wait? Just give it a try.

  • GitHub repo react-styled-select

    A Select control built with Reactjs, styled-components and :heart: http://agutoli.github.io/

  • GitHub repo french-press-editor

    ☕ An offline-first rich text editor component.

    Project mention: Slate – A completely customizable framework for building rich text editors | news.ycombinator.com | 2021-07-29

    That's my experience. I own a fork of Slate and Slate plugins that I've been doing my best to maintain, as well as a wrapper: https://github.com/roast-cms/french-press-editor. My project is small enough not to have bandwidth to upgrade Slate or switch to another editor but popular enough to keep alive and maintain two years past the version release I solidified. The implementation I have isn't very buggy, I've used it almost every day and have over a hundred users who successfully used it as well. There was only one time when a serious bug surfaced, the rest being minor inconveniences. This is the implementation: https://www.analog.cafe/write/draft

  • GitHub repo eleventy-react

    Use React components in Eleventy.

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 2022-01-17.

JavaScript styled-components related posts

Index

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

Project Stars
1 react-boilerplate 28,216
2 spectrum 10,339
3 rebass 7,586
4 styled-system 7,144
5 twin.macro 5,255
6 React95 4,922
7 react-firebase-starter 4,373
8 v4 4,294
9 goober 2,362
10 netflix 1,770
11 orbit-components 1,146
12 babel-plugin-styled-components 978
13 hedron 852
14 design-system 643
15 react-stripe-menu 438
16 sorting-visualizer 319
17 aragon-ui 296
18 smakosh.com 226
19 fakebooker-frontend 143
20 theme-builder 119
21 react-styled-select 107
22 french-press-editor 72
23 eleventy-react 66
Find remote jobs at our new job board 99remotejobs.com. There are 29 new remote jobs listed recently.
Are you hiring? Post a new remote job listing for free.
Static code analysis for 29 languages.
Your projects are multi-language. So is SonarQube analysis. Find Bugs, Vulnerabilities, Security Hotspots, and Code Smells so you can release quality code every time. Get started analyzing your projects today for free.
www.sonarqube.org