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/jacobgrisham/gatsby.js-and-styled-components

Front-end multi-page static website built with Gatsby.js, React.js, Styled Components (for CSS-in-JS) and fine-tuned with Gatsby-specific SEO optimizations and Progressive Web App (PWA) capability. Site hosted on Netlify.

css-in-js front-end-web-development gatsby gatsby-plugin gatsby-portal gatsbyjs graphql jamstack netlify progressive-web-app pwa react reactjs scalable-vector-graphics seo-optimization star-wars styled-components ui-design ux-design

Last synced: 21 Oct 2024

https://github.com/gugadev/styled-react-ts

Minimal boilerplate for React, Styled-JSX and Typescript.

css postcss react styled-components styled-jsx typescript

Last synced: 06 Nov 2024

https://github.com/ali-alim/portfolio

Portfolio Web App - React.js, Sanity, Framer-motion, React-Router-Dom, Sass

framer-motion node-sass react-router-dom reactjs sanity-io styled-components

Last synced: 31 Oct 2024

https://github.com/shahinuralambhuiyan/disney-world-client

Explore disney world & check your favourite movie...

context-api css3 firebase-auth reactjs sessionstorage styled-components

Last synced: 07 Nov 2024

https://github.com/bernardomennndes/dt-money

Have your finance control. Project developed during Ignite module of ReactJS | @Rocketseat

miragejs react styled-components typescript

Last synced: 09 Nov 2024

https://github.com/swimshahriar/github-user-info

Users can get GitHub user info by adding a username.

nextjs react styled-components

Last synced: 02 Nov 2024

https://github.com/cacivy/react-native-v2ex

ๅŸบไบŽReact-Nativeๆž„ๅปบ็š„V2EXๅฎขๆˆท็ซฏ

immer react-native react-navigation styled-components v2ex

Last synced: 06 Nov 2024

https://github.com/tutods/reactjs-slack-clone-challenge

Build Slack clone in React following videos from Clever Programmer

firebase react styled-components typescript

Last synced: 06 Nov 2024

https://github.com/gabrielnafuzi/quote-generator

Challenge from https://devchallenges.io - https://devchallenges.io/challenges/8Y3J4ucAMQpSnYTwwWW8

nextjs react styled-components typescript

Last synced: 17 Oct 2024

https://github.com/diogomalfatti/todo-list

#01 projeto criado na semana desafio 5 projetos em 5 dias: ediรงรฃo React pela B7W

css3 github-pages html-css-javascript html5 javascript js react reactjs styled-components ts typescript

Last synced: 08 Nov 2024

https://github.com/tutods/nlw05-react

Repository with project developed on React to NLW 05 of Rocketseat

nextjs nlw-5 reactjs rocketseat styled-components

Last synced: 06 Nov 2024

https://github.com/rafalkornel/pictionar

Simple web app, which allows you to store words for popular pictionary / charades game.

animation charades flask javascript kalambury pictionary python react styled-components

Last synced: 05 Nov 2024

https://github.com/gabrielmedrados/alurakut

Projeto รฉ um clone do Orkut seguindo os passos da imersรฃo React da Alura

babel javascript react styled-components

Last synced: 16 Nov 2024

https://github.com/swimshahriar/capture

Portfolio site for photography and videography company.

framer-motion react react-router-dom styled-components

Last synced: 02 Nov 2024

https://github.com/cmacdonnacha/react-reddit-search

This project shows usage of the Reddit API using ReactJS, Redux Toolkit and Typescript ๐Ÿ’ป

eslint jest prettier react-testing-library reactjs reddit-api redux-toolkit styled-components styled-icons typescript

Last synced: 14 Oct 2024

https://github.com/tuanpham-dev/react-todo-app

This is a step by step todo app created for those who want to learn React and TypeScript. Please view commits history for the steps

jest localstorage react redux styled-components todo typescript

Last synced: 11 Oct 2024

https://github.com/chunrapeepat/quotebook

quotebook - a book with a full of quote (classical & modern quote website)

book es6 javascript nextjs nodejs quote quotebook react styled-components

Last synced: 31 Oct 2024

https://github.com/chunrapeepat/quicksite

quickly making static site with react and styled-components

application prototype react react-static static-site styled-components website

Last synced: 31 Oct 2024

https://github.com/nickemma/multi-clothing-shop

Welcome to our ecommerce website, where shopping meets convenience and affordability. ensuring the safety and security of your personal and payment information using the latest security measures and encryption technology to safeguard your data and protect your privacy and we offers a seamless shopping experience.

apollo-client firebase graphql pwa-apps react redux redux-saga scss stripe-payments styled-components typescript

Last synced: 15 Nov 2024

https://github.com/makotot/undecorated

Collection of reusable CSS layout pattern

