Snapshot of styled-components/awesome-styled-components: 3.5kβ , Frontend. A curated list of awesome styled-components resources π
Snapshot summary built from the project's own GitHub metadata β there's no written TopGit review yet. The page will update automatically when a full review is published.
WHY NO REVIEW YET
TopGit writes full reviews for the most-starred, most-requested repositories. This page is a snapshot until then β see the READ ME tab for the original README in full.
Vimeo - Video collaboration, video distribution and video everything else.
Orbit Components - Component library of Orbit Design System, built by and for Kiwi.com
PageXL - No code website builder to create landing pages and online stores in minutes.
Taskade - The unified workspace for distributed teams. Real-time collaboration and organization tool.
njt.now.sh - njt (npm jump to) is a tool and a service that provides package navigation shortcuts. It uses Next.js and involves server-side-rendering (source).
Jane - Daily deal site offering the latest trends in fashion and home decor.
Sweetgreen Android App - Sweetgreen is an American fast casual restaurant chain that serves salads. It already using Styled Components for the React Native Android Application.
WebGazer - Uptime monitoring and analytics service.
Cloverleaf - Reveal insights on your team's hidden qualities.
The Players Tribune - The Voice of the Game
Moleskine - Moleskine Digital Studio.
FortniteMaster.com - Professional Fortnite Battle Royale Stats.
Prisma - Open-Source GraphQL ORM for GraphQL Servers (source).
InVision - Digital product design, workflow & collaboration.
TSM - Official TSM Site.
Swipe Life - Tinder Swipe Life.
Autodesk - Online CAD Editor & Viewer.
Vogue - Fashion, Trends, Beauty and People.
Spectrum - The community platform for the future (source).
Casper - Better Sleep For All.
Coinbase - Buy & Sell Bitcoin, Ethereum, and more with trust.
Typeform - Turn data collection into an experience.
Atlaskit - Atlaskit by Atlassian (source).
ticketmaster.co.uk - Tickets for concerts, theatre, football, family days out.
shop.lego.com - LEGO shop.
Patreon - Best way for artists and creators to get sustainable income and connect with fans.
Target - Expect More. Pay Less.
Dutchie - Online Cannabis Ordering & Delivery.
Tab Ipsum - Generate fake content easily (source).
Booben - Design, develop, connect data, get source code - all in one place.
React Native Explorer - Explorer React Native packages and examples effortlessly.
Coinbase Pro - US based digital asset exchange with trading UI, FIX API and REST API.
rick-morty-app - Rick and Morty Information Portal.
Hack Club - Website for a global, non-profit community of high school coding clubs (source)
Helsinki Food Guide - Website featuring only the best dishes in Helsinki.
Atlas of of Economic Complexity - Research and data visualization tool to explore global trade flows across markets, track these dynamics over time and discover new growth opportunities for every country.
Outline - Wiki for your team (source)
Count Minutes - Application helping you to be in control of your time.
GitPoint - GitPoint is the most feature-rich unofficial GitHub client that is 100% free.
en.kachkaev.ru - Personal homepage built with next.js; also uses GraphQL, Docker, CI and microservice architecture (source on GitLab).
WutTheLint - Searchable catalog of linters.
GetShitDone - Timer to track your work tasks (source).
Swat.io - Social Media Managment for Teams by Die Socialisten
Grabient.com - A beautiful and simple UI for generating web gradients. (source).
CodeSandbox - An online editor tailored for React development (source).
rosesdaycare.center - Marketing website with theme colors that change on refresh (source).
joeireland.com - Portfolio of Joseph Ireland (source).
michaelhsu.tw - A simple static homepage built with CRA pre-renderer (source).
Reactiflux - Reactiflux community home build with Gatsby (source).
Dirtyredz.com - David McClain | Dirtyredz * About me, Latest projects and Contact (source).
sachagreif.com - Personal homepage built with Gatsby (source).
spaceexperience.club - Brings you each day a stunning picture of our universe, Astronomy Picture of the Day. (source).
PostCSS.parts - Searchable catalog of PostCSS plugins.
Further Reading
Articles
The styled-components Happy Path
The state of CSS, CSS in JS & how styled-components is solving the problems weβve had for decades
How styled-components works
Getting Sassy with styled-components
Writing Scalable React Apps with the Component Folder Pattern
Building a Blog With Next.js and styled-components
How to create responsive UI with styled-components
How to build a simple HackerNews feed with styled-components
Creating truly universal React component systems
Ryan Florence - Ryan's Random Thoughts on Inline Styles
Rendering Khan Academyβs Learn Menu Wherever I Please
The Future of Reusable CSS
"Scale" FUD and Style Components
The magic behind π styled-components
Video from Confs
The road to styled components, and the road ahead - Glen Maddern, Front End Center
β‘οΈ - Max Stoiber - The Road to Styled Components - React Conf 2017
ColdFront16 β’ Glenn Maddern: The Future of Reusable CSS
Video Tutorials
Create a style guide using NPM & styled-components
How to Use Styled Components in React Applications
CSS in JavaScript
Contribute
Contributions welcome and suggestions! Read the contribution guidelines first.
Archived
Here's a list of previous library links (without any category or grouping) that have been inactive without
new releases for at least 12 months. This may include packages that have had commits that simply bump dependencies,
without actually upgrading peer dependencies, or other changes.
sugUI Components Library - A UI components library and design system template.
react-awesome-notifications - A beautiful fully customizable React + Redux notification system built with styled-components.
styled-bootstrap - Bootstrap 4 Components implementation with customization in mind.
react-super-styled - Build responsive, semantic layouts fast with this design-agnostic toolkit.
styled-flex-component - Flex Element for not writing any more custom flex styles.
styled-grid-component - Grid Element for not writing any more custom grid styles.
react-styled-flexbox - Effortlessly add flexbox styles to your components using minimal code.
Reactackle - Open-source component library built with React and Styled Components.
react-styled-box - Speed up prototyping layouts with ready flex powered Box.
styled-loaders - Loaders Built with Preact and Styled Components.
colors-show - Present your application colors with style.
react-adminlte-dash - AdminLTE dashboard components in React.
react-presents - Highly customizable React slideshow framework with syntax highlighting and mobile support.
react-progressive-bg-image - Medium style progressive background image.
mcs-lite-ui - An on-premises Internet of Things cloud platform, which can be quickly built and is fast to get started with.
last-draft - A Draft.js Editor.
reshake - CSShake as a React Functional Component.
react-teleportation - Teleport your components to the foreground.
react-enhanced-form - form component.
react-create-component-from-tag-prop - Create a React component from a tag prop. Lets your users to choose which HTML elements get styled.
react-rasta - Responsive 12 column grid system which comes with a clean and simple API plus tons of feature -- customizable breakpoints, full screen mode, and no gutter to name a few.
styled-grid-responsive - Responsive, fluid, deeply nestable, non-flexbox grid system with default or custom breakpoints.
styled-components-spacing - Responsive margin and padding components.
griz - The simplest grid system you'd ever see. Using grids with a flexbox fallback.
Rebass Grid - Responsive React grid system built with styled-system.
super-query - Super media-query intuitive and easy of use.
styled-container-query - Use Container Queries/Element Queries with an easy syntax.
subatomic - Add inline style props to your styled components.
with-styled-class-names - Tiny (666 bytes gzip size) helper function/high order component to help style custom classNames props like inputClassName, activeClassName etc. on 3rd party components using styled-components
normalized-styled-components - normalize.css with a styled-components mindset.
styled-is - Flag utility for styled-components.
styled-components-ts - styled-components for TypeScript
styled-by - Simple and powerful lib to handle styled props.
styled-media-query - Easily and beautifully use media queries with custom breakpoints,
styled-shortcut-components - A convenience package that wraps styled-components with styled-shortcuts.
styled-shortcuts - Use simple string notation to access props. No functions necessary.
styled-components-theme - Refers to theme colors and modifying them inline.
styled-components-breakpoint - Utility function for using breakpoints.
styled-props - Allows you to set styled props in your styled-components without stress.
styled-components-test-utils - Utils for styled-components compatible with jest, expect, chai and jasmine
ReactQL - Universal React + GraphQL starter kit written in Typescript w/ React 16, Apollo 2, SSR, hot-code reload, Brotli compression, strongly typed themes and support for SASS/LESS/PostCSS.
RAN! - Production-ready boilerplate with support for GraphQL, SSR, Hot-reload, and caching.
Razzle Material UI Styled Example - Razzle Material UI example using Express with compression.
Does styled-components/awesome-styled-components have a project website?
No homepage URL was recorded for styled-components/awesome-styled-components in TopGit's last sync. The README tab above frequently contains screenshots and demo links, or check the repository description on GitHub.
How active is development on styled-components/awesome-styled-components?
The most recent commit recorded on styled-components/awesome-styled-components was 3.3 years ago, based on the GitHub push timestamp. The repository has 271 forks β one of the better signals of community interest.
How many stars does styled-components/awesome-styled-components have?
styled-components/awesome-styled-components has 3.5k GitHub stars β refresh the page for the live number, or check github.com/styled-components/awesome-styled-components. TopGit mirrors GitHub's count but does not claim minute-by-minute accuracy.
What language is styled-components/awesome-styled-components written in?
TopGit's last sync did not record a primary language for styled-components/awesome-styled-components. Open the repository on GitHub to see the full breakdown by file extension.
What topics is styled-components/awesome-styled-components associated with?
GitHub's repository topics for styled-components/awesome-styled-components: "awesome", "awesome-list", "css", "css-in-js", "react", "styled-components". TopGit's editorial category is Frontend.
Where do I read more about styled-components/awesome-styled-components?
This TopGit page is a snapshot β the READ ME tab shows the project's own README content (links stripped, images preserved). The GitHub repository at github.com/styled-components/awesome-styled-components is the definitive source.
Read full README in the tab above.
Still deciding about awesome-styled-components?
One click hands the question to an AI along with this page β see what it says about awesome-styled-components.
/awesome-styled-components
