#Styled-components

Showing 60 of 100 repositories tagged #styled-components, ranked by stars

styled-components
styled-components
styled-components

Fast, expressive styling for React. Server components, client components, streaming SSR, React Nativeโ€”one API.

Score
100
โ˜… 41.1k โ‘‚ 2.5k +11/day
TypeScript
react-boilerplate
react-boilerplate
react-boilerplate

๐Ÿ”ฅ A highly scalable, offline-first foundation with the best developer experience and a focus on performance and best practices.

Score
94
โ˜… 29.5k โ‘‚ 6.0k โ€”
JavaScript
withspectrum
withspectrum
spectrum

Simple, powerful online communities.

Score
78
โ˜… 10.8k โ‘‚ 1.2k โ€”
JavaScript
ben-rogerson
ben-rogerson
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.

Score
97
โ˜… 8.0k โ‘‚ 179 โ€”
TypeScript
rebassjs
rebassjs
rebass

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

Score
77
โ˜… 7.9k โ‘‚ 636 โ€”
JavaScript
styled-system
styled-system
styled-system

โฌข Style props for rapid UI development

Score
74
โ˜… 7.9k โ‘‚ 495 โ€”
JavaScript
react95-io
react95-io
React95

๐ŸŒˆ๐Ÿ•น Windows 95 style UI component library for React

Score
71
โ˜… 7.2k โ‘‚ 213 โ€”
TypeScript
Evavic44
Evavic44
portfolio-ideas

A curation of awesome portfolio website ideas for developers and designers to draw inspiration from. Raise a pull request to add more. ๐Ÿ’œ

Score
98
โ˜… 6.2k โ‘‚ 937 +8/day
Markdown
gluestack
gluestack
gluestack-ui

React & React Native Components & Patterns (copy-paste components & patterns crafted with Tailwind CSS (NativeWind))

Score
100
โ˜… 5.2k โ‘‚ 225 +4/day
TypeScript
kriasoft
kriasoft
react-firebase-starter

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

Score
66
โ˜… 4.5k โ‘‚ 754 โ€”
JavaScript
paypal
paypal
glamorous

DEPRECATED: ๐Ÿ’„ Maintainable CSS with React

Score
63
โ˜… 3.6k โ‘‚ 205 โ€”
JavaScript
styled-components
styled-components
awesome-styled-components

A curated list of awesome styled-components resources ๐Ÿ’…

Score
62
โ˜… 3.5k โ‘‚ 272 โ€”
cristianbote
cristianbote
goober

๐Ÿฅœ goober, a less than 1KB ๐ŸŽ‰ css-in-js alternative with a familiar API

Score
89
โ˜… 3.3k โ‘‚ 125 โ€”
JavaScript
d3george
d3george
slash-admin

A Modern React Admin Template. It is based on React 19, Vite and TypeScript. It's fast !

Score
92
โ˜… 3.0k โ‘‚ 557 โ€”
TypeScript
diegohaz
diegohaz
arc

React starter kit based on Atomic Design

Score
60
โ˜… 2.9k โ‘‚ 291 โ€”
JavaScript
puemos
puemos
hls-downloader

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

Score
91
โ˜… 2.6k โ‘‚ 301 +1/day
TypeScript
jeffersonRibeiro
jeffersonRibeiro
react-shopping-cart

๐Ÿ›๏ธ Simple ecommerce cart application built with Typescript and React

Score
95
โ˜… 2.6k โ‘‚ 1.2k โ€”
TypeScript
styled-components
styled-components
xstyled

A utility-first CSS-in-JS framework built for React. ๐Ÿ’…๐Ÿ‘ฉโ€๐ŸŽคโšก๏ธ

Score
88
โ˜… 2.3k โ‘‚ 103 โ€”
MDX
brianlovin
brianlovin
briOS

My personal website.

Score
85
โ˜… 2.3k โ‘‚ 249 โ€”
TypeScript
Sly777
Sly777
ran

:zap: RAN! React . GraphQL . Next.js Toolkit :zap: - SEO-Ready, Production-Ready, SSR, Hot-Reload, CSS-in-JS, Caching, CLI commands and more...

Score
82
โ˜… 2.2k โ‘‚ 159 +1/day
JavaScript
karlhadwen
karlhadwen
netflix

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