collection component css layout react styled-components

Last synced: 26 Sep 2024

https://github.com/buikhacnam/typescript-react-dashboard-starter

everything you need to start an enterprise react typescript project

antd react react-router-dom redux-toolkit styled-components typescript

Last synced: 06 Nov 2024

https://github.com/santospatrick/nextjs-boilerplate

Next.js boilerplate with Typescript/Styled Components/Jest/Git Hooks

boilerplate git-hooks hooks jest styled-components typescript

Last synced: 28 Oct 2024

https://github.com/imedadel/tachyons-props

Use tachyons classes as styled-components props

css framework gatsbyjs nextjs react styled-components tachyons ui

Last synced: 07 Nov 2024

https://github.com/alvaromb/gatsby-starter-app-landing

A Gatsby starter to build landing pages for mobile apps

gatsby gatsbyjs react styled-components

Last synced: 15 Oct 2024

https://github.com/santosl2/react-file-upload

Sistema de upload de arquivos com indicador de progresso, e utilizando a API do Imgur.com. Utilizando React e Styled components

react styled-components upload

Last synced: 22 Oct 2024

https://github.com/shahinuralambhuiyan/ts-shopping-cart

Amazing shopping cart has done with TypeScript.

material-ui react styled-components typescript

Last synced: 07 Nov 2024

https://github.com/cesarolvr/slider-nextjs-gsap-app

A ๐Ÿ›ท slider component using NextJS + ๐Ÿฅฆ GSAP Timeline: https://xyzphotography.vercel.app

classnames framer-motion gsap nextjs scrolltrigger styled-components typescript vercel

Last synced: 06 Nov 2024

https://github.com/keyurparalkar/itunessearchapp

A simple web app to display search results of Itunes Search APIs

axios itunes react react-redux styled-components

Last synced: 08 Nov 2024

https://github.com/jveiiga/kenzie-projects

Repositรณrio criado para demonstrar de forma estruturada, toda base de programaรงรฃo explorada no curso.

array-methods componentization componentization-css context-api css3 dom-manipulation flexbox-css html5 javascript json-server object poo props react-router reactjs styled-components typescript use-context use-state

Last synced: 08 Nov 2024

https://github.com/andrienko/eslint-plugin-styled

A simple plugin to check if you did not forget to import babel macro when using css prop of styled-components - or to remove such import when css prop is not used.

babel-macros eslint-plugin styled-components

Last synced: 09 Nov 2024

https://github.com/hazemkrimi/astrobuild

Prototype of a collaboration tool between stakeholders for building software projects

apollo-client apollographql formik graphql react react-flow styled-components typescript vite yup

Last synced: 05 Nov 2024

https://github.com/diogomalfatti/multiform

#05 projeto criado na semana desafio 5 projetos em 5 dias: ediรงรฃo React pela B7W

css3 html-css-javascript html5 javascript react styled-components typescript

Last synced: 08 Nov 2024

https://github.com/holasoycael/boilerplate-cra

โš›๏ธโšก Este รฉ meu boilerplate para aplicaรงรตes React usando CRA no conceito de SPA com uma arquitetura baseada em Nex.js utilizada no curso de React Avanรงado de Willian Justen.

babel babeljs boilerplate eslint husky jest plopjs prettier react storybook styled-components typescript

Last synced: 16 Nov 2024

https://github.com/lelouchb/butter-next-blog

NextJS blog built with Butter CMS and Styled Components

butter buttercms nextjs styled-components

Last synced: 26 Oct 2024

https://github.com/lelouchb/gatsby-starter-blog

Gatsby Starter Blog built with MDX and Styled Components.

gatsby gatsbyjs gatsbyjs-blog mdx styled-components

Last synced: 26 Oct 2024

https://github.com/clovisdasilvaneto/styled-tools

Save time, avoid changing your theme.{js,ts} file in order to test a theme change in the browser. Styled Tools was created to let you change the theme properties in the browser!

css-in-js emotion styled-components

Last synced: 13 Nov 2024

https://github.com/lawvs/typescript-react-template

๐Ÿ“ฆ A out of the box typescript react template

boilerplate react styled-components typescript webpack

Last synced: 28 Oct 2024

https://github.com/greatsumini/nan-so-gong

๊ฐ„๋‹จํ•œ ๋ธ”๋ก์ฒด์ธ ์ง€๊ฐ‘์ž…๋‹ˆ๋‹ค.

nextjs styled-components web3

Last synced: 19 Oct 2024

https://github.com/lil5/jss-to-scss

Convert JSS objects to SCSS

convert css jss scss styled-components

Last synced: 07 Nov 2024

https://github.com/diogomalfatti/gallery

#03 projeto criado na semana desafio 5 projetos em 5 dias: ediรงรฃo React pela B7W

