Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

styled-components

styled-components is a JavaScript library that makes styling React apps enjoyable using the best bits of ES6 and CSS.

https://github.com/styled-components/styled-components

Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress ๐Ÿ’…

css css-in-js react styled-components

Last synced: 30 Dec 2024

https://github.com/react-boilerplate/react-boilerplate

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

i18n immer offline-first react react-boilerplate redux redux-saga scaffolding styled-components webpack4

Last synced: 30 Dec 2024

https://github.com/withspectrum/spectrum

Simple, powerful online communities.

expo flowtype graphql nodejs react reactjs rethinkdb styled-components

Last synced: 27 Sep 2024

https://github.com/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.

babel babel-macro css-in-js emotion emotionjs goober react reactjs solidjs stitches styled-components styling-css-in-js styling-react tailwind tailwind-css tailwind-in-js tailwindcss twin

Last synced: 31 Dec 2024

https://github.com/rebassjs/rebass

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

color components css design-system emotion grid javascript layout react react-components rebass styled-components styled-system theme typography ui

Last synced: 31 Dec 2024

https://github.com/bchiang7/v4

Fourth iteration of my personal website built with Gatsby

gatsbyjs personal-site styled-components

Last synced: 31 Dec 2024

https://github.com/styled-components/polished

A lightweight toolset for writing styles in JavaScript โœจ

css-in-js inline-styles styled-components styling

Last synced: 30 Dec 2024

https://github.com/react95-io/react95

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

component-library components design-system react reactjs styled-components ui ui-kit vaporwave windows95

Last synced: 26 Dec 2024

https://github.com/react95-io/React95

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

component-library components design-system react reactjs styled-components ui ui-kit vaporwave windows95

Last synced: 27 Oct 2024

https://github.com/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. ๐Ÿ’œ

blog css designers developer-jobs developer-portfolio devfolio ideas inspiration javascript nextjs personal-website portfolio portfolio-ideas portfolio-website react reactjs resume styled-components tailwindcss typescript

Last synced: 24 Dec 2024

https://github.com/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. ๐Ÿ’œ

blog css designers developer-jobs developer-portfolio devfolio ideas inspiration javascript nextjs personal-website portfolio portfolio-ideas portfolio-website react reactjs resume styled-components tailwindcss typescript

Last synced: 25 Oct 2024

https://github.com/paypal/glamorous

DEPRECATED: ๐Ÿ’„ Maintainable CSS with React

css-in-js glamor glamorous react styled-components

Last synced: 29 Sep 2024

https://github.com/React95/React95

A React components library with Win95 UI

design-system hacktoberfest react storybook styled-components windows95

Last synced: 29 Oct 2024

https://github.com/cristianbote/goober

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

critical-css css css-in-js dom emotion goober javascript preact react ssr styled styled-components vanilla

Last synced: 30 Dec 2024

https://github.com/gluestack/gluestack-ui

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

accessibility component-library customizable-components design-system react react-native styled-components ui ui-components universal-components

Last synced: 30 Dec 2024

https://github.com/styled-components/xstyled

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

css css-in-js emotion react styled-components styled-system tailwindcss

Last synced: 27 Dec 2024

https://github.com/gregberge/xstyled

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

css css-in-js emotion react styled-components styled-system tailwindcss

Last synced: 13 Nov 2024

https://github.com/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...

apollo boilerplate graphql nextjs nodejs react redux rng seo-ready styled-components toolkit zeit

Last synced: 24 Dec 2024

https://github.com/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...

apollo boilerplate graphql nextjs nodejs react redux rng seo-ready styled-components toolkit zeit

Last synced: 24 Oct 2024

https://github.com/styled-icons/styled-icons

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

boxicons cryptoicons evil-icons feather-icons font-awesome foundation-icons hacktoberfest heroicons icomoon icon-packs icons material material-icons octicons open-iconic react styled-components svg typicons zondicons

Last synced: 31 Dec 2024

https://github.com/karlhadwen/netflix

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

compound-components custom-hooks firebase netflix react react-context react-hooks react-portals styled-components

Last synced: 27 Dec 2024

https://github.com/react-boilerplate/react-boilerplate-cra-template

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

create-react-app create-react-app-typescript i18n react react-boilerplate react-boilerplate-template redux redux-saga redux-toolkit styled-components typescript

Last synced: 24 Dec 2024

https://github.com/smooth-code/smooth-ui

Modern React UI library ๐Ÿ’…๐Ÿ‘ฉโ€๐ŸŽค๐Ÿญ

bootstrap material-ui react styled-components ui ui-components ui-library

Last synced: 26 Sep 2024

https://github.com/mrblenny/react-flow-chart

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

diagram diagrams drag-and-drop flowchart react styled-components typescript webpack4

Last synced: 26 Dec 2024

https://github.com/MrBlenny/react-flow-chart

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

diagram diagrams drag-and-drop flowchart react styled-components typescript webpack4

Last synced: 19 Nov 2024

