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/adairjuneoaf/prisma-cast-desktop-app

Essa é a versão Desktop do prisma.cast, é um app de Podcasts que pode ser utilizado em qualquer cenário em que seja necessário ter um app próprio para distribuir ao seu público os seus Podcasts. Este é um projeto desenvolvido como parte da evolução de uma semana de estudos com a Rocketseat.

desktop-app electron-app nextjs nextron react react-hot-toast styled-components

Last synced: 08 Jan 2025

https://github.com/fe-hyunsu/endcreditmotion

🛹 motion endCredits.v2 (EasterEgg)

animation nextjs react recoil styled-components typescript

Last synced: 16 Jan 2025

https://github.com/minlaxz/minlaxz.github.io

Building my github.io page using NextJS. Also available at https://git.io/minlaxz you caught that short link with the custom name! 🤪.

cname custom-domain github-actions github-pages hashrouter nextjs react reactjs redux-thunk redux-toolkit styled-components vercel vitejs

Last synced: 17 Jan 2025

https://github.com/prorupak/qr-code-component

This is a solution to the QR code component challenge on Frontend Mentor

frontend-mentor reactjs styled-components typescript vite

Last synced: 16 Jan 2025

https://github.com/aloiscrr/starter-portfolio

Basic Gatsby personal portfolio, styled with Tailwind CSS

gatsby gatsby-portfolio gatsby-site react styled-components tailwind-css

Last synced: 11 Jan 2025

https://github.com/icyjoseph/styled-components-demo

A small demo/presentation on Styled Components

react styled-components

Last synced: 21 Nov 2024

https://github.com/rwieruch/react-desktop-first-responsive-design-example

A desktop first responsive design showcase for React with styled-components

react reactjs responsive-design responsive-layout responsive-web-design styled-components

Last synced: 06 Dec 2024

https://github.com/vaibhav-pant/reactdashboardapp

A responsive and dynamic dashboard application built with React.js, React Router v6, and styled-components, featuring three main pages: Dashboard, Transactions, and Support.

dashboard github-pages react react-dashboard react-router-v6 responsive-design styled-components ui-components ui-design web-dev

Last synced: 16 Jan 2025

https://github.com/12gustavo21/spirited-away

💫Project to train knowledge of: ReactJs, styled-components, Hygraph, Apollo Client and responsive layout 🚀

animation apollo-client apollographql codelandia codelandia-challenges hygraph reactjs responsive-layout responsive-website styled-components

Last synced: 11 Jan 2025

https://github.com/ursgol/hotel-management-app

A custom-built app to manage everything about hotel: bookings, cabins and guests. This is the internal app used inside hotel to check in guests as they arrive.

context-api css3 date-fns html javascript react react-hook-form react-hot-toast react-icons react-query react-router react-router-dom recharts styled-components supabase

Last synced: 09 Jan 2025

https://github.com/yeehanchung/e-commerce-react-redux-firestore

E-commerce web app developed with react, redux, firestore, styled-components, and more. Individual final year project, 3 months.

firebase firestore reactjs redux styled-components

Last synced: 16 Jan 2025

https://github.com/yeehanchung/yeehanchung.com

My 1st personal website, built with Gatsby.

gatsby portfolio react styled-components

Last synced: 16 Jan 2025

https://github.com/saifurrahmanemon/analyzechar

AnalyzeCHAR is a web application that allows users to extract a wide variety of visual features from desired images. It can determine whether an image contains adult content, possible tags for an image and more amazingly extract printed or handwritten text from images. AnalyzeCHAR uses Azure Computer Vision to analyze images.

azure computer-vision imagebb jest react react-testing-library styled-components typescript

Last synced: 16 Jan 2025

https://github.com/darwinlenin/breakingbadquotes

API service hosted in Heroku to search random breaking bad quotes

api heroku netlify reactjs styled-components

Last synced: 06 Dec 2024

https://github.com/carolcurcelli/ffquiz

🗡️ answer these 10 questions and prove you're a real final fantasy fan

alura aluraquiz ff7 final-fantasy final-fantasy-7 final-fantasy-vii finalfantasy finalfantasyvii imersao-react nextjs react styled-components

Last synced: 19 Nov 2024

https://github.com/wurde/kanban

React-based project management app deployed to Firebase.

cypress kanban react styled-components

Last synced: 10 Jan 2025

https://github.com/rayanneramos/ignite-timer

É um timer no estilo pomodoro para você controlar seus ciclos de estudos e tarefas no dia a dia.

date-fns immer phosphor-react react react-hook-form react-router-dom reactjs rocketseat styled-components typescript vitejs zod

Last synced: 11 Jan 2025

https://github.com/vagnernerves/boardingpass-boracodar

I developed the Boarding Pass in React Native, where I developed the layout and added the functionality to generate QRCode according to data passed from the boarding pass.

expo linear-gradient react react-native react-native-qrcode-svg react-native-svg reactnative safe-area-context styled-components typescript

Last synced: 14 Jan 2025

