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/suevalov/next-blog-firestore

Example of blog built with React, Next.js, Firebase Firestore, Styled-Component, Mobx State Tree and other cool technologies

firebase-auth firestore marksy mobx-state-tree nextjs react ssr styled-components

Last synced: 31 Jul 2024

https://github.com/vectordotdev/next-go

Production ready blog + boilerplate for Next.js 3.X

express nextjs nodejs react ssr styled-components timber timber-io universal-react zeit

Last synced: 01 Aug 2024

https://github.com/Hy-Vee/lerna-yarn-workspaces-monorepo

🐉 A Monorepo with multiple packages and a shared build, test, and release process.

babel jest lerna monorepo react storybook styled-components yarn-workspaces

Last synced: 01 Aug 2024

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

💌 styled-components for emails

css css-in-js emails react styled-components

Last synced: 03 Aug 2024

https://github.com/sreetamdas/sreetamdas.com

Personal website built with Next.js, TypeScript and Styled-components

hacktoberfest mdx nextjs personal-website portfolio reactjs styled-components typescript

Last synced: 09 Aug 2024

https://github.com/jsjoeio/styled-components-vs-emotion

a short doc comparing the popular CSS-in-JS libraries styled-components and emotion

comparison css-in-js emotion react styled-components

Last synced: 31 Jul 2024

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

Utility function for using breakpoints with styled-components 💅.

breakpoint breakpoints media react styled-components

Last synced: 02 Aug 2024

https://github.com/jxnblk/react-css-grid

React layout component based on CSS Grid Layout and built with styled-components

css-grid css-grid-layout grid-layout layout react react-component styled-components

Last synced: 31 Jul 2024

https://github.com/RafalFilipek/styled-props

Simple lib that allows you to set styled props in your styled-components without stress.

css-in-js react styled-components styled-props

Last synced: 28 Aug 2024

https://github.com/AriTheElk/uigradients

Gradients-as-a-react-component™

gradient-generator react reactjs styled-components

Last synced: 28 Aug 2024

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

drag drag-and-drop drop file file-upload react react-drag-and-drop react-drag-and-drop-file react-drag-and-drop-files react-drag-drop-file react-drag-drop-files react-draggable styled-components

Last synced: 31 Jul 2024

https://github.com/cssinjs/styled-jss

Styled Components on top of JSS.

css js jss react styled-components styled-jss stylesheets

Last synced: 01 Aug 2024

https://github.com/jxnblk/layouts

Grab-and-go layouts for React

css emotion layout react rebass styled-components styles theme-ui ui

Last synced: 31 Jul 2024

https://github.com/weslleyaraujo/react-simon-says

A "Simon Says" game built with React and Redux 👾

game react redux styled-components

Last synced: 01 Aug 2024

https://github.com/SaraVieira/styled-loaders

Loaders Built with Preact and Styled Components

javascript preact styled-components

Last synced: 03 Aug 2024

https://github.com/paljs/ui

React Styled Components with bootstrap grid system

bootstrap components package react react-components reactjs styled-components theme ui-components

Last synced: 31 Jul 2024

https://github.com/mistakenelf/tails-ui

:monkey: Clean UI based on tailwindcss

react rollup styled-components tailwindcss

Last synced: 31 Jul 2024

https://github.com/knipferrc/tails-ui

:monkey: Clean UI based on tailwindcss

react rollup styled-components tailwindcss

Last synced: 06 Aug 2024

https://github.com/avalon60/ctk_theme_builder

CTk Theme Builder for CustomTkinter, a comprehensive and easy solution, for creating CustomTkinter themes.

application apps-styling build creation creator customtkinter dark-mode design designer developer gui python python3 styled-components theme theme-customizer theme-development themes ui user-interface

Last synced: 01 Aug 2024

https://github.com/chanan/BlazorStyled

CSS in Blazor Components

blazor css styled-components

Last synced: 31 Jul 2024

https://github.com/withspectrum/react-app-rewire-styled-components

Add the styled-components Babel plugin to your create-react-app app via react-app-rewired

