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/ayoubaloui94/the-wild-oasis-business-app

A cabin booking SPA build using React, React Router Dom, React Query, styled components and Supabase. The user (hotel staff) can create, edit and delete cabins, guests and bookings, check guests in and out, generate PDF invoices, etc... (Login info left in initial form state along with a sample data uploader component for demo purposes).

react react-datepicker react-pdf-renderer react-router-dom recharts single-page-app styled-components supabase tanstack-react-query vite

Last synced: 13 Nov 2024

https://github.com/ayoubaloui94/my-portfolio

Pardon the self-reference, but my portfolio site is one of my portfolio projects. It was built as a single-page-app using React and React-Router. The projects are fetched from the Github API using React-Query. I used a combo of tailwind & styled-components for the styling, EmailJs to handle the contact form and react-helmet for SEO.

axios emailjs-browser hcaptcha react react-helmet-async react-query react-router-dom styled-components tailwindcss

Last synced: 13 Nov 2024

https://github.com/til2to/ecommerce

This project is an ecommerce web app for showcasing products. Users are able to add items to cart, remove, update and get the amount to be paid in different currencies. Redux was used for real time updates

graphql reactjs redux styled-components

Last synced: 04 Feb 2025

https://github.com/odisseu93/top-commerce

Ecommerce fictício dockerizado, criado como Node.js, Express, React.js e mysql

docker docker-compose javascript js mysql mysql-database mysql2 nodejs react reactjs sequelize styled-components typescript

Last synced: 28 Jan 2025

https://github.com/raoufswe/help

WIP 🚧 A mobile app that helps you keep track of your mental health and gives you support and tips.

ionic-react javascript styled-components

Last synced: 08 Jan 2025

https://github.com/masoumehmohebbi/styled-components-credit-card-banking

It's a landing page that developed with react js and styled components 🎫🤑

credit-card credit-card-banking landing-page react reactjs styled-components

Last synced: 06 Feb 2025

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

Spending 100 days of project with React.

css3 html javascript reactjs styled-components tailwindcss typescript

Last synced: 16 Jan 2025

https://github.com/am-77/rigel

A portfolio template.

i18next reactjs styled-components

Last synced: 02 Feb 2025

https://github.com/fandredev/gofinances

Third application carried out in the Rocketseat Ignite course with the objective of controlling the user's personal finances.

ignite react-native rocketseat styled-components typescript

Last synced: 07 Dec 2024

https://github.com/quang-pham-dev/cedu-web

CEDU web aplication built with reactjs

amplify boilerplate javascript jest react reactjs redux styled-components

Last synced: 22 Jan 2025

https://github.com/xxidbr9/next-atomic

An Atomic React.js (NEXT.JS) Architecture base on use cases

atomic-design next react styled-components typescript

Last synced: 09 Dec 2024

https://github.com/superbahbi/twitter-clone

A twitter clone built in react framework using mongodb database and cloudinary storage

react react-bootstrap socket-io styled-components

Last synced: 13 Feb 2025

https://github.com/ehsangazar/generator-nextjs-typescript

Generator of Nextjs TypeScript StyledComponent as a boilerplate

nextjs reactjs styled-components typescript

Last synced: 13 Nov 2024

https://github.com/walber-vaz/tela-login

Criando uma tela de cadastro e login integrando backend Node com frontend React

express mongodb mongoose nodejs react-router-v6 reactjs styled-components vite

Last synced: 23 Jan 2025

https://github.com/0mppula/react-redux-hello-world

A simple (legacy) implementation of React Redux with asynchronous actions that fetch data from jsonplaceholder.typicode.com

asynchronous-reducers asynchronous-redux axios jsonplaceholder-api legacy-code react react-redux react-router-v6 reactjs styled-components

Last synced: 09 Jan 2025

https://github.com/tigerabrodi/vinland-saga

🥘 A platform where chefs can create and share recipes, and connect with each other.

firebase nextjs react react-hot-toast react-markdown styled-components vercel zustand

Last synced: 08 Jan 2025

https://github.com/joeylemon/novatek-viewer

electron/react application to view Novatek-based dashcam footage with GPS information (A119, A129, etc)

babel electron eslint gulp jest react redux styled-components

Last synced: 22 Jan 2025

https://github.com/daviteixeira-dev/saude-amais

The Pilates studio (saúde a+) needs a management system for the studio's activities/modalities and the scheduling of test classes and replacements.

axios express formik jwt meterial-ui nodejs postgresql react styled-components typeorm yup

Last synced: 08 Nov 2024

https://github.com/tushar-indurjeeth/whatsapp-nextjs-clone

A WhatsApp clone built using NextJs, React and Styled Components.

dotenv email-validator firebase material-ui moment nextjs react styled-components timeago-react vercel

Last synced: 15 Jan 2025

https://github.com/joeylemon/shot-tracer

