With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js. Learn more →
Top 23 styled-component Open-Source Projects
-
styled-components
Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅
-
react-boilerplate
:fire: A highly scalable, offline-first foundation with the best developer experience and a focus on performance and best practices.
-
SurveyJS
Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
-
css.gg
700+ Pure CSS, SVG, PNG & Figma UI Icons Available in SVG Sprite, styled-components, NPM & API and 6000 glyphs
-
-
-
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.
-
InfluxDB
Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.
-
-
react-firebase-starter
Boilerplate (seed) project for creating web apps with React.js, GraphQL.js and Relay
-
portfolio-ideas
A curation of awesome portfolio website ideas for developers and designers to draw inspiration from. Raise a pull request to add more. 💜
-
-
netflix
Subscribe to my YouTube channel: https://bit.ly/CognitiveSurge - Building Netflix Using React
-
react-boilerplate-cra-template
:fire: Setup Create React App with React Boilerplate. Highly scalable & Best DX & Performance Focused & Best practices.
-
-
gatsby-advanced-starter
A high performance skeleton starter for GatsbyJS with an advanced feature set.
-
-
-
next-saas-starter
⚡️ Free Next.js responsive landing page template for SaaS products made using JAMStack architecture.
-
WorkOS
The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.
In 2023, I had a chat with Max Stoiber, CEO of Stellate, on a podcast to learn about his early success on GitHub. His first open-source project, react-boilerplate/react-boilerplate, gained a whopping 10k stars in just one weekend after appearing on the homepage of Hacker News. This success led Max to drop out of university and create several other popular open-source projects, including styled-components. This library accelerates the process of building styles in React components.
Project mention: Stay Ahead of the Game Must Have Front-End Boilerplates and Starter Kits for Every Developer | dev.to | 2023-09-06Clone this repo using git clone --depth=1 https://github.com/react-boilerplate/react-boilerplate.git
6. css.gg
KumaUI : Another relatively new contender, Kuma uses zero runtime CSS-in-JS to create headless UI components which allows a lot of flexibility. It was heavily inspired by other zero runtime CSS-in-JS solutions such as PandaCSS, Vanilla Extract, and Linaria, as well as by Styled System, ChakraUI, and Native Base. ### Vue
I am looking to create a personal website for my resume and recruiters, but I don't want to start from scratch. Do you guys have any recommendations with some github repo links of some templates I can use to get started? I want a template that uses Next.JS and Tailwind CSS. Some website designs that I like are https://v4.brittanychiang.com/ and https://www.craftz.dog/.
Project mention: Show HN: React95 – a React components library recreating the look of Windows 95 | news.ycombinator.com | 2023-07-09There's another repo on GitHub that does the same. If the number of stars is of any significance, they have more. See: https://react95.io/ or https://github.com/react95-io/React95
Project mention: 💡 Discover Your Life Goals and Make Your First Open Source Contribution with Before I Die Code 🚀 | dev.to | 2023-08-18Additional assistance and recourse came from studying other open source projects and developers repositories. For example, while searching GitHub, I found the frontend developer, open source developer & technical writer Victor Eke. Of the many open source projects that he has assisted with and created, I used his repository Portfolio Ideas to get ideas on the structure of documentation and, in additionally, reading his blog article “How my open source project got 1000 stars on GitHub in 4 months” on what he did to surpass the 1,000 stars on his open source project. I also studied one of the most popular stared first-contributions repositories (which has over 37,000 stars) for the excellent structure of the documentation. And lastly, to add more visual interest to the documentation found throughout the Before I Die Code, I used the Animated Fluent Emojis open source project by Tarikul Islam Anik.
Project mention: Show HN: React95 – A React components library recreating the look of Windows 95 | /r/patient_hackernews | 2023-07-10
Project mention: Does it make sense to use new NextJS with UI libraries if I have to put "use client" on top of every page in src/app to make CSS-in-JS work and can't use server components? | /r/reactjs | 2023-06-04Kuma UI
Project mention: Gatsby starters: 30 free Gatsby templates for blazingly fast website building | dev.to | 2024-04-03GitHub source
Website: react-flow-chart GitHub page
Project mention: TWC – Supercharged Reusable Tailwind CSS and React Components | news.ycombinator.com | 2024-02-29
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 2024-04-10.
styled-components related posts
- Growth Hacking Killed GitHub Stars
- TWC – Supercharged Reusable Tailwind CSS and React Components
- Ask HN: What blogs do you read?
- A New Blog for 2024
- TWC is not a revolution but…
- Show HN: React95 – a React components library recreating the look of Windows 95
- Show HN: React95 – A React components library recreating the look of Windows 95
-
A note from our sponsor - SurveyJS
surveyjs.io | 19 Apr 2024
Index
What are some of the best open-source styled-component projects? This list will help you:
| Project | Stars | |
|---|---|---|
| 1 | styled-components | 40,061 |
| 2 | react-boilerplate | 29,350 |
| 3 | css.gg | 9,533 |
| 4 | rebass | 7,927 |
| 5 | styled-system | 7,804 |
| 6 | twin.macro | 7,798 |
| 7 | brittanychiang.com v4 | 7,146 |
| 8 | React95 | 6,364 |
| 9 | react-firebase-starter | 4,494 |
| 10 | portfolio-ideas | 3,291 |
| 11 | React95 | 3,163 |
| 12 | goober | 3,030 |
| 13 | netflix | 2,060 |
| 14 | briOS | 2,058 |
| 15 | react-boilerplate-cra-template | 1,865 |
| 16 | hls-downloader | 1,666 |
| 17 | Kuma UI | 1,641 |
| 18 | gatsby-advanced-starter | 1,550 |
| 19 | react-flow-chart | 1,424 |
| 20 | orbit-components | 1,368 |
| 21 | kotlin-wrappers | 1,294 |
| 22 | twc | 1,253 |
| 23 | next-saas-starter | 1,160 |
The modern identity platform for B2B SaaS
The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.
workos.com