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/vito-mohagheghian/wins-11

An online Windows 11 web app created by ReactJS can provide a Windows 11-like experience in a web browser.

react react-js react-spring reactjs reduxjs-toolkit styled-components use-gesture

Last synced: 26 Sep 2024

https://github.com/mohammad-mghn/wins-11

An online Windows 11 web app created by ReactJS can provide a Windows 11-like experience in a web browser.

react react-js react-spring reactjs reduxjs-toolkit styled-components use-gesture

Last synced: 10 Oct 2024

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

Compile polished helper functions at build time

babel babel-plugin polished styled-components

Last synced: 07 Oct 2024

https://github.com/ng-hai/simple-trello

A simple cloning version of Trello, using React ecosystem.

firebase gatsby react react-router styled-components trello-clone trello-like

Last synced: 25 Oct 2024

https://github.com/KarimElghamry/GraphAV

A Graph Algorithms Visualizer built using React, Typescript and Styled Components.

algorithms graph-algorithms graph-algorithms-visualizer graphs react styled-components typescript visualization web-development

Last synced: 31 Oct 2024

https://github.com/aaronvanston/react-flexa

Responsive React Flexbox (CSS Flexible Box Layout Module) grid system based heavily on the standard CSS API.

breakpoint css flex flexa flexbox grid react responsive styled-components

Last synced: 31 Oct 2024

https://github.com/codebucks27/wibe-studio

Build a stunning Fashion Studio Website Landing page with React JS. This website is created using locomotive-scroll for smooth scrolling. Also, GSAP and Framer-Motion for some custom animations and effects. You can learn to make this website by visiting the tutorial link from the description.

fashion framer-motion gsap gsap-scrolltrigger landing-page locomotive-scroll portfolio portfolio-project react reactjs styled-components website website-template

Last synced: 10 Oct 2024

https://github.com/mike-engel/styled-typography

Typograpy components for react and styled-components

component css css-in-js library react styled-components typography

Last synced: 06 Aug 2024

https://github.com/wmertens/styled-vanilla-extract

A 0-runtime styled-components-like API for Qwik using vanilla-extract.

css-in-js hacktoberfest qwik styled-components vanilla-extract

Last synced: 01 Nov 2024

https://github.com/mihailgaberov/chat

💬 A React single page chat application (SPA), implementing Socket.io.

jest react redux socketio styled-components typescript

Last synced: 25 Oct 2024

https://github.com/santosfrancisco/gatsby-starter-cv

A simple starter to get up and developing your digital curriculum with GatsbyJS

cv-template gatsbyjs javascript reactjs styled-components template

Last synced: 10 Oct 2024

https://github.com/heartbeatua/pulse-boilerplate

React based boilerplate for creating scalable and well documented Design Systems. Live demo https://pulse.heartbeat.ua

atomic-design design-systems figma react styled-components styled-system styleguide

Last synced: 11 Oct 2024

https://github.com/DrChai/react-native-rheostat

inspired by Airbnb's rheostat, a powerful slider with assorted data visualized charts

react-components react-native slider styled-components

Last synced: 15 Aug 2024

https://github.com/adamgruber/sass-extract-js

Plugin for sass-extract to convert Sass variables into a plain JS object

plugin sass sass-extract styled-components

Last synced: 26 Oct 2024

https://github.com/arabold/react-native-whirlwind

Whirlwind is a utility-first styling framework specifically designed for React Native. It is heavily inspired by Tachyons and Tailwind CSS and uses low-level building blocks for rapidly building custom designs.

css react-native reactnative styled-components tachyons tailwindcss

Last synced: 13 Oct 2024

https://github.com/codebucks27/React-Portfolio-starter-code-files

Build a Stunning portfolio with React JS and framer-motion. This portfolio is created using framer-motion for cool transitions and animation. If you want to learn how to create this portfolio then you can follow below tutorial link in the ReadMe

beginner-project framer-motion frontend portfolio portfolio-website react reactjs styled-components webdesign webdeveloper webdevelopment

Last synced: 05 Nov 2024

https://github.com/codebucks27/react-portfolio-starter-code-files

Build a Stunning portfolio with React JS and framer-motion. This portfolio is created using framer-motion for cool transitions and animation. If you want to learn how to create this portfolio then you can follow below tutorial link in the ReadMe

