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/ajsalemo/unsplash-api-gatsby

A Web App using Unsplash's API - made with Gatsby, Auth0, Apollo, Styled Components among others inside a Node environment.

apollo apollo-client auth0 authentication firebase firebase-database font-awesome formik gatsby graphql material-ui node react-lazy-image rest styled-components unsplash unsplash-api

Last synced: 19 Feb 2025

https://github.com/manuelsanchez2/react-typoscript-quiz

Quiz done with TypoScript and react

react styled-components typoscript

Last synced: 08 Jan 2025

https://github.com/qilin-editor/qilin-components

A bunch of common components used by Qilin editor and Qilin plugins.

components qilin react styled-components styled-components-theme

Last synced: 13 Feb 2025

https://github.com/gabriel-mend/linkspage

Foi um projeto em que quis explorar o conceito de theme-switch e fazer um site pra mim 😉

react reactjs styled-components theme-switch

Last synced: 26 Jan 2025

https://github.com/luisfalconmx/password-generator

The Password Generator is a web application developed using React.js that enables users to generate strong and secure passwords.

react styled-components typescript vite zustand

Last synced: 15 Dec 2024

https://github.com/adairjuneoaf/prisma-focus-2.0

O prisma.focus é um app para auxiliar você quando assunto é foco na evolução e cuidados com a saúde. O principal objetivo é ajudar aqueles que passam horas e horas na frente do computador. Estabeleça um tempo de foco e após esse período cumpra desafios para ajudar na sua saúde física e mental.

firebase nextjs react react-toastify styled-components swr typescript

Last synced: 08 Jan 2025

https://github.com/abayomi1196/netflix-clone

A beginner's attempt at cloning the popular streaming service. built primarily to master basic to intermediate react topics, also an introduction to Firebase

firebase react styled-components

Last synced: 13 Feb 2025

https://github.com/rmachado55/portfolio

Portfólio profissional feito em React, Axios, Hooks e Styled Components

axios hooks javascript react styled-components

Last synced: 28 Nov 2024

https://github.com/rasujon3/chat-app-client

Kishan Sheth - 10 hours - 1st project.

react-icons react-toastify socket-io styled-components

Last synced: 13 Feb 2025

https://github.com/ayush-kanduri/blog-webapp-react

Blogster Hub is a Blogging Web App which is built on ReactJS, TailwindCSS & Firebase. This app uses the React Router 6 Navigation & Routing & React Hooks, Custom Hooks. This app uses the Firestore DB along with the Firebase Hosting.

css-modules firebase firebase-hosting firestore firestore-react material-ui react react-hooks react-router react-router-dom reactjs styled-components tailwind tailwind-css tailwindcss

Last synced: 13 Nov 2024

https://github.com/vonderklaas/react-theme-toggler

This is a theme toggler application for React, made with help of styled-components CSS approach

react styled-components theme

Last synced: 07 Jan 2025

https://github.com/syfxlin/ustyled

一个 CSS-in-JS 的工具库

css-in-js emotion styled-components styled-system

Last synced: 30 Jan 2025

https://github.com/moguelor/yt-react-dark-theme

Example of how to implement a dark theme with react and styled-components created for my channel on youtube mogueloDev.

moguelodev react react-hooks styled-components theming youtube

Last synced: 13 Feb 2025

https://github.com/osamu38/react-layout-manager

Layout manager not to give margins to components

layout-manager react styled-components

Last synced: 14 Jan 2025

https://github.com/sanidhyy/fitness-app

A Fitness Exercise App using React JS

react reactjs styled-components

Last synced: 15 Feb 2025

https://github.com/joao208/personal-website

Meu site pessoal, usando next, typescript com api routes, para postar artigos, dicas, meus projetos e minha história como desenvolvedor

blog nextjs node projects react styled-components

Last synced: 05 Feb 2025

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

NextJS boilerplate with TypeScript, Tailwind, Styled-components and SWR.

boilerplate nextjs ssr styled-components swr tailwindcss typescript

Last synced: 20 Feb 2025

https://github.com/rafaelgoulartb/mega-hackthon-flourish

:cyclone: - Projeto da Mega Hackathon | Time 13 - App React Native

control finance flourish hackthon react-native styled-components

Last synced: 09 Nov 2024

https://github.com/dothq/dothq.co-deprecated

