styled-components

Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅 (by styled-components)

Styled-components Alternatives

Similar projects and alternatives to styled-components

  • GitHub repo Next.js

    The React Framework

  • GitHub repo Tailwind CSS

    A utility-first CSS framework for rapid UI development.

  • GitHub repo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • GitHub repo material-ui

    Material-UI is a simple and customizable component library to build faster, beautiful, and more accessible React applications. Follow your own design system, or start with Material Design.

  • GitHub repo storybook

    📓 The UI component explorer. Develop, document, & test React, Vue, Angular, Web Components, Ember, Svelte & more!

  • GitHub repo redux

    Predictable state container for JavaScript apps

  • GitHub repo react-bootstrap

    Bootstrap components built with React

  • GitHub repo chakra-ui

    ⚡️ Simple, Modular & Accessible UI Components for your React Applications

  • GitHub repo create-react-app

    Set up a modern web app by running one command.

  • GitHub repo antd

    An enterprise-class UI design language and React UI library

  • GitHub repo TypeScript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • GitHub repo react-boilerplate

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

  • GitHub repo Joplin

    Joplin - an open source note taking and to-do application with synchronization capabilities for Windows, macOS, Linux, Android and iOS. Forum: https://discourse.joplinapp.org/

  • GitHub repo Sass

    Sass makes CSS fun!

  • GitHub repo git

    A fork of Git containing Windows-specific patches. (by git-for-windows)

  • GitHub repo notea

    📒 Self hosted note taking app stored on S3

  • GitHub repo SMPortfolio

    Said MOUNAIM | Simple Portfolio Using React Hooks & Styled Components

  • GitHub repo MongoDB

    The MongoDB Database

  • GitHub repo emotion

    👩‍🎤 CSS-in-JS library designed for high performance style composition

  • GitHub repo react-icons

    svg react icons of popular icon packs

NOTE: The number of mentions on this list indicates mentions on common posts. Hence, a higher number means a better styled-components alternative or higher similarity.

Posts

Posts where styled-components has been mentioned. We have used some of these posts to build our list of alternatives and similar projects - the last one was on 2021-07-17.
  • Junior dev, trouble with portfolio / job hunt
    reddit.com/r/react | 2021-07-22
    PS: Also maybe check out the companies using/sponsoring popular react libraries (see here "used by folks at:" https://styled-components.com/)
  • Styled Component - Reactjs (ES)
    dev.to | 2021-07-20
    Styled Components
  • how widely is styled-components used??
    reddit.com/r/reactjs | 2021-07-20
    I'd recommend using styled-components with React. As far as I know it is still widely used (over 2 million downloads via npm per week) and an easy starting point to get to know CSS-in-JS.
  • Resources to master 5 popular react libraries
    dev.to | 2021-07-17
    documentation
  • tsstyled: looking for people to try out my styled-components rewrite that is smaller, simpler, with stronger TypeScript types.
  • Modern Full-Stack Developer Tech Stack 2021
    dev.to | 2021-07-05
    CSS/SASS / styled-components - This can be used as a different option to Tailwind, giving you more customization options for the components in React
  • Introduction to styled-components (CSS-in-JS) in React
    dev.to | 2021-06-28
    styled-components provides a way to write CSS-in-JS. It was created to enhance the way CSS is written when styling React components. This tutorial will provide an introduction to styled-components so you can decide if it’s an approach you would like to use in future or existing React applications.
  • I thought I knew what I was doing
    There is also some other interesting use cases.
  • React Boilerplates in 2021 - The complete guide
    dev.to | 2021-06-13
    The main difference between other tools on this list and react-boilerplate is that, post setup, we get a highly opinionated, yet highly feature-rich development setup with feature support for react-router for routing, redux for state management, redux-saga for enhancing redux, reselect for optimization, immer for immutability and styled components for fast-tracking development. Even the project structure is highly opinionated with separation between containers (connected to redux store) and components that are pure components.
  • Designing Keyboard Accessibility for Complex React Experiences
    dev.to | 2021-06-10
    For common components, I can't recommend Reakit enough. It's a keyboard accessible, unstyled component library with dialogs, popovers, and much more. I use it for all of my personal projects nowadays. Combined with Framer Motion for animation and Styled Components for styling, it's a killer mix.
  • Question when using styled-components + ant design
    reddit.com/r/reactjs | 2021-06-09
    https://github.com/styled-components/styled-components/issues/2620#issuecomment-533189079
  • Real-world CSS vs. CSS-in-JS performance comparison
    news.ycombinator.com | 2021-06-08
    - Dynamic control over style. Basically your stylesheet is JS function returning style. You can do anything here. See this https://github.com/styled-components/styled-components/issue...
  • Build an online Shop with Gatsby and Shopify (Part 3)
    dev.to | 2021-05-28
    Do not wonder why the JSX Tags look a bit different. They are styled with styled components. Which is an entirely different topic. If you want to learn more about it. Just have a look here: Styled components. For now, you just have to know that it is a way of styling and under the hood you could use any tag you want. And as we want to focus here on building the functionality this is not something you should worry about.
  • Learn SVG animation while saving the planet 🌍
    dev.to | 2021-05-26
    Just to give you some small details, this site is built with React, TypeScript, styled-components, React Transition Group and a lot of sense of humor. It's hosted on Vercel, of course.
  • React Hooks Portfolio 😍
    dev.to | 2021-05-22
    styled-components

Stats

Basic styled-components repo stats
39
34,220
8.5
6 days ago

styled-components/styled-components is an open source project licensed under MIT License which is an OSI approved license.