beginner-project framer-motion frontend portfolio portfolio-website react reactjs styled-components webdesign webdeveloper webdevelopment

Last synced: 10 Oct 2024

https://github.com/rwieruch/road-beyond-react-app

🌈 The Road beyond React - Thing you can use after learning plain React.js

create-react-app firebase react react-router react-router-v4 reactjs semantic-ui styled-components

Last synced: 08 Nov 2024

https://github.com/ticketmaster/aurora

Shared UI Library for Ticketmaster

design-system react styled-components ticketmaster ui-library

Last synced: 28 Oct 2024

https://github.com/patrick91/styled-components-typescript-example

Sample "app" using typescript and styled components.

react styled-components typescript

Last synced: 27 Oct 2024

https://github.com/josephrexme/griz

Grid library for React; Rescue the cat

flexbox grid grid-system react styled-components

Last synced: 27 Oct 2024

https://github.com/gil--/gatsby-starter-shopifypwa

💚:shopping_cart:💚 Bodega is a Shopify PWA using Gatsby JS + Netlify CMS

gatsby-starter gatsbyjs graphql pwa reactjs shopify shopify-pwa styled-components

Last synced: 27 Sep 2024

https://github.com/jvictorfarias/gobarber

:barber: Aplicação de agendamento para serviços de beleza, entre provedores e clientes.

expressjs jest jwt nodejs react-native reactjs rocketseat solid-principles styled-components typeorm typescript

Last synced: 13 Oct 2024

https://github.com/nem035/react-gridit

React grid using CSS Grid and styled-components

css-grid react styled-components

Last synced: 28 Oct 2024

https://github.com/tsurupin/job_search

An app to search startup jobs scraped from websites written in Elixir, Phoenix, React and styled-components.

elasticsearch elixir otp phoenix react redux scraping styled-components

Last synced: 01 Nov 2024

https://github.com/vectordotdev/molecule

⚛️ – :atom: – :atom_symbol: Boilerplate for cross platform web/native react apps with electron.

electron es6 hot-reload immutablejs react react-router redux redux-saga styled-components webpack yarn

Last synced: 01 Nov 2024

https://github.com/tonyfromundefined/next-starter

Next.js Starter using GraphQL, MobX (Next.js, TypeScript, Babel, Express.js, Apollo Client, React Apollo, React Apollo Hooks, GraphQL Codegen, MobX, mobx-state-tree, styled-components, next-optimized-images, Serverless Framework, AWS Lambda, Dotenv)

apollo dotenv lambda mobx mobx-state-tree nextjs nextjs-template react serverless styled-components typescript

Last synced: 02 Aug 2024

https://github.com/joshcawthorne/lunadesk

The people-first scheduling tool, coming in a year starting with a 2. LunaDesk is a web app, originally created by Josh Cawthorne and known as "WorkFrom" for the Supabase Hackathon.

framer-motion nextjs react styled-components supabase

Last synced: 10 Oct 2024

https://github.com/rafaesc/reactube-client

A clone Youtube Web Player using React Provider Pattern, React Context and Typescript

context crop-videos google provider react react-context react-router state-management styled-components typescript video without-api without-redux youtube

Last synced: 06 Nov 2024

https://github.com/hypertrack/placeline-nextjs

HyperTrack Placeline web application sample using NextJS, Ant-Design, Styled-Components, and Heroku

ant-design axios dotenv google-maps google-places heroku hypertrack localtunnel lodash moment nextjs placeline react samples styled-components template trips

Last synced: 09 Aug 2024

https://github.com/mhonert/chess

:sushi: Wasabi Chess Engine - written in AssemblyScript

assemblyscript chess chess-engine javascript react react-dnd styled-components wasm web-workers

Last synced: 03 Aug 2024

https://github.com/chillicream/react-rasta

React Rasta is a powerful and flexible grid system for React

grid grid-framework grid-layout grid-system react styled-components

Last synced: 26 Oct 2024

https://github.com/hnzycfcfed/styled-px2vw

Extension of styled-components with features for convert px to vw units

css css-in-js frontend px-to-vw px2vw react styled-components styled-px2vw

Last synced: 07 Nov 2024

https://github.com/leandrooriente/react-ui-kit-boilerplate

A minimal React UI Kit boilerplate with Storybook, hot reloading, Styled Components, Typescript and Jest