🌍 Frontend application for Dot HQ made in NextJS

app glamor mobx mobx-react nextjs react reactjs styled-components ts typescript web website zeit

Last synced: 24 Oct 2024

https://github.com/renovatt/tree-app

Tree Finance é um aplicativo de finanças para atender necessidades pessoais. Ele permite registrar despesas de forma segura e acessá-las de qualquer lugar, além de oferecer filtragem por mês e ano, visualização de faturamentos dos últimos 6 meses, campos para anotações e lista de prioridades.

firebase react styled-components typescript

Last synced: 08 Jan 2025

https://github.com/starsheriff2/gni-per-capita-in-the-world

This web app shows the GNI per capita indicator for all countries in the world. It consumes the World Bank API. I built it with React and Redux.

api-rest ducks-pattern msw react redux redux-thunk sass styled-components

Last synced: 18 Feb 2025

https://github.com/acrazing/typescript-styled-components-plugin

A styled components plugin to minify & set componentId & displayName for typescript

plugin styled-components transformer ttypescript typescript webpack

Last synced: 08 Nov 2024

https://github.com/tiaanduplessis/next-styled-nprogress

Add NProgress loader between pages in your Next.js App

next nprogress react styled-components

Last synced: 29 Jan 2025

https://github.com/cleversamer/smart-banking

A banking services website - Landing page

javascript react react-context redux state-ma styled-components

Last synced: 14 Jan 2025

https://github.com/cleversamer/realtime-chatting

Realtime chatting app with Node.js, MongoDB, and Socket.IO

backend client express nodejs react react-router server styled-components web-apploic website

Last synced: 14 Jan 2025

https://github.com/victorcmarinho/gitexplorer

Criação de uma página web para listagem de repositórios com React usando Typescript.

css-grid css3 css3-flexbox flexbox react react-router reactjs styled-components typescript

Last synced: 09 Jan 2025

https://github.com/caioliveira277/taskman

Taskman - Projeto de aprendizado Frontend

reactjs redux styled-components

Last synced: 23 Jan 2025

https://github.com/natanaelvich/gobarber-web-v2-nextjs

project gobarber web in nextjs⚡️⚡️

nextjs reactjs styled-components

Last synced: 01 Feb 2025

https://github.com/leonardototti/quadro-de-horarios-next

A timesheet to organize college classes.

bootstrap nextjs react reactjs ssr styled-components

Last synced: 05 Feb 2025

https://github.com/cleversamer/the-venue

A landing page which is a place to create musical events

react react-router reactjs redux styled-components web-application

Last synced: 14 Jan 2025

https://github.com/francislagares/awwwards-furrow-studio

Awwwards Furrow Website rebuilt with Gatsby, Framer Motion and Styled Components.

canvas framer-motion gatsby styled-components typescript

Last synced: 29 Jan 2025

https://github.com/danielemidio1988/athena

A Athena é uma plataforma web inovadora que possui uma gama de materiais e mentores de tecnologia. Com o objetivo de proporcionar suporte e aprendizado a pessoas com deficiência cognitivas ou neurodivergências, bem como a qualquer pessoa interessada em adquirir conhecimentos tecnológicos.

html5 javascript reactjs styled-components

Last synced: 01 Dec 2024

https://github.com/ashiqyousuf/netflix-clone