Score
57
โ˜… 2.1k โ‘‚ 600 +1/day
JavaScript
styled-icons
styled-icons
styled-icons

๐Ÿ’… Popular icon packs like Font Awesome, Material Design, and Octicons, available as React Styled Components

Score
51
โ˜… 2.1k โ‘‚ 66 โ€”
JavaScript
rebassjs
rebassjs
grid

This package has moved and renamed

Score
49
โ˜… 2.0k โ‘‚ 94 โ€”
JavaScript
sanyuan0704
sanyuan0704
react-cloud-music

React 16.8ๆ‰“้€ ็ฒพ็พŽ้ŸณไนWebApp

Score
55
โ˜… 1.9k โ‘‚ 524 โ€”
JavaScript
react-boilerplate
react-boilerplate
react-boilerplate-cra-template

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

Score
54
โ˜… 1.9k โ‘‚ 380 โ€”
TypeScript
Blazity
Blazity
next-saas-starter

โšก๏ธ Free Next.js responsive landing page template for SaaS products made using JAMStack architecture.

Score
86
โ˜… 1.7k โ‘‚ 393 +1/day
TypeScript
Adrinlol
Adrinlol
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.

Score
83
โ˜… 1.6k โ‘‚ 768 +1/day
TypeScript
JetBrains
JetBrains
kotlin-wrappers

Kotlin wrappers for popular JavaScript libraries

Score
94
โ˜… 1.6k โ‘‚ 188 โ€”
Kotlin
MrBlenny
MrBlenny
react-flow-chart

๐ŸŒŠ A flexible, stateless, declarative flow chart library for react.

Score
48
โ˜… 1.6k โ‘‚ 305 +1/day
TypeScript
pietrzakadrian
pietrzakadrian
bank

open source web app similar to financial software that is used in banking institutions | React.js and Node.js

Score
46
โ˜… 1.4k โ‘‚ 360 โ€”
brianlovin
brianlovin
security-checklist

A checklist for staying safe on the internet

Score
40
โ˜… 922 โ‘‚ 75 โ€”
JavaScript
nitin42
nitin42
animate-components

โœจ Elemental components for doing animations in React

Score
37
โ˜… 907 โ‘‚ 33 โ€”
JavaScript
ariamckinley
ariamckinley
hedron

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

Score
35
โ˜… 862 โ‘‚ 43 โ€”
JavaScript
smakosh
smakosh
gatsby-portfolio-dev

A portfolio for developers

Score
42
โ˜… 827 โ‘‚ 194 โ€”
JavaScript
MathiasGilson
MathiasGilson
Tailwind-Styled-Component

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

Score
34
โ˜… 824 โ‘‚ 44 โ€”
TypeScript
justadudewhohacks
justadudewhohacks
websocket-chat

Websocket based group chat app built with socket.io and react.

Score
43
โ˜… 803 โ‘‚ 301 โ€”
JavaScript
diegohaz
diegohaz
styled-tools

Useful interpolated functions for CSS-in-JS

Score
29
โ˜… 799 โ‘‚ 24 โ€”
JavaScript
satnaing
satnaing
terminal-portfolio

Terminal style portfolio website built with React, TypeScript and Styled-Components.

Score
100
โ˜… 790 โ‘‚ 159 +1/day
TypeScript
priceline
priceline
design-system

Priceline.com Design System

Score
72
โ˜… 727 โ‘‚ 121 +1/day
TypeScript
bchiang7
bchiang7
spotify-profile

A web app for visualizing personalized Spotify data built with React, Express, and the Spotify API

Score
32
โ˜… 719 โ‘‚ 92 โ€”
JavaScript
pizzaql
pizzaql
pizzaql

:pizza: Modern OSS Order Management System for Pizza Restaurants

Score
68
โ˜… 710 โ‘‚ 77 โ€”
JavaScript
styled-components
styled-components
styled-components-website

The styled-components website and documentation

Score
80
โ˜… 621 โ‘‚ 431 โ€”
TypeScript
azz
azz
styled-css-grid

๐Ÿฑ A tiny CSS grid layout for React

Score
26
โ˜… 619 โ‘‚ 41 โ€”
JavaScript
gilbarbara
gilbarbara
react-redux-saga-boilerplate

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

