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/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: 14 Nov 2024

https://github.com/gabimoncha/react-native-template

An opinionated template to bootstrap your next React Native app with all the time-wasting packages you need to have.

authentication-flow codepush detox filelogger jest netinfo push-notifications react-native react-navigation react-query sentry styled-components styled-system zustand

Last synced: 01 Oct 2024

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: 12 Nov 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/styled-components/babel-plugin-polished

Compile polished helper functions at build time

babel babel-plugin polished styled-components

Last synced: 16 Dec 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/brunobertolini/styled-by

Simple and powerful lib to handle styled props in your components

css css-in-js hacktoberfest props react react-native styled-components styles

Last synced: 19 Dec 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: 17 Dec 2024

https://github.com/aerolab/frontend-developer-coding-challenge

Are your looking for a remote developer job? Solve this frontend developer challenge and show us what you can do and what you are an expert at!

careers challenge coding css desafio design ecommerce frontend javascript job jobs nextjs opportunities react remote remote-job store styled-components vercel

Last synced: 22 Dec 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: 24 Nov 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: 18 Dec 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: 22 Dec 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: 12 Nov 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/wbkd/react-starter

🚀 A minimal react boilerplate featuring easy-peasy state management and styled-components

babel boilerplate easy-peasy react starterkit styled-components

Last synced: 14 Nov 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: 07 Dec 2024

https://github.com/nblthree/nextjs-with-material-ui-and-styled-components

Next.js with material-ui and styled-components

material-ui nextjs styled-components

Last synced: 03 Dec 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: 20 Dec 2024

https://github.com/agutoli/react-styled-select

A Select control built with Reactjs, styled-components and :heart: http://agutoli.github.io/

css3 javascript react select styled-components

Last synced: 19 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: 05 Nov 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: 19 Dec 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: 20 Dec 2024

https://github.com/chrisfrank/nanostyled

A <1kB library for styling React components as if with CSS-in-JS, without CSS-in-JS

atomic-css css css-in-js functional-css react styled-components

Last synced: 07 Dec 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/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/nem035/react-gridit

React grid using CSS Grid and styled-components

css-grid react styled-components

Last synced: 28 Oct 2024

https://github.com/brunobertolini/tailed

Tailed is a tiny lib to add styled-components syntax like, with suport to conditional classes.

css css-in-js hacktoberfest react styled-components tailwindcss

Last synced: 12 Dec 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: 12 Nov 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/mhonert/chess

:sushi: Wasabi Chess Engine - written in AssemblyScript

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

Last synced: 16 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: 29 Nov 2024

https://github.com/teemukoivisto/prosemirror-react-typescript-example

Minimal boilerplate to start a project with ProseMirror, React, TypeScript

prosemirror react rich-text-editor styled-components typescript

Last synced: 27 Nov 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: 19 Dec 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/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/astrocoders/react-image-smooth-loading

[not maintained] Images which just flick to appear aren't cool. Images which appear smoothly with a fade like Instagram are cool

css-in-js react react-animations smooth-image styled-components

Last synced: 17 Nov 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: 19 Dec 2024

https://github.com/shashiirk/tiptop

Online Shopping for Men

ecommerce firebase nextjs react styled-components

Last synced: 13 Nov 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/ceteio/styled-components-rhythm

Vertical Rhythm and Font Baselines with Styled Components

bsaeline css css-in-js font styled-components vertical-rhythm

Last synced: 13 Dec 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: 16 Dec 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/hudochenkov/postcss-styled-syntax

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

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

Last synced: 16 Dec 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: 21 Dec 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/michal-wrzosek/react-component-lib

Boilerplate repo for creating npm packages with React components written in TypeScript and using styled-components

create-react-app library react-components rollup styled-components typescript

Last synced: 22 Dec 2024

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

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

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

Last synced: 22 Dec 2024

https://github.com/ayusshrathore/react-native-wallet

A beautiful looking wallet app made with React Native (TypeScript)

android expo expo-cli ios react-native react-navigation reanimated styled-components typescript

Last synced: 21 Nov 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: 16 Dec 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: 06 Dec 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: 14 Nov 2024

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

ESlint's rules for styled components 💅

eslint eslint-plugin react styled-components

Last synced: 18 Nov 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: 22 Dec 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: 16 Nov 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/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/jsjoeio/mentored.dev

A gamified learning platform to help you become a web developer

apollo gamified-learning gatsbyjs styled-components typescript

Last synced: 25 Nov 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

styled-components Awesome Lists
fucking-awesome-css-frameworks 118 styled-awesomeness 183
styled-components Categories
Stalled Development 44 Deployment 31 General Purpose 29 Specialized 18 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 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