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: 22 Aug 2024

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

:fire: 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: 04 Aug 2024

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

:fire: 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 Jul 2024

https://github.com/withspectrum/spectrum

Simple, powerful online communities.

expo flowtype graphql nodejs react reactjs rethinkdb styled-components

Last synced: 30 Jul 2024

https://github.com/astrit/css.gg

700+ Pure CSS, SVG, PNG & Figma UI Icons Available in SVG Sprite, styled-components, NPM & API and 6000 glyphs

adobe-xd api css css-icon customizable figma figma-ui-icons icons json multiple-icons npm purecss retina-ready styled-components svg svg-icon svg-icon-pack svg-icons svg-sprite svg-sprites

Last synced: 31 Jul 2024

https://github.com/jxnblk/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 Jul 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: 30 Jul 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 Jul 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: 31 Jul 2024

https://github.com/bchiang7/v4

Fourth iteration of my personal website built with Gatsby

gatsbyjs personal-site styled-components

Last synced: 31 Jul 2024

https://github.com/arturbien/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: 04 Aug 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: 31 Jul 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: 30 Jul 2024

https://github.com/paypal/glamorous

DEPRECATED: ๐Ÿ’„ Maintainable CSS with React

css-in-js glamor glamorous react styled-components

Last synced: 30 Jul 2024

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

A React components library with Win95 UI

design-system hacktoberfest react storybook styled-components windows95

Last synced: 03 Aug 2024

https://github.com/React95/React95

A React components library with Win95 UI

design-system hacktoberfest react storybook styled-components windows95

Last synced: 31 Jul 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 Jul 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: 08 Aug 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: 02 Aug 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: 29 Jul 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: 31 Jul 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 Jul 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: 30 Jul 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: 30 Jul 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: 01 Aug 2024

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

React & React Native Components & Patterns (import from library & copy-paste styles all the way to victory)

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

Last synced: 31 Jul 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: 04 Aug 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 Jul 2024

https://github.com/kiwicom/orbit-components

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: 31 Jul 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: 30 Jul 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: 01 Aug 2024

https://github.com/gregberge/twc

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

react styled-components tailwindcss

Last synced: 31 Jul 2024

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

Kotlin wrappers for popular JavaScript libraries

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

Last synced: 31 Jul 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: 31 Jul 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: 03 Aug 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: 31 Jul 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: 02 Aug 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: 31 Jul 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: 01 Aug 2024

https://github.com/JSBros/hedron

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

flexbox react reactjs styled-components

Last synced: 31 Jul 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: 30 Jul 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: 30 Jul 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: 30 Jul 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: 12 Aug 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: 01 Aug 2024

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

๐Ÿฑ A tiny CSS grid layout for React

css grid react styled-components

Last synced: 01 Aug 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: 02 Aug 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: 01 Aug 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: 03 Aug 2024

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

DEPRECATED: ๐Ÿ’„ React Native component styling solved

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

Last synced: 22 Aug 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: 31 Jul 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: 28 Aug 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: 04 Aug 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: 31 Jul 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: 30 Jul 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: 15 Aug 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: 04 Aug 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: 02 Aug 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: 31 Jul 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: 06 Aug 2024

https://github.com/Steveeeie/react-page-transition

A React component that makes it easy to use the page transitions from the Codedrops page transitions demo with React

animation page-transitions react react-router react-transition-group styled-components transitions

Last synced: 01 Aug 2024

https://github.com/Bedrock-Layouts/Bedrock

Foundational Layout Primitives for your React App

css-flexbox css-grid grid-layout grid-system layout layouts styled-components

Last synced: 30 Jul 2024

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

Strapi.io's design system :rocket:

design-system styled-components

Last synced: 31 Jul 2024

https://github.com/streamich/nano-css

Distilled CSS-in-JS for gourmet developers

css css-in-js css-in-react cssom emotion js nano styled-components styles stylesheets ts

Last synced: 30 Jul 2024

https://github.com/Igorbek/typescript-plugin-styled-components

TypeScript transformer for improving the debugging experience of styled-components

styled-components transformer typescript typescript-plugin webpack

Last synced: 31 Jul 2024

https://govuk-react.github.io/govuk-react/

An implementation of the GOV.UK Design System in React using CSSinJS

component-library govuk govuk-frontend react storybook styled-components

Last synced: 03 Aug 2024

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

An implementation of the GOV.UK Design System in React using CSSinJS

component-library govuk govuk-frontend react storybook styled-components

Last synced: 02 Aug 2024

https://github.com/davesnx/styled-ppx

Type-safe styled components for ReScript, Melange and native with type-safe CSS

css css-in-js emotion melange ocaml ppx react reason reasonml rescript styled styled-components vscode-extension

Last synced: 31 Jul 2024

https://github.com/CodementorIO/nextjs-redux-starter

Next.js + Redux + styled-components + Express = ๐Ÿ˜‡

express nextjs react redux ssr starter-kit styled-components

Last synced: 31 Jul 2024

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

:rocket: A basis for reducing the configuration of your projects with nextJS, best development practices and popular libraries in the developer community.

boilerplate boilerplate-community css-in-js emotion hacktoberfest i18n immer javascript next-i18next nextjs react react-next-boilerplate redux redux-saga reselect seo styled-components template testing-library

Last synced: 31 Jul 2024

https://github.com/hiroppy/ssr-sample

A minimum sample of Server-Side-Rendering, Single-Page-Application and Progressive Web App

apollo babel graphql loadable-components pwa react redux-saga server-side-rendering spa ssr styled-components typescript webpack

Last synced: 02 Aug 2024

https://github.com/bcrumbs/reactackle

Open-source components library built with React and Styled-Components.

components css-in-js javascript react react-components reactackle styled-components web

Last synced: 03 Aug 2024

https://github.com/alex-kinokon/jsx-dom

Use JSX to create DOM elements.

dom javascript jsx styled-components typescript

Last synced: 31 Jul 2024

styled-components Awesome Lists
fucking-awesome-css-frameworks 133 styled-awesomeness 183
styled-components Categories
Deployment 32 Stalled Development 23 General Purpose 15 Running Tests 11 Supported Language Features and Polyfills 10 Specialized 10 Troubleshooting 8 Class-less 5 Adding Flow 4 Debugging in the Editor 3 Formatting Code Automatically 3 Proxying API Requests in Development 3 Material Design 3 Very Lightweight 3 Base / Reset / Normalize 3 Utility-based 2 Adding a CSS Preprocessor (Sass, Less etc.) 2 Making a Progressive Web App 2 Debugging Tests 2 Adding a Router 2