Score
38
โ˜… 616 โ‘‚ 223 โ€”
TypeScript
Saas-Starter-Kit
Saas-Starter-Kit
SAAS-Starter-Kit-Pro

A boilerplate for building Software-as-Service (SAAS) apps with Reactjs, and Nodejs

Score
31
โ˜… 610 โ‘‚ 140 โ€”
HTML
w3bdesign
w3bdesign
nextjs-woocommerce

๐Ÿ”ฅ Next.js (React) headless eCommerce site with Typescript, WordPress (WooCommerce) backend and Algolia search

Score
75
โ˜… 608 โ‘‚ 151 โ€”
TypeScript
wanguano
wanguano
Music163-React

๐Ÿ”ฅๅŸบไบŽReactๅ…จๅฎถๆกถๅผ€ๅ‘๏ผšใ€Œ็ฝ‘ๆ˜“ไบ‘้ŸณไนPC็ซฏ้กน็›ฎใ€ๅฎžๆˆ˜

Score
28
โ˜… 602 โ‘‚ 119 โ€”
JavaScript
scf4
scf4
styled-map

โœจA super simple way to map props to styles with Styled Components โš ๏ธย See README.md

Score
23
โ˜… 587 โ‘‚ 14 โ€”
JavaScript
robinpowered
robinpowered
glamorous-native

DEPRECATED: ๐Ÿ’„ React Native component styling solved

Score
72
โ˜… 570 โ‘‚ 51 โ€”
JavaScript
mg901
mg901
styled-breakpoints

Powerful CSS-in-JS media queries with SSR support.

Score
65
โ˜… 557 โ‘‚ 24 โ€”
TypeScript
borela
borela
naomi

Sublime Text enhanced syntax highlighting for JavaScript ES6/ES7/ES2015/ES2016/ES2017+, Babel, FlowType, React JSX, Styled Components, HTML5, SCSS3, PHP 7, phpDoc, PHPUnit, MQL4. Basic: Git config files.

Score
22
โ˜… 555 โ‘‚ 16 โ€”
MQL4
LoicMahieu
LoicMahieu
react-styled-flexboxgrid

Grid system based on styled-components and flexbox for React

Score
25
โ˜… 553 โ‘‚ 66 โ€”
JavaScript
nyancss
nyancss
nyancss

๐ŸŒˆ Write plain CSS while reaping benefits of CSS-in-JS

Score
20
โ˜… 553 โ‘‚ 13 โ€”
TypeScript
cleverbeagle
cleverbeagle
pup

The Ultimate Boilerplate for Products.

Score
0
โ˜… 552 โ‘‚ 134 โ€”
JavaScript
mrmartineau
mrmartineau
design-system-utils

๐Ÿ‘ฉโ€๐ŸŽจ Access your design tokens with ease

Score
18
โ˜… 543 โ‘‚ 12 โ€”
TypeScript
esbenp
esbenp
react-native-clean-form

Easy react-native forms using bootstrap-like syntax with redux-form+immutablejs integration. Styled using styled-components

Score
67
โ˜… 474 โ‘‚ 74 โ€”
JavaScript
codebucks27
codebucks27
react-portfolio-final

Build a Stunning portfolio with React JS and framer-motion. This portfolio is created using framer-motion for cool transitions and animation. If you want to learn how to create this portfolio then you can follow below tutorial link in the ReadMe

Score
69
โ˜… 468 โ‘‚ 150 +2/day
JavaScript
ConsenSysMesh
ConsenSysMesh
rimble-ui

React components that implement Rimble's Design System.

Score
67
โ˜… 454 โ‘‚ 61 โ€”
JavaScript
GSTJ
GSTJ
pegava-dating-app

๐Ÿ’– A place to get some love. Pegava is a beautiful dating app made in React Native.

Score
78
โ˜… 430 โ‘‚ 146 +2/day
TypeScript
gmartins-dev
gmartins-dev
links

Lista colaborativa de sites e ferramentas รบteis para desenvolvedores (que sejam preferencialmente gratuitas/livres).

Score
61
โ˜… 407 โ‘‚ 61 โ€”
Related Topics
#react#javascript#css#css-in-js#reactjs#typescript#redux#nextjs#emotion#nodejs#graphql#tailwindcss

ยฉ 2026 GitRepoTrend ยท GitHub repositories by topic ยท Updated weekly