https://github.com/joshwcomeau/waveforms

An interactive, explorable explanation about the peculiar magic of sound waves.

animation canvas lesson react reactjs styled-components svg tutorial

Last synced: 30 Dec 2024

https://github.com/kiwicom/orbit

React components of open-source Orbit design system by Kiwi.com

component component-library design-system hacktoberfest kiwi kiwicom orbit react styled-components

Last synced: 24 Dec 2024

https://github.com/pietrzakadrian/bank

๐Ÿฆ Full Stack Web Application similar to financial software that is used in banking institutions | React.js and Node.js

antd backend frontend javascript nestjs nodejs postgresql react reactjs redux redux-saga rest-api styled-components typescript

Last synced: 29 Dec 2024

https://github.com/jetbrains/kotlin-wrappers

Kotlin wrappers for popular JavaScript libraries

css kotlin kotlin-js react react-router-dom styled-components

Last synced: 24 Dec 2024

https://github.com/gregberge/twc

Create reusable React + Tailwind CSS components in one line โœจ

react styled-components tailwindcss

Last synced: 25 Dec 2024

https://github.com/JetBrains/kotlin-wrappers

Kotlin wrappers for popular JavaScript libraries

css kotlin kotlin-js react react-router-dom styled-components

Last synced: 27 Oct 2024

https://github.com/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.

boilerplate boilerplate-template landy react react-boilerplate react-template reactjs styled-components typescript

Last synced: 26 Dec 2024

https://github.com/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.

boilerplate boilerplate-template landy react react-boilerplate react-template reactjs styled-components typescript

Last synced: 29 Oct 2024

https://github.com/styled-components/styled-theming

Create themes for your app using styled-components

css-in-js react styled-components theming

Last synced: 27 Dec 2024

https://github.com/kettanaito/atomic-layout

Build declarative, responsive layouts in React using CSS Grid.

atom atomic-design atomic-layout composition css-grid layout react responsive-props styled-components

Last synced: 27 Dec 2024

https://github.com/styled-components/babel-plugin-styled-components

Improve the debugging experience and add server-side rendering support to styled-components

babel babel-plugin minification ssr styled-components

Last synced: 24 Dec 2024

https://github.com/agneym/playground

A simple playground for HTML, CSS and JavaScript supporting module imports.

microbundle playground react styled-components typescript

Last synced: 26 Dec 2024

https://github.com/cred-club/neopop-web

NeoPOP components library based on CRED's design system

cred design neopop react styled-components system ui-components

Last synced: 28 Dec 2024

https://github.com/CRED-CLUB/neopop-web

NeoPOP components library based on CRED's design system

cred design neopop react styled-components system ui-components

Last synced: 07 Nov 2024

https://github.com/aritheelk/hedron

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

flexbox react reactjs styled-components

Last synced: 18 Dec 2024

https://github.com/AriTheElk/hedron

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

flexbox react reactjs styled-components

Last synced: 26 Oct 2024

https://github.com/MathiasGilson/Tailwind-Styled-Component

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

css css-in-js react styled-components tailwind tailwind-css tailwindcss tailwindcss-plugin tailwindcss-ui typescript

Last synced: 06 Nov 2024

https://github.com/mathiasgilson/tailwind-styled-component

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

css css-in-js react styled-components tailwind tailwind-css tailwindcss tailwindcss-plugin tailwindcss-ui typescript

Last synced: 25 Dec 2024

https://github.com/diegohaz/styled-tools

Useful interpolated functions for CSS-in-JS

css-in-js emotion jss lodash react styled-components utilities

Last synced: 27 Dec 2024

https://github.com/justadudewhohacks/websocket-chat

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

chat javascript material-ui nodejs react reactjs socket-io styled-components websocket

Last synced: 28 Dec 2024

https://github.com/serudda/steroidesign

Themes based on the biggest StartUps (buttons, color palette, components, etc.) ready to use in your own projects.

design design-tools sass sideproject starter-kit startup styled-components theme

Last synced: 29 Dec 2024

https://github.com/bchiang7/spotify-profile

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

express nodejs reach-router react spotify-profile spotify-web-api styled-components

Last synced: 27 Dec 2024

https://github.com/wttj/welcome-ui

Customizable design system from Welcome to the jungle (@wttj) with react, typescript, styled-components, ariakit and a lot of love ๐Ÿ’› Here you'll find all the core components you need to create a delightful webapp.

ariakit customizable design design-system design-systems jungle react styled-components styled-system system typescript typescript-react ui ux welcome xstyled

Last synced: 25 Dec 2024

https://github.com/WTTJ/welcome-ui

Customizable design system from Welcome to the jungle (@wttj) with react, typescript, styled-components, ariakit and a lot of love ๐Ÿ’› Here you'll find all the core components you need to create a delightful webapp.

ariakit customizable design design-system design-systems jungle react styled-components styled-system system typescript typescript-react ui ux welcome xstyled

Last synced: 12 Nov 2024

https://github.com/azz/styled-css-grid