web application to trace golf shots on a video

canvas eslint react redux styled-components

Last synced: 22 Jan 2025

https://github.com/0mppula/wsb-tickers

Displays the top 50 stocks discusses on reddit/r/wallstreetbets/ on a given date.

api react reactjs reddit sentiment-analysis stocks styled-components typescript wallstreetbets

Last synced: 09 Jan 2025

https://github.com/abdullahceylan/english-word-trainer

A simple English word learning web application built with React.js (next.js), styled-components and Firebase. Just for fun.

english english-learning firebase firebase-database javascript react reactjs styled-components

Last synced: 10 Nov 2024

https://github.com/joehunterdev/react-pdf-cv

📝 🎨 Want a spring board into react-pdf design features ? A customizable PDF document using React components.

curriculum-vitae pdf react react-pdf styled-components use-effect vite

Last synced: 15 Jan 2025

https://github.com/santosl2/mfilypedev

🌐 Um blog pessoal para postagem das minhas qualificações e projetos desenvolvidos. Foi utilizado NextJS + Tailwind CSS

chakra-ui nextjs react reactjs styled-components tailwindcss typescript

Last synced: 28 Jan 2025

https://github.com/edijunior88/imersao_react_alura

Serão 5 aulas gratuitas de programação de nível intermediário para você desenvolver o Aluratube, um projeto em React para adicionar ao seu portfólio.

css css-flexbox css-grid css3 html html-css html-css-javascript html5 javascript javascript-applications react react-components reactjs styled-component styled-components supabase

Last synced: 11 Feb 2025

https://github.com/solrachix/whatsapp-rn-clone

Recreating / redesigning Whatsapp on almost all platforms.

clone expo react-native styled-components whatsapp

Last synced: 13 Nov 2024

https://github.com/luftywiranda13/luftywiranda.com

Personal website of Lufty Wiranda. Built with Gatsby, React, and styled-components

gatsby react reactjs styled-components

Last synced: 25 Jan 2025

https://github.com/arrow7000/streamtype

🖋 ⚠ An app for focused writing. If you stop writing for longer than 5 seconds everything you have written disappears irretrievably. Use with caution.

react react-hooks styled-components

Last synced: 13 Feb 2025

https://github.com/akinncar/expo-star-wars

🌠🚀 star wars informative app made in expo (ios, android), react native

android cross-platform expo ios javascript react-js react-native styled-components web

Last synced: 05 Feb 2025

https://github.com/frex-is/artificium-ui

Artificium UI Library is a versatile and responsive React component library built with TypeScript. This library is designed to seamlessly integrate into your React projects, providing a collection of reusable UI components inspired by the Artificium Figma design.

artificium components-library react storybook styled-components typescript ui

Last synced: 14 Nov 2024

https://github.com/magnateape/graphacademy-fullstack

Graph Academy full stack project using React, Next.js and Supabase

d3js graph nextjs react styled-components supabase tailwindcss

Last synced: 28 Jan 2025

https://github.com/evgenywas/online-shop

Online shop SPA on React/TypeScript with GraphQL on backend. This app consists of category, product and cart pages. Also, the selected options of added to cart products are available in cart overlay.

apollo-client graphql graphql-code-generator interweave localstorage react react-router styled-components typescript

Last synced: 25 Jan 2025

https://github.com/obrm/react-demo-dating-app

Simple dating app demo for students in my bootcamp.

react-icons reactjs styled-components

Last synced: 09 Nov 2024

https://github.com/vickttor/ignite-reactjs-coffee-delivery

Project built for personal studies. This is a E-commerce built with React JS, TypeScript and Styled-components to simulate an online coffee shop

css-in-js framer-motion react react-hook-form styled-components typescript zod

Last synced: 22 Nov 2024

https://github.com/koltyakov/spfx-styled-components-sample

Styled Components and SPFx theming sample (SIG 2020/06/04)

css-in-js sample sharepoint spfx styled-components themes

Last synced: 25 Jan 2025

https://github.com/rasulwebs/tic-tac-x0

🎮 Tic Tac Emoji - offering singleplayer & multiplayer.

framer-motion react styled-components typescript vite zustand

Last synced: 12 Feb 2025

https://github.com/ameerthehacker/colossus

:art: Rich set of react styled components that anyone would ever need

react styled-components

Last synced: 28 Jan 2025

https://github.com/rosinskak/movieon_project

React.js + Vite + TMDB API + Context API + LocalStorage = MOViEon (movie app)

context-api localstorage movie-app movies-api mui react-router reactjs sass styled-components tmdb-rest-api vite

Last synced: 31 Dec 2024

https://github.com/saurookadook/waitwut

A little Gatsby-fueled site with a bunch of programming cheatsheets, notes, and all other sorts of resources 🤓

bookmarks cheatsheet gatsby gatsbyjs notes react styled-components typescript