gh-pages hmr jest react-boilerplate reactjs storybook styled-components tslint typescript

Last synced: 09 Nov 2024

https://github.com/donavon/styled-shortcuts

Provides convenient props shortcut helper for Styled Components 💅

styled-components

Last synced: 27 Oct 2024

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

Styled components for the DOM.

dom styled-components yo-yo

Last synced: 31 Oct 2024

https://github.com/signalkuppe/eleventy-react

Use React components in Eleventy.

eleventy react storybook styled-components

Last synced: 07 Nov 2024

https://github.com/kossnocorp/desvg

🌅 Converts SVG files into components 🌞

decss preact react styled-components svg webpack

Last synced: 31 Oct 2024

https://github.com/karlhadwen/newsreader

Building a newsreader using the HackerNews Api, React, React Testing Library, Styled Components, Axios & Memo

axios custom-hooks hackernews-api infinite-scroll memo react react-hooks react-testing-library styled-components

Last synced: 09 Nov 2024

https://github.com/jxnblk/horror

:scream: React HTML elements with CSS-in-JS

components css css-in-js emotion html react styled-components

Last synced: 08 Nov 2024

https://github.com/hirosystems/connect

A library for building excellent user experiences with Stacks.

blockchain blockstack decentralized stacks styled-components typescript

Last synced: 09 Nov 2024

https://github.com/roast-cms/french-press-editor

☕ An offline-first rich text editor component.

component editorial-experience react rich-text-editor styled-components

Last synced: 28 Oct 2024

https://github.com/marco-streng/styled-off-canvas

A simple off canvas menu built with styled-components 💅

mobile navigation off-canvas react styled-components

Last synced: 01 Nov 2024

https://github.com/hudochenkov/postcss-styled-syntax

PostCSS syntax for CSS-in-JS like styled-components

css-in-js postcss postcss-syntax styled-components

Last synced: 18 Oct 2024

https://github.com/DashBouquet/react-hipstaplate

A ReactJS full-stack boilerplate based on typescript with ssr, custom apollo-server and huge stack of modern utilities which will help you to start your own project

apollo apollo-server express graphql next react react-apollo redux redux-saga styled-components typescript

Last synced: 25 Oct 2024

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

The shareable stylelint config for stylelint-processor-styled-components

styled-components stylelint stylelint-config stylelint-processor

Last synced: 07 Oct 2024

https://github.com/wendelfreitas/wendel.dev

My personal website and blog about software development, bleeding edge and open source :fire:

gatsby graphql seo-optimization ssr styled-components ui

Last synced: 08 Nov 2024

https://github.com/jrgarciadev/portfoliov2

My portfolio made with Next.js

nextjs porfolio react styled-components vercel

Last synced: 28 Oct 2024

https://github.com/lekoarts/gatsby-starter-portfolio

Gatsby.js Starters by LekoArts. Primarily aimed at Designers & Photographers. Minimalistic & fast websites!

designer gatsby gatsby-starter gatsbyjs overview photographer portfolio styled-components tailwind

Last synced: 19 Oct 2024

https://github.com/Astrocoders/restyled

Styled Components concept for Reason React, only works with bs-react-native for now

bucklescript ocaml react-native reason reasonml styled-components

Last synced: 03 Aug 2024

https://github.com/effector/razzle-template

SSR template with React, Effector, TypeScript, ReactRouter, and StyledComponents

effector razzle react react-router styled-components typescript

Last synced: 03 Aug 2024

https://github.com/gss-fed/vital-ui-kit-react

Simple, Themeable, Customizable React UI library

component-library react storybook styled-components uikit

Last synced: 29 Oct 2024

https://github.com/tinloof/eslint-plugin-better-styled-components

ESlint's rules for styled components 💅

eslint eslint-plugin react styled-components

Last synced: 04 Aug 2024

https://github.com/didilinkin/react-admin-antd

(原始版本在 - Router 分支)基于React-Antd的后台管理系统; 将使用webpack3+Redux+React-router4+styled-components+ESlint4（目前为测试数据, 非正式）

echarts-for-react eslint history react react-fiber react-router-redux react-router-v4 recharts redux redux-devtools redux-freeze redux-logger redux-thunk standard styled-components webpack3

Last synced: 11 Oct 2024

https://github.com/okbob/ncurses-st-menu