https://github.com/ameer2000mzori/mini-react-rtk

"Mini-React-RTK" is a project developed with React.js and styled using Tailwind CSS along with Styled Components. It employs React Router and Redux Toolkit for various functionalities. The primary aim of this project is to delve deeper into React Redux Toolkit. Feel free to download or check out sample images.

javascript reactjs redux-toolkit styled-components tailwindcss

Last synced: 24 Nov 2024

https://github.com/ameer2000mzori/form-formik-yup-mern

"Formik-Yup-MERN" is a project created with React, styled using Styled Components and Tailwind CSS. It utilizes Node.js and Express.js for the backend, with additional packages such as Axios and React Query integrated. You can download the project or check out sample images.

backend expressjs formik frontend fullstack jsx nodejs prettier reactjs reactqueryv4 styled-components tailwindcss yup

Last synced: 24 Nov 2024

https://github.com/ameer2000mzori/todolist-app-mern

TodoList-App-Mren is built with ReactJS, Tailwind CSS, and uses React Query for data fetching. The backend is powered by ExpressJS and NodeJS, without MongoDB. This project aims to improve skills in React Query and full-stack development. Check out sample images or download the project.

api axios backend expressjs formik formik-yup frontend fullstack javascript jsx nodejs reactjs reactqueryv4 styled-components tailwindcss todoapp unique-id yup

Last synced: 24 Nov 2024

https://github.com/mariorodeghiero/datopian

Henry Hub Natural Gas - Daily Prices

csv-files d3 data-visualization nodejs react styled-components

Last synced: 16 Jan 2025

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: 16 Jan 2025

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: 16 Jan 2025

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: 02 Jan 2025

https://github.com/lequangnamsoraly2009/linkedin-react-app

Clone Linkedin with React, Redux, StyledComponents,Firebase and Hooks

firebase hooks react redux styled-components

Last synced: 12 Jan 2025

https://github.com/leandroargentiero/covid19-dashboard

A real-time dashboard that displays data about the Covid-19 virus outbreak

hooks reactjs styled-components

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

https://github.com/renantrs/urna

A Brazilian electronic voting machine in ReactJs

integration-testing jest reactjs styled-components testing-library tests-unitaires typescript

Last synced: 07 Dec 2024

https://github.com/joeldeondsouza/next_fitness_app

Next.js app with styled components and a dynamic SVG model coded in Zed.

nextjs styled-components svg typescript zed

Last synced: 22 Dec 2024

https://github.com/joeldeondsouza/portfolio_template

A simple portfolio, built with React, TypeScript, and Styled Components.

javascript portfolio reactjs styled-components typescript

Last synced: 22 Dec 2024

https://github.com/gabrielnafuzi/todo-app

a simple todo app to practice framer-motion. app ideia: https://devchallenges.io/challenges/hH6PbOHBdPm6otzw2De5

framer-motion react styled-components typescript vite

Last synced: 07 Dec 2024

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

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

nextjs react styled-components typescript

Last synced: 07 Dec 2024

https://github.com/deliocoder/my-portfolio-react

This is my official personal portfolio for bussiness 👨‍💼💼

react-icons reactjs smooth-scrollbar styled-components

Last synced: 14 Jan 2025

https://github.com/csalam07/slack-replica

This is Slack Replica web app build with react and styled components. Firebase is used as Backed and as hosting plalform

firebase materialui react slack styled-components

Last synced: 24 Nov 2024

https://github.com/eldsonc/speakingto

It consists of allowing the user to write texts using only speech.

reactjs speech-recognition styled-components

Last synced: 16 Jan 2025

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 Jan 2025

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: 02 Jan 2025

https://github.com/alialiayman/react-firebase

NoSQL: Full react app. Store, retrieve, and edit customer data on the firebase free 1GB tier. The app integrates with firebase identity nicely. multiuser, very performant. ❤️️❤️️

firebase material-ui react styled-components

Last synced: 19 Nov 2024

https://github.com/timfuhrmann/next-styled-components-jest-storybook

A Next.js, Styled Components, Typescript, Jest and Storybook boilerplate.

jest nextjs prettier react storybookjs styled-components typescript

Last synced: 07 Dec 2024

https://github.com/timfuhrmann/twitter-board

A small twitter board built with Next.js and Google Cloud Platform.

firebase google-cloud-platform nextjs react styled-components typescript

Last synced: 07 Dec 2024

https://github.com/timfuhrmann/gatsby-styled-components

A Gatsby, TypeScript, Styled-Components starter.

gatsby styled-components typescript

Last synced: 07 Dec 2024

https://github.com/milinpaul/react-redux-seed-material-ui

A React Redux Seed Boiler Plate with Redux Saga, Material UI, Styled Components.

material-ui react-router-dom reactjs redux redux-saga styled-components

Last synced: 17 Jan 2025

https://github.com/eeeyooon/google-form

구글 설문조사 클론코딩

react redux redx-toolkit styled-components typescript

Last synced: 12 Jan 2025