create-react-app create-react-app-styled-components react-app-rewire styled-components

Last synced: 31 Jul 2024

https://github.com/Brew-Brew/css-in-js-media

:art: Deal with responsive design simply when use CSS-in-JS (styled-components,emotion.js)

css emotion include-media styled-components

Last synced: 03 Aug 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: 30 Jul 2024

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

Compile polished helper functions at build time

babel babel-plugin polished styled-components

Last synced: 03 Aug 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 Jul 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/mihailgaberov/chat

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

jest react redux socketio styled-components typescript

Last synced: 30 Jul 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: 03 Aug 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/ticketmaster/aurora

Shared UI Library for Ticketmaster

design-system react styled-components ticketmaster ui-library

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

https://github.com/josephrexme/griz

Grid library for React; Rescue the cat

flexbox grid grid-system react styled-components

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

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

React grid using CSS Grid and styled-components

css-grid react styled-components

Last synced: 04 Aug 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 Aug 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 Aug 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/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/kossnocorp/desvg

🌅 Converts SVG files into components 🌞

decss preact react styled-components svg webpack

Last synced: 30 Jul 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: 01 Aug 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: 31 Jul 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: 30 Jul 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/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/jrsousadev/fullcalendar-scheduler-web

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

agenda mui next react scheduler styled-components typescript

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

https://github.com/binjospookie/spacing-helper

A tiny (117 bytes) and blazing fast standalone helper for creating consistent spacing between the elements of your UI

cssinjs emotion helper spacing styled-components tiny ui

Last synced: 01 Aug 2024

https://github.com/tomtom94/react-easy-ssr

🔥 React Starter Project with Webpack 5, Babel 7, TypeScript, Redux-saga, Styled-components, React-jss, Split code, Server Side Rendering.

babel7 loadable-components react react-jss redux-saga ssr styled-components typescript webpack5

Last synced: 03 Aug 2024

https://github.com/ildaneta/my-personal-blog-gatsby

🙆🏻‍♀️ Welcome to the source code of my old personal blog. This project was created with Gatsby and GraphQL 🌼

algolia gatsby graphql netlify-cms reactjs sass styled-components

Last synced: 30 Jul 2024

https://github.com/stefanwille/pacman-react

A Pac Man game, built with React, TypeScript, MobX, styled-components, and Xstate

mobx pacman react styled-components typescript xstate

Last synced: 01 Aug 2024

https://github.com/wil-gerard/git-connected

A social networking web application to help connect the 100Devs community

axios express expressjs mongodb node nodejs passportjs react reactjs styled-components tailwindcss typescript

Last synced: 01 Aug 2024

https://github.com/javivelasco/react-toolbox-airbnb

An Airbnb DatePicker implementation using React Toolbox Core and Styled Components 💅

agnostic date-picker react react-toolbox styled-components

Last synced: 01 Aug 2024

https://github.com/LauraBeatris/gobarber-web

Manage appointments in barbershops - Built with React Native and Styled Components

frontend react reactjs styled-components typescript

Last synced: 30 Jul 2024

https://github.com/atahani/reactjs-unsplash

How to develop a React web application like Unsplash.com from scratch.

jest jest-snapshots reactjs redux redux-form redux-saga styled-components unsplash-api

Last synced: 02 Aug 2024

https://carlosqsilva.github.io/YASCC/

Yet Another SoundCloud Client

indexeddb preact pwa redux styled-components

Last synced: 01 Aug 2024

https://github.com/akinncar/github-stars

:sparkles: Fullstack monorepo web app to add tags on your starred repositories

koa monorepo node react styled-components swr typescript yarn-workspaces

Last synced: 06 Aug 2024

https://github.com/folathecoder/audiophile

An online store built with React, Next.js, Redux Toolkit, Styled Components, Heroku-Hosted API, React Hook Forms, and TypeScript 🐱‍🏍🤞

heroku nextjs react react-hook-form redux redux-toolkit schema-org styled-components toastify typescript vercel yup-validation