ncurses (pdcurses) based library for CUA look menu

c cua menu menubar menus ncurses ncurses-library pdcurses styled-components tui

Last synced: 28 Oct 2024

https://github.com/mikebarkmin/baby-tracker

A progressive web app to track your baby and share the data with your family in real-time.

express react socketio styled-components

Last synced: 02 Nov 2024

https://github.com/natterstefan/react-component-library-lerna

Build your own React component library managed with lerna, presented with storybook and published in private npm registry.

component-library css-js eslint example-repo jest lernajs monorepo prettier reactjs remark-lint storybook styled-components stylelint

Last synced: 30 Oct 2024

https://github.com/sudongyuer/mini-slack

slack-mini版(react、redux、ts、firebase、styled-components、vite、pnpm)

firebase material-ui pnpm react react-learning-project react-router redux slack styled-components typescript vite

Last synced: 28 Oct 2024

https://github.com/teambooktez/booktez-client

📚진짜 독서가들의 독서법 - 북스테어즈 (React)

beta-release book-stairs framer-motion react recoil styled-components swr typescript

Last synced: 10 Oct 2024

https://github.com/jrsousadev/fullcalendar-scheduler-web

🗓️ Component inspired by google calendar [Next/React/Mui/Styled]

agenda mui next react scheduler styled-components typescript

Last synced: 08 Nov 2024

https://github.com/mikaelvesavuori/figmagic-example

Using Figmagic (simplifying design token generation and asset extraction) with Webpack 5, React 16, Styled Components.

boilerplate design-specs design-tokens example figma figma-api react styled-components theo tokens ux webpack4

Last synced: 28 Oct 2024

https://github.com/etesam913/dragify

:sparkles: An application that can be used to create a custom startpage through interactive tools like drag and drop

css framer-motion js newtab newtab-page react startpage startpages styled-components

Last synced: 10 Oct 2024

https://github.com/smakosh/ontwik-ui

ontwik-ui - A headless UI library

components playground rollup styled-components theme tsdx typescript ui

Last synced: 27 Oct 2024

https://github.com/satya164/babel-plugin-css-prop

Babel plugin to transpile `css` prop to a styled component. (Experimental)

babel babel-plugin linaria styled-components

Last synced: 27 Oct 2024

https://github.com/bdTechies/book-manager

A simple personal library management application.

electron electron-app nedb react-router reactjs redux styled-components

Last synced: 04 Nov 2024

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

A React app to help you select a color scheme, built with styled-components and polished

color-scheme colors polished react styled-components

Last synced: 07 Oct 2024

https://github.com/doemser/dead-simple-react

Dead simple, advanced examples to learn to love react and some of its libraries.

bloat-free examples games kiss mui prototypes react react-hooks styled-components zustand

Last synced: 14 Oct 2024

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

An implementation of the Bulma css Library for React using Styled Compenents

bulma-css reactjs styled-components

Last synced: 01 Oct 2024

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

A CSS tool similar to styled-components for Vue3.js. Help you to develop your apps quickly!

css css-in-js styled-components vue vue-styled-components vue3

Last synced: 31 Oct 2024

https://github.com/ddongule/mandal-art

✨ Plan your future with Mandal-art ✨

javascript react styled-components

Last synced: 21 Oct 2024

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

ClojureScript wrapper for styled-components

clojurescript styled-components

Last synced: 27 Oct 2024

https://github.com/just214/gatsby-starter-typescript-deluxe

A Gatsby starter with TypeScript, Storybook, Styled Components, Framer Motion, Jest, and more.

eslint framer-motion gatsby react storybook styled-components tslint typescript

Last synced: 26 Sep 2024

styled-components Awesome Lists
fucking-awesome-css-frameworks 133 styled-awesomeness 183
styled-components Categories
Deployment 31 Stalled Development 22 General Purpose 14 Running Tests 11 Specialized 10 Supported Language Features and Polyfills 10 Troubleshooting 8 Class-less 5 Adding Flow 4 Base / Reset / Normalize 3 Very Lightweight 3 Material Design 3 Formatting Code Automatically 3 Proxying API Requests in Development 3 Debugging in the Editor 3 Debugging Tests 2 Adding a Router 2 Using the `public` Folder 2 Pre-Rendering into Static HTML Files 2 Adding a CSS Preprocessor (Sass, Less etc.) 2