https://github.com/mpolinowski/victory-data-chart

React.js components for modular charting and data visualization

chart css-grid-layout data-visualization react styled-components victory

Last synced: 30 Nov 2024

https://github.com/diogomalfatti/rpg-react

#04 projeto criado na semana desafio 5 projetos em 5 dias: edição React pela B7W

github-pages html-css-javascript javascript react styled-components typescript

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

https://github.com/diogomalfatti/expense-tracker

#02 projeto criado na semana desafio 5 projetos em 5 dias: edição React pela B7W

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

Last synced: 31 Dec 2024

https://github.com/soaressluiss/ortodoc-clinica

🦷 Página de uma clínica dentista fictícia

javascript react react-router reactjs styled-components

Last synced: 19 Nov 2024

https://github.com/lissone/expansive-finances

Best way to organize your finances.

mirage-js react styled-components typescript

Last synced: 15 Jan 2025

https://github.com/ryan-menezes/my-trips

A simple project to show my favorite spots in the world.

graphql leaflet nextjs reactjs styled-components

Last synced: 15 Jan 2025

https://github.com/terieyenike/covidnigeria

React web application that displays Covid-19 statistics in Nigeria according to states.

api react redux styled-components

Last synced: 19 Nov 2024

https://github.com/terieyenike/clbrutal

Website to report on police brutality in Nigeria

ant-design css-in-js react styled-components

Last synced: 19 Nov 2024

https://github.com/softspiders/cra-formik-styledcomponents-ts-starter

Starter for Forms with Formik in Create React App on TypeScript

cra formik ie11 react softspiders ss starter styled-components template ts typescript

Last synced: 15 Jan 2025

https://github.com/trancore/todo

様々なフロントエンドフレームワークを理解するためのTodoアプリケーション

cypress docker expressjs jest nextjs nodejs passportjs reactjs redux rtk-query storybook styled-components testing-library typescript

Last synced: 15 Jan 2025

https://github.com/okandavut/react-twitter-clone

This project developed for improve my React and CSS basic skills.

css react reactjs styled-components

Last synced: 17 Jan 2025

https://github.com/fe-hyunsu/subwayinfo

🚉 Subway arrival information

api recoil styled-components typescript

Last synced: 16 Jan 2025

https://github.com/emersoncarneirodasilva/github-repositories

É um projeto que possibilita o usuário procurar repositórios do GitHub, assim como também verificar usas Issues abertas e fechadas sendo direcionado as mesmas.

github github-api issues reactjs repositories styled-components vite

Last synced: 17 Nov 2024

https://github.com/luigibarbato/meonweb

meonweb, a personal portfolio built using Next.js, TypeScript, SEO, Styled-components and Markdown.

flyio markdown nextjs portfolio react seo styled-components typescript vercel

Last synced: 17 Nov 2024

https://github.com/gustavosachetto/school-system

Plataforma digital de ensino criada para gerir alunos, instrutores e moderadores do sistema de cursos.

inertiajs laravel php reactjs styled-components tailwindcss

Last synced: 22 Dec 2024

https://github.com/energywraith/genius-music-app

App based on the Genius API, which allows you to search for songs based on lyrics or their names. You can also find albums and artists there.

expressjs nodejs reactjs styled-components

Last synced: 20 Nov 2024

https://github.com/energywraith/vans-scrapper-website

An app that scrapes the shoes from the Vans page and displays them in a non-glitchy manner.

express react redux styled-components

Last synced: 20 Nov 2024

https://github.com/tinspham209/noor-coffee

Coffee Shop Website v1.0 - Features: Homepage, Products, display store in Maps, Membership, Feedback form, About, Blog

firebase leaflet react styled-components

Last synced: 17 Nov 2024

https://github.com/lucasalvaresa/devsfood

DevsFood, created together with the React.js/B7Web course

react reactjs redux styled-components

Last synced: 17 Nov 2024

https://github.com/jerp86/03-dt-money

Nesse módulo foi construido uma aplicação front-end web completa, conectando a uma API e foi visto como performar aplicações com o React entendendo como funcionam os algoritmos internos da biblioteca e todo fluxo de renderização de componentes.

axios phosphor-react radix-ui react react-hook-form react-hooks styled-components zod

Last synced: 17 Nov 2024

https://github.com/806gw/silicagel

실리카겔 입문용 웹사이트

react styled-components

Last synced: 24 Nov 2024

https://github.com/gabriel-aroucas/verificador_de_dominio

Com o site DOMÍNIO ABERTO você pode verificar se os domínios que você quer comprar estão disponíveis.

app axios axios-react mobile react reactjs reponsive-web-design styled-components tsx typescript web website

Last synced: 17 Nov 2024

https://github.com/ahmadrezamozaffary/course-goal-react

A simple course goal application with ReactJS to practice some concepts related to styling React components such as "Styled components" and "CSS modules" and so on. 🏅

cssmodules npm reactjs styled-components

Last synced: 17 Nov 2024

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