Last synced: 09 Nov 2024

https://github.com/mariorodeghiero/iwant-style

iwant-style library imports ready styles using CSS in JS to be used in conjunction with styled-components.

css cssinjs style styled-components

Last synced: 16 Jan 2025

https://github.com/kelvinleandro/ubuntu-react

An attempt to recreate Ubuntu interface using React

gnome nextjs nextjs14 react reactjs styled-components ubuntu vercel

Last synced: 14 Feb 2025

https://github.com/mchamoudadev/fullstack-react-with-graphql

react fullstack app with graphql using hasura and postrgress

graphql react styled-components

Last synced: 31 Dec 2024

https://github.com/jiangweixian/babel-plugin-styled-windicss

windicss + styled-components (beta)

babel plugin styled-components windicss

Last synced: 10 Dec 2024

https://github.com/paulclindo/chateable

Personal basic chat with Firebase, React and Styled Components

firebase reactjs styled-components

Last synced: 14 Feb 2025

https://github.com/mariangle/portfolio-v1

Portfolio v1 built with Styled Components and Framer Motion in React

framer-motion react styled-components

Last synced: 10 Jan 2025

https://github.com/brijenmakwana/zomato-clone

Zomato is an Indian multinational restaurant aggregator and food delivery company. I have made an effort to mirror the design of the original app exactly.

expo javascript mobile-app mobile-development react-native react-navigation styled-components zomato zomatoclone

Last synced: 12 Dec 2024

https://github.com/morewings/ts-redux-next

Next.js app template with Redux features and App Router. Has test and middleware examples.

jest nextjs nextjs-template redux redux-middleware redux-toolkit styled-components template

Last synced: 12 Dec 2024

https://github.com/digoarthur/dashboard-financeiro

IGNITE - Trilha ReactJS/ Chapter II - Esta aplicação é um Dashboard de registros financeiros para acompanhamento de valores de entrada, saída e total.

deploy html5 miragejs php reactjs styled-components typescript

Last synced: 11 Dec 2024

https://github.com/smakosh/beafapp

Beaf React App bootstrapped in 24 hours

react react-router-dom redux styled-components

Last synced: 14 Feb 2025

https://github.com/gabrielimartins7/gofinances

GoFinances é um aplicativo de finanças e controle de gastos :coin:

expo react-native react-navigation reactnative styled-components typescript

Last synced: 16 Feb 2025

https://github.com/shahsuvarli/admin-foody

A React-based food delivery admin dashboard web application for controlling restaurants, menus, and products.

admin css dashboard delivery food foody html i18n javascript reactjs restaurant styled-components

Last synced: 07 Feb 2025

https://github.com/aszurar/gofinances

O 2º projeto do bootcamp Ignite na trilha react-native, nele é explicado mais sobre componentes do react-native como a Flatlist, responsividade, Async-Storage, Axios, Login Social com o OAuth(Google e IOS)), e sobre navegação em aba e em pilha além de suas configurações junto com contexto e hooks,

android-studio async-storage date-fns expo expo-auth javascript nodejs react react-native react-navigation styled-components typescript victory-native yarn

Last synced: 18 Dec 2024

https://github.com/mohamedhnoor/github-users-app

This is a react app that uses the github api to fetch users and display their information. It uses auth0 to authenticate users and allow them to login and logout. It uses fusion charts to display the users data in a chart. built with react, react-router-dom, styled-components, auth0, react-icons, fusion charts, github api, neflify.

auth0 fusion-charts github-api netlify-deployment react-icons react-router-dom reactjs styled-components

Last synced: 25 Jan 2025

https://github.com/chanakyha/message-me-react

Online Realtime Messaging Website made using React.Js

firebase-auth firestore nextjs styled-components yarn-package

Last synced: 15 Feb 2025

https://github.com/junaidshamnad/react-navbars

Fully Responsive React Navbar in 3 different designs. You can easily customize this design to fit your project.

css3 html5 javascript navbar react-js styled-components

Last synced: 10 Jan 2025

https://github.com/rafaelgoulartb/dt.money

🤑 Dt.money project made in ignite bootcamp. @Rocketseat

dtmoney reactjs rocketseat styled-components typescript

Last synced: 02 Jan 2025

https://github.com/shashkovdanil/github-issue-tracker

Progressive web app for viewing issues from the github.com. Built with react, redux, redux-thunk and styled-components

flow issue-tracker pwa react redux redux-thunk styled-components

Last synced: 01 Jan 2025

https://github.com/gbengacode/react-math-magician

This is a react application that provides a calculator utility

github-actions react styled-components webpack

Last synced: 04 Feb 2025

https://github.com/frontendwizard/styled-components-talk

Styled-components talk a ser apresentada no React-Maringá (27/02/18)

css-in-js styled-components talk

