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/sungik-choi/gatsby-starter-apple

🍎 Gatsby blog starter kit with beautiful responsive design

blog blog-starter gatsby gatsby-blog gatsby-starter gatsbyjs markdown react styled-components

Last synced: 10 Oct 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: 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/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/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/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/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: 15 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/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: 15 Nov 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: 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/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: 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: 10 Oct 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/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/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/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/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/nem035/react-gridit

React grid using CSS Grid and styled-components

css-grid react styled-components

Last synced: 28 Oct 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: 09 Aug 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: 15 Nov 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/signalkuppe/eleventy-react

Use React components in Eleventy.

eleventy react storybook styled-components

Last synced: 07 Nov 2024

https://github.com/shashiirk/tiptop

Online Shopping for Men

ecommerce firebase nextjs react styled-components

Last synced: 13 Nov 2024

https://github.com/kossnocorp/desvg

🌅 Converts SVG files into components 🌞

decss preact react styled-components svg webpack

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

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

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

Last synced: 10 Nov 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: 16 Nov 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/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/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/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/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/jrgarciadev/portfoliov2

My portfolio made with Next.js

nextjs porfolio react styled-components vercel

Last synced: 28 Oct 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/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: 14 Nov 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/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: 16 Nov 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/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/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/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/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

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