A clone of Netflix built with Reactjs (Please test the link in Opera as Chrome and Firefox isn't working)

netflix-clone reactjs styled-components

Last synced: 29 Jan 2025

https://github.com/suamirochadev/diointerorange-techfrontend

O Orange tech + é um projeto para aprender do zero desenvolvimento front-end e back-end. O primeiro bootcamp do programa será uma trilha gratuita lançada pelo Inter, em parceria com a DIO, que vai abordar desde o princípio as tecnologias JavaScript, HTML, CSS, Typescript e React.

dio dio-bootcamp frontend inter javascript react reactjs styled-components

Last synced: 08 Nov 2024

https://github.com/dev-fagundes01/landpage-cn

Uma landpage da Nexcent com informações dos seus produtos e muitos mais, com animação e responsiva.

gsap3 html-css-javascript reactjs responsive-layout responsive-web-design shadcn-ui styled-components tailwind-css

Last synced: 29 Jan 2025

https://github.com/vohungbk/huddle

Huddle landing page with alternating feature blocks master

react styled-components

Last synced: 18 Feb 2025

https://github.com/abeatrizsc/mini-blog

Cadastre-se, faça login e crie posts com o projeto Mini Blog. | Javascript, ReactJS, Firebase e Styled Components

authentication baas-integration blog firebase firebase-auth front-end javascript reactjs styled-components

Last synced: 20 Jan 2025

https://github.com/natsalete/minhas-tarefas

Este repositório possui o código-fonte da aplicação web construída em React para uma lista de tarefas.

react-router reactjs redux spa styled-components typescript

Last synced: 21 Jan 2025

https://github.com/rafael-cesario/wordlist

WordList is a full-stack project to memorize words with lists and flash cards. While you are listening, reading, or watching, some words that you don't know yet will appear, use the website to add these words and revise them.

apollo graphql jwt mongodb mongoose next-13 redux styled-components typegoose typescript vitest

Last synced: 19 Feb 2025

https://github.com/gabriel-mend/github-getrepos

É um mini projeto feito em next com objetivo de pesquisar usuário no github e trazer os seus pinned repos (repositórios principais).

github nextjs reactjs ssr styled-components typescript

Last synced: 26 Jan 2025

https://github.com/nishkohli96/react-basic-app

A sample collection of many useful ReactJS libraries with examples and code explanations. It was my first ReactJS-app and now is a source of all the libraries and packages I have worked with in React.

customize-cra datepicker fullcalendar graphql i18next materialui mobx mobx-react react react-app-rewired react-i18next react-router reactjs redux redux-persist styled-components tailwindcss theme timepicker

Last synced: 08 Feb 2025

https://github.com/efraa/sayek

It is a network of walls based on people's common interests.

context-api react react-query react-typescript styled-components

Last synced: 10 Feb 2025

https://github.com/ayush-kanduri/stopwatch-timers-counters-reactapp

This application comprises of a Timer, Stop Watch, Clicks Counter & Counter Animation. It is built using React.

css framer-motion material-ui react react-hooks react-toastify reactjs styled-components

Last synced: 13 Jan 2025

https://github.com/teguhrianto/react-landingpage-smoothscroll

React Landing Page Smooth Scroll with Styled Components

freemium html javascript landingpage reactjs styled-components template

Last synced: 14 Jan 2025

https://github.com/C836/Weather-App

Interface para previsão de tempo, com opções para troca de escala e sistema de internacionalização.

api jest openweathermap react styled-components typescript unit-testing

Last synced: 23 Oct 2024

https://github.com/aszurar/github-explorer-app

Aplicativo que consome a API do GitHub e exibe informações de qualquer repositório público a partir da busca pelo usuario/nome-do-repositorio, exemplo: facebook/react e usa animações suaves e didáticas com React Native Reanimated!.

hooks react react-native react-native-gesture-handler react-native-reanimated react-native-reanimatedv2 react-navigation styled-components typescript

Last synced: 10 Feb 2025

https://github.com/glweems/whatgrid

Generate Css Grid Layouts and save them as templates for later

css cssgrid graphql nextjs node react styled-components

Last synced: 11 Jan 2025

https://github.com/alanrsoares/styled-cva

A typesafe, class-variance-authority-based, styled-components-like library for authoring React components

class-variance-authority design-systems react styled-components tailwindcss

Last synced: 30 Nov 2024

https://github.com/jeffreyquan/sick-fits

E-Commerce store called Sick Fits, created in Wes Bos' Advanced React & GraphQL course

apollo-client graphql javascript keystone mongodb nextjs react react-testing-library styled-components typescript

Last synced: 27 Jan 2025

https://github.com/eneax/gatsby-dev-portfolio

👨‍💻 A simple starter to get your dev portfolio up and running quickly with Gatsby and Strapi

gatsby-blog gatsby-site gatsby-starter gatsbyjs headless-cms javascript react strapi styled-components

Last synced: 14 Feb 2025

https://github.com/luiizsilverio/dtmoney

Aplicação desenvolvida em React, utilizando Styled-components, Axios e MirageJs. (Trilha ReactJS da Rocketseat)

axios miragejs netlify react rocketseat styled-components vercel

Last synced: 01 Feb 2025

https://github.com/arthurpedroti/gobarber-frontend

An app o manage appointments at a barbershop

eslint prettier react styled-components typescript

Last synced: 31 Dec 2024

https://github.com/hamdysalah1/thegrid

React grid layout using styled-component and flexbox

flexbox grid-layout reactjs styled-components

Last synced: 01 Feb 2025

https://github.com/elisa-amaral/student-information-system-built-with-reactjs

Student Information System built with React.js to consume a REST API developed as the back-end.

axios css editorconfig eslint html javascript lodash prettier react react-hooks reactjs redux redux-persist redux-saga styled-components

Last synced: 21 Jan 2025

https://github.com/devrezaur/dev-academy-react-frontend

Modern and responsive front-end using React JS and Styled Components, for Dev Academy. A online based IT training platform.

react rest-client styled-components

Last synced: 18 Jan 2025

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: 17 Feb 2025

https://github.com/dagerikhl/primors

Package library for common React functionalities.

components hooks lib library packages react storybook styled-components typescript

Last synced: 29 Jan 2025

https://github.com/ronaldprofile/github-api

consuming data from Github users.

api axios github react styled-components typescript

Last synced: 31 Dec 2024

https://github.com/danielemidio1988/banco-digital

Este projeto foi desenvolvido com o propósito de simular a administração de uma conta bancária entre usuários, onde você poderá criar sua conta e gerenciar suas transações financeiras como Transferência e Deposito.

context-api express javascript mongodb mongoose nodejs react-components react-router reactjs styled-components tailwindcss

Last synced: 29 Jan 2025

https://github.com/adairjuneo/portfolio-adair-juneo

Repositório de desenvolvimento do portfólio para divulgação dos meus projetos. App totalmente desenvolvido utilizando React comTypeScript e API do GitHub para automatização de algumas funções.

api-github react styled-components swr typescript

Last synced: 28 Jan 2025

https://github.com/joselion/ts-cssvars

Safely define and use CSS vars on JS/TS context

css css-in-js css-in-ts cssvar cssvariables emotion styled-components

Last synced: 17 Feb 2025

https://github.com/adairjuneo/prisma-systems-website

O projeto é um site institucional da startup Prisma Systems para divulgar seus serviços e soluções tecnologicas.

framer-motion material-ui react react-toastify styled-components typescript

Last synced: 28 Jan 2025

https://github.com/futurenorthants/northants-design-system

Design system for West & North Northamptonshire Councils, two unitary councils serving Wellingborough, Corby, Daventry, East Northants, Kettering, Northampton, Northamptonshire County and South Northants

react storybook styled-components

Last synced: 16 Nov 2024

https://github.com/shashiirk/rhino

A simplistic expense tracking app

expenses-tracker firebase pwa react styled-components

Last synced: 13 Jan 2025

https://github.com/felipenobrg/coffe-delivery-react

E-commerce of coffee delivery.

react styled-components typescript

Last synced: 09 Feb 2025

https://github.com/eveningkid/react-pur

React UI component library (using styled-components)

css javascript kit pur react react-components styled-components ui

Last synced: 03 Feb 2025

https://github.com/diyornv/portfolio

My Portfolio Template that helps you showcase your work and skills as a software developer.

normalize-css react-dom react-router-dom reactjs styled-components tsparticles yarn

Last synced: 27 Dec 2024

https://github.com/stbui/za

基于 React 实现的高质量的企业级 UI 组件库，帮助设计者与开发者快速构建系统。

react react-components react-hooks reactjs styled-components

Last synced: 07 Jan 2025

https://github.com/tavareshenrique/ignite-reactjs-v2

A Trilha de React foi atualizada e com isso temos novos projetos, com isso aqui temos projetos desenvolvidos em React durante a trilha de React [v2] do Ignite da Rocketseat. 💜🚀

ignite ignite-reactjs javascript nextjs reactjs rocketseat styled-components typescript vite

Last synced: 12 Nov 2024

https://github.com/krzysiou/file-io

A website designed to help you fill out your paperwork. Made in Next.js and React.

axios next react styled-components typescript

Last synced: 20 Jan 2025

styled-components Awesome Lists
fucking-awesome-css-frameworks 120 styled-awesomeness 183
styled-components Categories
Stalled Development 45 Deployment 31 General Purpose 29 Specialized 20 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 Debugging in the Editor 3 Debugging Tests 2 Proxying API Requests in Development 2 Using the `public` Folder 2 Adding a Router 2 Pre-Rendering into Static HTML Files 2