Last synced: 06 Feb 2025

https://github.com/amrsekilly/react-fancy-loader

A lightweight set of fancy loaders for your React applications. The package uses ESM, which enables tree shaking.

loaders react react-fancy-loader reactjs styled-components

Last synced: 06 Feb 2025

https://github.com/cwlsn/axiomatic

A React based Design System using TypeScript, powered by styled-system and styled-components.

design-system react styled-components styled-system typescript

Last synced: 01 Feb 2025

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

Um ponto de partida para projetos NextJS com muita coisa configurada :) - Baseado no boilerplate do projeto React Avançado 🔥

babel boilerplate eslint husky jest lint nextjs plop prettier reactjs storybook styled-components testing typescript

Last synced: 11 Jan 2025

https://github.com/jiyuujin/nekohack-ui

:atom: A React UI components for Web

react react-dom styled-components typescript ui-components

Last synced: 18 Dec 2024

https://github.com/ojailson17/food_delivery

Food Delivery é um projeto que simula um site de restaurante. O sistema possui autenticação com o Google, além de checkout com o Stripe

google-auth next-auth nextjs redux redux-toolkit stripe styled-components typescript

Last synced: 06 Feb 2025

https://github.com/miguelitodev/marvel-characters

Hello, this is a test project for a Junior-level ReactJS front-end position, this project makes the request and listing of characters from UMC (Universe Marvel Comics), in addition showing about the selected character his description and participation in comic books. Within 6 days to develop this project, I had to study several contents, even so I managed to finish on time, it was a great pleasure to use this API, link in the references.

javascript pagination react-router-dom reactjs redux styled-components

Last synced: 11 Jan 2025

https://github.com/jooysoouzaa/minhas-tarefas-react

To-Do List com React, TypeScript e styled-components, que organiza tarefas por categorias, permite verificar status, editar, buscar e adicionar novas tarefas usando React Router.

react react-router reactjs styled-components typescript

Last synced: 08 Feb 2025

https://github.com/danicunhac/moveit

Manage your time and do physical exercises on code breaks 🏋️

nextjs styled-components typescript

Last synced: 23 Jan 2025

https://github.com/mhmtmutlu/react-book-app

Making practices about ReactJS with using styled components, framer motion, NYTimes API etc.

context-api framer-motion reactjs styled-components

Last synced: 01 Jan 2025

https://github.com/milad-afkhami/style-wiz

CLI tool that generates minified CSS files from JSON configs and integrates with Goober for CSS-in-JS.

css eslint husky jest npm-package react react-testing-library rollup styled-components typescript

Last synced: 15 Feb 2025

https://github.com/chengjianhua/styled-fns

A collection of utility functions to use with `styled-components`, make writing component with SC more fascinating.

styled styled-components utility

Last synced: 10 Jan 2025

https://github.com/rosaerick/stoic-quote-generator

Random Stoic Quote Generator built with React and Styled-components. Generate a philosophical quote, you can tweet the quotes!

api phylosophy react reactjs styled-components

Last synced: 24 Jan 2025

https://github.com/kasanaa/carebridge

2nd year final project to build a web platform for Sri Lankan people who lives overseas to gain access to SL medical advice at low cost-or for completely free (DEMO ONLY))

javascript reactjs styled-components

Last synced: 15 Feb 2025

https://github.com/ammoradi/cra-template-star-pwa

create react app custom template (it is more than a template. maybe we can call it a complete boilerplate) based on official cra-typescript template.

axios create-react-app create-react-app-template create-react-app-typescript eslint prettier reactrouter redux redux-persist redux-thunk styled-components stylelint typescript

Last synced: 04 Feb 2025

https://github.com/danicunhac/appgobarber

Mobile app to manage your barbershop appointments 🪒💈

react-native styled-components typescript

Last synced: 23 Jan 2025

https://github.com/vimtor/barams

🌐 Chrome extension for creating query string templates

chrome-extension preact query-string query-string-builder styled-components

Last synced: 16 Feb 2025

https://github.com/akatroj/elevator-system

Simple application that controls the elevators in a building.

react react-router styled-components typescript

Last synced: 23 Jan 2025

https://github.com/anselemodims/event-scheduler

Event scheduler is a simple app for viewing the events happening around you. User can also create their event and include a location. Location can also be marked as hidden(strictly by IV). Built with React and Styled Components

event forms react scheduler styled-components

Last synced: 02 Feb 2025

https://github.com/anselemodims/shuffled-memory

Shuffled Memory is a game that matches the images on cards. If the images are the same then it stays same, else it will disappear. It has a limit of wrong tries you can make. Built with React and Styled-Components.

game memory react shuffle styled-components

Last synced: 02 Feb 2025

https://github.com/alexbelloni/deathstar-web

Simple register-and-login example using my deathstar-authapi

context-api react styled-components

Last synced: 05 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