Add Auth, Databases, Functions, and Storage to your product and build any application at any scale while using your preferred coding languages and tools. Learn more →
Top 23 TypeScript styled-component Projects
-
styled-components
Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅
-
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.
Twin Macro Github Repo. This is a great resource to help you pick up Twin’s syntax, learn more about the package, and keep up to date with the latest releases.
-
Appwrite
Appwrite - The open-source backend cloud platform. Add Auth, Databases, Functions, and Storage to your product and build any application at any scale while using your preferred coding languages and tools.
-
Project mention: Show HN: React95 – a React components library recreating the look of Windows 95 | news.ycombinator.com | 2023-07-09
There'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: Show HN: React95 – A React components library recreating the look of Windows 95 | /r/patient_hackernews | 2023-07-10
-
-
react-boilerplate-cra-template
:fire: Setup Create React App with React Boilerplate. Highly scalable & Best DX & Performance Focused & Best practices.
-
-
Onboard AI
Learn any GitHub repo in 59 seconds. Onboard AI learns any GitHub repo in minutes and lets you chat with it to locate functionality, understand different parts, and generate new code. Use it for free at www.getonboard.dev.
-
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-04
Kuma UI
-
Website: react-flow-chart GitHub page
-
-
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.
-
next-saas-starter
⚡️ Free Next.js responsive landing page template for SaaS products made using JAMStack architecture.
-
-
Tailwind-Styled-Component
Create Tailwind CSS React components like styled components with class names on multiple lines and conditional class rendering
-
-
-
react-redux-saga-boilerplate
Starter kit with react-router, react-helmet, redux, redux-saga and styled-components
-
twin.examples
Packed with examples for different frameworks, this repo helps you get started with twin a whole lot faster.
-
typescript-plugin-styled-components
TypeScript transformer for improving the debugging experience of styled-components
-
nextjs-woocommerce
🔥 Next.js (React) headless eCommerce site with Typescript, WordPress (WooCommerce) backend and Algolia search
I don't have any courses Al though you can check this out https://github.com/w3bdesign/nextjs-woocommerce
-
-
Or look this library: https://github.com/xeoneux/next-dark-mode
-
react-drag-drop-files
Light and simple Reactjs drag and drop files library to use with very flexible options to change, so you put whatever the design you want for your drop-area. Users can drag and drop or even select the file anywhere in the window.
-
InfluxDB
Collect and Analyze Billions of Data Points in Real Time. Manage all types of time series data in a single, purpose-built database. Run at any scale in any environment in the cloud, on-premises, or at the edge.
TypeScript styled-components related posts
- 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
- 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
- How is everyone monetizing their frontend skills?
- npm ERR! Cannot read properties of null (reading 'edgesOut') | Error when installing a package on a reactjs project
- 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?
-
A note from our sponsor - Appwrite
appwrite.io | 10 Dec 2023
Index
What are some of the best open-source styled-component projects in TypeScript? This list will help you:
Project | Stars | |
---|---|---|
1 | styled-components | 39,752 |
2 | twin.macro | 7,641 |
3 | React95 | 6,085 |
4 | React95 | 3,032 |
5 | briOS | 1,946 |
6 | react-boilerplate-cra-template | 1,840 |
7 | hls-downloader | 1,542 |
8 | Kuma UI | 1,385 |
9 | react-flow-chart | 1,385 |
10 | orbit-components | 1,346 |
11 | landy-react-template | 1,058 |
12 | next-saas-starter | 952 |
13 | neopop-web | 919 |
14 | Tailwind-Styled-Component | 774 |
15 | design-system | 715 |
16 | sorting-visualizer | 633 |
17 | react-redux-saga-boilerplate | 607 |
18 | twin.examples | 452 |
19 | typescript-plugin-styled-components | 419 |
20 | nextjs-woocommerce | 390 |
21 | jsx-dom | 257 |
22 | next-dark-mode | 215 |
23 | react-drag-drop-files | 208 |