css3 html-css-javascript html5 javascript react reactjs styled-components ts typescript

Last synced: 08 Nov 2024

https://github.com/greatsumini/d3-tree-visualization

json ๋ฐ์ดํ„ฐ๋ฅผ ์ž…๋ ฅ ๋ฐ›์•„ radial-tidy-tree๋ฅผ ๊ทธ๋ ค์ค๋‹ˆ๋‹ค.

d3js nextjs styled-components

Last synced: 19 Oct 2024

https://github.com/cholis04/tip-calculator-app

This is my solution to the Tip Calculator App challenge on Frontend Mentor.

accessibility calculator calculator-application frontend frontend-mentor javascript nextjs styled-components

Last synced: 08 Nov 2024

https://github.com/pushpendra-1697/worldref

This React onboarding project includes pages for login, signup, home, and profile functionalities, catering to user authentication and navigation, facilitating a seamless design experience.

authentication authrization axios cypress-testing nevigation react-router-dom reactjs redux redux-thunk responsive-web-design restricted-parking-zones routing styled-components

Last synced: 10 Nov 2024

https://github.com/gsbenevides2/nlw-05-plantmanager

Um app para lembrar de regar sua plantinha ๐ŸŒด๐ŸŒฑ

expo react-native styled-components typescript

Last synced: 13 Oct 2024

https://github.com/yaairfernando/course-app

Webside that shows a mini course with different videos and plays every video when it is selected.

axios bootstrap4 react ruby ruby-on-rails styled-components webpack

Last synced: 08 Nov 2024

https://github.com/milliorn/recipe-page

Recipe-Page is an interactive web application built with Gatsby, React that offers a wide range of recipes I personally enjoy.

axios food gatsby gatsby-site gatsbyjs html-css html-css-javascript prettier react reactjs recipe recipe-app recipe-website recipes recipes-app slugify static-site-generator styled-components web-application

Last synced: 26 Oct 2024

https://github.com/luisauter/search-gifs

Online gifs search engine with react and giphy api (all open source)

context javascript react styled-components wouter

Last synced: 07 Nov 2024

https://github.com/luisauter/portfolio

My portfolio website ๐Ÿง‘โ€๐Ÿ’ป

nextjs portfolio react styled-components typescript vercel

Last synced: 07 Nov 2024

https://github.com/nickemma/nasa-project

Schedule a mission launch for interstellar travel to one of the Kepler Exoplanets. Only confirmed planets matching the following criteria are available for the earliest scheduled missions:

arwes express hooks jest-tests mongodb nasa-api nodejs react spacex styled-components

Last synced: 15 Nov 2024

https://github.com/taianekas/rocketseat-projects

Neste repositรณrio, vocรช encontrarรก projetos desenvolvidos ao longo das trilhas Explorer e Ignite da Rocketseat. Essas trilhas abrangem tanto o desenvolvimento frontend quanto backend, oferecendo uma oportunidade ampla de aprendizado e prรกtica.

css express html javascript knex nodejs reactjs rocketseat rocketseat-explorer styled-components typescript vitejs

Last synced: 13 Oct 2024

https://github.com/shaqdeff/teache

A promotional page for Teache โ€“ an app that transforms the way we engage with education.

gsap react styled-components

Last synced: 05 Nov 2024

https://github.com/lastnamearya/design-system-with-styled-components

Work in Progress : A simple Design System :rainbow: with Styled Components ๐Ÿ’…

design-system reactjs styled-components

Last synced: 27 Oct 2024

https://github.com/amincharoliya/quiz-app

Quiz App with React, Styled Component and API

api hooks react reactjs redux styled-components

Last synced: 07 Nov 2024

https://github.com/spandiar20/hubble-webpage

In this repository I developed Hubble's webpage using React, Styled Components and some Tailwindcss

javascript react styled-components tailwindcss

Last synced: 31 Oct 2024

https://github.com/dm-zhuk/goit-react-woolf-hw-01-components

ReactJS.Topic II-Styled Components

css jsx react styled-components

Last synced: 07 Nov 2024

https://github.com/omarramoun/contacts

A contacts management system. react native application that allows the user to add, delete, update the contact they want.

react-native react-native-app redux-toolkit styled-components styled-system typescript

Last synced: 08 Nov 2024

https://github.com/corllete/material-styled

Styled Components implementation of Material Design

material-design material-ui react styled-components

Last synced: 05 Nov 2024

https://github.com/doniaskima/brainboost-frontend

BrainBoost is designed to provide users with a comprehensive and seamless learning experience. The platform offers a range of features that are designed to cater to different learning styles and preferences, with the ultimate goal of enabling users to achieve their learning objectives.