๐Ÿฑ A tiny CSS grid layout for React

css grid react styled-components

Last synced: 26 Dec 2024

https://github.com/gilbarbara/react-redux-saga-boilerplate

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

boilerplate css-in-js react react-helmet react-router redux redux-saga styled-components

Last synced: 29 Dec 2024

https://github.com/styled-components/styled-components-website

The styled-components website and documentation

documentation nextjs preact react styled-components

Last synced: 26 Dec 2024

https://github.com/saas-starter-kit/saas-starter-kit-pro

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

aws boilerplate hackathon-starter nextjs nodejs react reactjs saas saas-boilerplate stripe styled-components

Last synced: 26 Sep 2024

https://github.com/Saas-Starter-Kit/SAAS-Starter-Kit-Pro

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

aws boilerplate hackathon-starter nextjs nodejs react reactjs saas saas-boilerplate stripe styled-components

Last synced: 07 Nov 2024

https://github.com/scf4/styled-map

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

css emotionjs helper helpers react styled-components

Last synced: 26 Sep 2024

https://github.com/wanguano/music163-react

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

antdesign immutable music music-player neteasecloudmusicapi prop-types react react-router redux redux-immutable redux-thunk styled-components

Last synced: 28 Dec 2024

https://github.com/robinpowered/glamorous-native

DEPRECATED: ๐Ÿ’„ React Native component styling solved

css-in-js glamorous react react-native styled-components

Last synced: 26 Sep 2024

https://github.com/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.

babel babel-sublime cssnext es2015 es2016 es6 es7 flow flowtype html5 php7 postcss react reactjs sass styled-components sublime syntax webpack

Last synced: 28 Dec 2024

https://github.com/loicmahieu/react-styled-flexboxgrid

Grid system based on styled-components and flexbox for React

flexbox grid react styled-components

Last synced: 27 Dec 2024

https://github.com/LoicMahieu/react-styled-flexboxgrid

Grid system based on styled-components and flexbox for React

flexbox grid react styled-components

Last synced: 21 Dec 2024

https://github.com/nyancss/nyancss

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

css css-modules preact react styled-components webpack

Last synced: 29 Dec 2024

https://github.com/mrmartineau/design-system-utils

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

css-in-js design-tokens emotion preact react styled-components tokens typescript

Last synced: 30 Dec 2024

https://github.com/satnaing/terminal-portfolio

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

github learn portfolio react reactjs styled-components terminal terminal-portfolio terminal-style-website terminal-styled typescript

Last synced: 28 Dec 2024

https://github.com/w3bdesign/nextjs-woocommerce

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

algolia algolia-search animatecss apollo ecommerce ecommerce-site es6 framer-motion graphql nextjs react react-hook-form styled-components tailwindcss typescript woocommerce woocommerce-api wp-graphql

Last synced: 28 Dec 2024

https://github.com/jxnblk/macro-components

Create flexible layout and composite UI components without the need to define arbitrary custom props

components composite-components react style styled-components ui

Last synced: 24 Dec 2024

https://github.com/strapi/design-system

Strapi.io's design system :rocket:

design-system styled-components

Last synced: 28 Dec 2024

https://github.com/esbenp/react-native-clean-form

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

react-native redux redux-form styled-components

Last synced: 27 Dec 2024

https://github.com/gandm/language-babel

ES2017, flow, React JSX and GraphQL grammar and transpilation for ATOM

atom babel es5 es6 es7 graphql jsx react styled-components

Last synced: 28 Dec 2024

https://github.com/aholachek/react-stripe-menu

A clone of Stripe's animated menu using React, Styled Components and React-Flip-Toolkit

animation demo flip popmotion react stripe styled-components ui

Last synced: 29 Dec 2024

https://github.com/ben-rogerson/twin.examples

Packed with examples for different frameworks, this repo helps you get started with twin a whole lot faster.

emotionjs styled-components tailwind tailwindcss twin

Last synced: 25 Dec 2024

https://github.com/ConsenSysMesh/rimble-ui

React components that implement Rimble's Design System.

design-systems ethereum javascript react react-components styled-components ui ui-components web3

Last synced: 12 Nov 2024

https://github.com/consensysmesh/rimble-ui

React components that implement Rimble's Design System.

design-systems ethereum javascript react react-components styled-components ui ui-components web3

Last synced: 29 Dec 2024

styled-components Awesome Lists
fucking-awesome-css-frameworks 120 styled-awesomeness 183
styled-components Categories
Stalled Development 45 Deployment 31 General Purpose 29 Specialized 20 Running Tests 11 Supported Language Features and Polyfills 10 Troubleshooting 8 Base / Reset / Normalize 6 Very Lightweight 6 Material Design 6 Class-less 6 Utility-based 4 Adding Flow 4 Formatting Code Automatically 3 Debugging in the Editor 3 Debugging Tests 2 Proxying API Requests in Development 2 Using the `public` Folder 2 Adding a Router 2 Pre-Rendering into Static HTML Files 2