Last synced: 06 Aug 2024

https://github.com/emalorenzo/next13-starter

A highly opinionated and complete starter for Next.js projects ready to production

eslint husky nextjs performance prettier react styled-components typescript webvitals

Last synced: 31 Jul 2024

https://github.com/ferlagher/oritsuru

Sushi delivery service simulator builded with React.js and Firestore.

firebase react reactjs styled-components

Last synced: 01 Aug 2024

https://github.com/jos3s/nlw06-letmeask

Projeto da 6 NLW de React da @Rocketseat, desenvolvido utilizando Firebase, Styled-Components e Typescript.

firebase letmeask nlw-together react reactjs styled-components typescript

Last synced: 30 Jul 2024

https://github.com/styled-components/s-c.sh

The styled-components URL shortener!

styled-components url-shortener

Last synced: 03 Aug 2024

https://zakariaharti.github.io/react-awesome-notifications/

A beautiful fully customizable React + Redux notification system built with styled-components

notification notification-component notifications react redux storybook styled-components ui-components

Last synced: 31 Jul 2024

https://github.com/altmshfkgudtjr/varsarr

Vite + React + Axios + Styled-Components + Recoil + React-Query Boilerplate

axios boilerplate hacktoberfest react react-query recoil styled-components template vite

Last synced: 30 Jul 2024

https://github.com/Sajjon/ViewComposer

Compose views using enums swiftly: `let label: UILabel = [.text("Hello"), .textColor(.red)]`

enum styled-components swift-framework uikit view

Last synced: 15 Aug 2024

https://github.com/digitalfabrik/react-sticky-headroom

A React Component to hide a Header using CSS sticky position

header react scrolling sticky styled-components

Last synced: 30 Jul 2024

https://github.com/ChristySchott/react-linkedin

Clone do LinkedIn sendo desenvolvido em React

eslint react redux styled-components typescript

Last synced: 30 Jul 2024

https://github.com/zauberware/framerx-react-sync

Sync your react js (styled-)components with a FramerX project.

design framer framerx processes react reactjs single-source-of-truth styled-components synchronizer tools

Last synced: 04 Aug 2024

https://github.com/FrankFlitton/autoyeai.com

A tensorflowJS Kanye West lyrics generator and data ingestion pipeline.

netlify react styled-components tensorflow tensorflowjs webscraping webworkers

Last synced: 31 Jul 2024

https://github.com/LauraBeatris/codio

👩‍💻 git ui application made with reactjs and styled components

frontend github-api javascript reactjs styled-components

Last synced: 30 Jul 2024

https://github.com/ChoTotOSS/cna

⚡️⚡️ Create next.js apps boilerplate.⚡️⚡️

boilerplate cli express nextjs reactjs redux styled-components

Last synced: 01 Aug 2024

https://github.com/chicio/chicio.github.io

:ghost: Fabrizio Duroni (me :smile:) personal website. Created using GatsbyJS, Styled Components, Typescript, tsParticles, GitHub pages, Github Actions, Upptime.

css-animation fontawesome gatsbyjs github-actions github-page github-pages lighthouse loadable-components progressive-web-app react reactjs service-worker styled-components tsparticles typescript webpack webpack-plugin workbox

Last synced: 30 Jul 2024

https://github.com/belapferreira/gobarber

Code clone of GoBarber, app developed during the lessons of the GoStack Bootcamp by Rocketseat.

axios express javascript nodejs react react-native redux styled-components

Last synced: 30 Jul 2024

https://github.com/daybrush/css-styled

⚖️ This component is a lightweight, simple line style component.

component lightweight react simple style styled styled-components

Last synced: 01 Aug 2024

https://github.com/daniloab/rbaf-web

Website Dashboard Manager built with React, Relay and GraphQL

graphql react reactjs relay styled-components

Last synced: 01 Aug 2024

styled-components Awesome Lists
fucking-awesome-css-frameworks 133 styled-awesomeness 183
styled-components Categories
Deployment 32 Stalled Development 24 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