docker material-ui node react redux-thunk styled-components tailwindcss typescript vite

Last synced: 12 Oct 2024

https://github.com/deepumandal/modesens

Modsens is an advanced platform that connects information to shoppers seamlessly for a secure and efficient experience โ€” one that is wholly unique to their customers.

bootstrap5 chackra-ui react-redux react-router-dom reactjs redux redux-thunk styled-components

Last synced: 01 Nov 2024

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

typesciprt, react-router (v6), redux-toolkit, storybook, craco, styled-components ๋ฅผ ์ด์šฉํ•œ ์…‹์—… ํ™˜๊ฒฝ์ž…๋‹ˆ๋‹ค.

boilerplate craco react react-router-v6 redux reduxtoolkit storybook styled-components typescript

Last synced: 14 Oct 2024

https://github.com/mauriciogirardi/test-front-end-meritt

This is a test for a Front-End position at Meritt. this project is a study platform

axios react-icons react-router-dom reactjs styled-components

Last synced: 07 Nov 2024

https://github.com/michaelcaxias/michaelcaxias.vercel.app

Meu portifรณlio web com todas as informaรงรตes sobre mim, projetos e stacks utilizadas :)

context-api dark-mode react styled-components

Last synced: 08 Nov 2024

https://github.com/mgueyraud/block-master

Block Buster Website (If it was alive xd), design from https://leonidasesteban.com/proyectos

javascript jsx react styled-components

Last synced: 17 Oct 2024

https://github.com/mohammad-jamal/my-portfolio

๐‘ช๐’“๐’†๐’‚๐’•๐’†๐’… ๐’Ž๐’š ๐’‘๐’๐’“๐’•๐’•๐’‡๐’๐’๐’Š๐’ ๐’‡๐’“๐’๐’Ž ๐’‚ ๐’‚๐’ƒ๐’”๐’๐’๐’–๐’•๐’† ๐’ƒ๐’†๐’ˆ๐’Š๐’๐’๐’†๐’“ ๐’•๐’ ๐’”๐’๐’Ž๐’† ๐’‘๐’“๐’ ๐’๐’†๐’—๐’†๐’ ๐’ƒ๐’š ๐’๐’†๐’‚๐’“๐’๐’Š๐’๐’ˆ ๐’“๐’†๐’‚๐’„๐’• ๐’‹๐’” ๐’„๐’๐’๐’„๐’†๐’‘๐’•๐’” ๐’‚๐’๐’… ๐‘ฐ ๐’‚๐’๐’”๐’ ๐’–๐’”๐’†๐’… ๐’”๐’•๐’š๐’๐’†๐’…-๐’„๐’๐’Ž๐’‘๐’๐’๐’†๐’๐’•๐’” ๐’Š๐’ ๐’Š๐’•, ๐’๐’†๐’‚๐’“๐’๐’• ๐’•๐’ ๐’…๐’†๐’‘๐’๐’๐’š ๐’Ž๐’š ๐’‘๐’๐’“๐’•๐’‡๐’๐’๐’Š๐’ ๐’‚๐’Ž๐’‚๐’›๐’Š๐’๐’ˆ๐’๐’š ๐’–๐’๐’Š๐’’๐’–๐’† ๐’‘๐’“๐’๐’‹๐’†๐‘๐’•

css3 html5 javascript react reactjs styled-components

Last synced: 07 Nov 2024

https://github.com/luizfelipe9627/wakalery

Wakalery รฉ um site fictรญcio de fotografias da natureza, sendo meu primeiro projeto FullStack.

axios bycrypt eslint fastify nodejs prisma react-router-dom reactjs styled-components tsx typescript vitejs

Last synced: 05 Nov 2024

https://github.com/luizfelipe9627/calculadora-rocketseat

Como desafio foi passado pelo Vai na Web a criaรงรฃo de uma calculadora utilizando React.JS e Styled Components.

javascript-es6 npm reactjs styled-components vitejs

Last synced: 05 Nov 2024

https://github.com/luizfelipe9627/blogames

Site blogames criado para prรกticar Styled Components utilizando React.

eslint html5 javascript-es6 npm reactjs styled-components vitejs

Last synced: 05 Nov 2024

https://github.com/grzegorzpacewicz/to-do-list

Simple to do list in react. You can add tasks, remove tasks, see details and search. There are also author page and example tasks

react redux saga styled-components

Last synced: 13 Nov 2024

https://github.com/rasif-sahl/scss-shortcuts

Explore a treasure trove of reusable SCSS code snippets, thoughtfully crafted for effortless integration into your projects. Each example is demonstrated in React, simplifying your styling journey. Elevate your design game with our SCSS collection.

css front-end front-end-development frontend scss scss-framework scss-mixins scss-styles styled-components styling

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