Top 23 styled-component Open-Source Projects
Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅Project mention: Everything you need to know about Styled Components | dev.to | 2021-05-03
As you can see, it's actually pretty easy to understand and start using styled-components in your React applications. There are cool features that can help us to custom our component the way we want, make some dynamic styling using props, creating a theme and so on. So I would encourage you to dive into the documentation and try it out on your projects.
As an example, let's try to run this basic React-based app inside every environment and see how it goes. I have picked this one because it doesn't require a specific CLI to run it.
Scout APM - Leading-edge performance monitoring starting at $39/month. Scout APM uses tracing logic that ties bottlenecks to source code so you know the exact line of code causing performance issues and can get back to building a great product faster.
Simple, powerful online communities.Project mention: Sqwok.im adds support for markdown, bug fixes, ui enhancements, and more. | reddit.com/r/RedditAlternatives | 2021-04-23
another spectrum.chat ripoff? Beat it.
700+ Pure CSS, SVG & Figma UI Icons Available in SVG Sprite, styled-components, NPM & APIProject mention: CSS.GG - 2.0 - 700 UI Icons in CSS, SVG & Figma | reddit.com/r/FigmaDesign | 2021-04-24
:atom_symbol: React primitive UI components built with styled-system.Project mention: 15 Free ReactJS Templates for Your Next Project | dev.to | 2021-04-14
TRebass is a primitive UI component built with styled-system. It is known to be one of the best React component libs out there. It is responsive, supports styled-components, flexbox, and more. See it's Live Demo
⬢ Style props for rapid UI developmentProject mention: tizz - twitch viewership metrics FE + API built with next.js, express, postgres | reddit.com/r/reactjs | 2021-04-04
I think you'd really enjoy Styled System after reading your remarks on styled components. They go great together and solve the problems you are talking about.
🦹♂️ Twin blends the magic of Tailwind with the flexibility of css-in-js (emotion, styled-components and goober) at build time.Project mention: Tailwind, styled components or good way to combine them? | reddit.com/r/reactjs | 2021-05-09
There was a discussion about JIT here and it seems like twin.macro is going to add some built-in JIT equivalent features. Hope you find what you're looking for!
Tourist Guide into your React ComponentsProject mention: Create a guided tour plugin in the admin panel | dev.to | 2021-02-22
In this tutorial I will show you how to create your own plugin on Strapi (version 3.4.6) and more precisely how to use reactour to create a guided tour which can be very useful for content managers out there who will have to master Strapi's admin to manage their content.
🥜 goober, a less than 1KB 🎉 css-in-js alternative with a familiar APIProject mention: Show HN: Goober.rocks | news.ycombinator.com | 2021-03-20
A React components library with Win95 UIProject mention: Using Google Sheets as a simple database with Papa Parse | dev.to | 2021-03-15
One of the first results was React95 and the first link inside the showcase was a recipe app from one of the library's contributors. The readme stated it used Google Sheets as a database, which I found interesting and decided to investigate further.
Subscribe to my YouTube channel: https://bit.ly/CognitiveSurge - Building Netflix Using ReactProject mention: Weekly Developer Roundup #16 - Sun Oct 04 2020 | dev.to | 2020-10-03
:fire: Setup Create React App with React Boilerplate. Highly scalable & Best DX & Performance Focused & Best practices.Project mention: 🚀10 Trending projects on GitHub for web developers - 15th January 2021 | dev.to | 2021-01-15
react-boilerplate / react-boilerplate-cra-template
Improve the debugging experience and add server-side rendering support to styled-componentsProject mention: Converting from Styled Components to Material-UI: Can Material use `withStyles()` on a div? | reddit.com/r/reactjs | 2021-03-11
A no-frills flexbox grid system for React, powered by styled-components.
React components of open-source Orbit design system by Kiwi.com (by kiwicom)
Priceline.com Design SystemProject mention: 5 Underrated React Design Systems for 2021 | dev.to | 2021-02-18
Web Extension for sniffing and downloading HTTP Live streams (HLS)Project mention: mycourses videos buffering | reddit.com/r/rit | 2021-04-24
Use this extension to download them, if there is no button to do so: https://chrome.google.com/webstore/detail/hls-downloader/apomkbibleomoihlhhdbeghnfioffbej
Typed styled components in Reason, OCaml and ReScript
🦚 UI kit for decentralized appsProject mention: Daily General Discussion - January 28, 2021 | reddit.com/r/ethfinance | 2021-01-27
aragonUI v0.30 gets released, featuring the new IdentityBadge.
Packed with examples for different frameworks, this repo helps you get started with twin a whole lot faster.Project mention: How to setup create-react-app twin.macro and emotion | dev.to | 2021-03-29
You can pretty much follow all the steps from this tutorial, until this point where it tells you to extend JSX with a jsx-pragma in front of every twin.macro import. The documentation underneath says the following:
Free admin dashboard template based on Gatsby with @paljs/ui component packageProject mention: Free React dashboard templates and themes | dev.to | 2021-05-06
Live Demo / Download
What are some of the best open-source styled-component projects? This list will help you: