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/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/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: 27 Oct 2024

https://github.com/johnwatkins0/react-draggable-splitscreen

A React component for displaying overlapping elements with a draggable splitscreen-like effect.

react react-hooks styled-components typescript

Last synced: 11 Oct 2024

https://github.com/heytulsiprasad/wirescript

My Personal Blog | Made blazing fast with @gatsbyjs :zap:

gatsby gatsby-blog gatsbyjs personal-blog react styled-components

Last synced: 01 Nov 2024

https://github.com/gustavogss/webviewapp

Aplicativo para renderizar uma página web para Android e IOS - implementado com React Native com Expo

expo react-native styled-components webview-app

Last synced: 26 Jan 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/danielobara/clockinreact

Just a simple clock using React with Hooks and Styled Components.

hooks-api-react javascript react react-hooks styled-components

Last synced: 18 Dec 2024

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/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/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/vimtor/barams

🌐 Chrome extension for creating query string templates

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

Last synced: 24 Dec 2024

https://github.com/skyv26/skyv-portfolio

This personal portfolio project is compilation of academic and professional materials that exemplifies my beliefs, skills, qualifications, education, training, and experiences. It provides insight of my personality and work ethics.

front-end github-actions javascript javascript-library npm-package port portfolio portfolio-website react react-hooks react-router reactjs redux-thunk redux-toolkit skills-assessment styled-components ui-design user-interface webpack5

Last synced: 18 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/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/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/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/danicunhac/moveit

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

nextjs styled-components typescript

Last synced: 23 Jan 2025

https://github.com/acheema90/netflix-clone-react

A Netflix clone app with React, Styled Components, and Redux

babel es6 hmr javascript react react-router redux styled-components webapp webpack2

Last synced: 17 Dec 2024

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/knowler/system-prop-sets

Extended sets of props for use with Styled System.

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

Last synced: 16 Dec 2024

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

E-commerce of coffee delivery.

react styled-components typescript

Last synced: 16 Dec 2024

https://github.com/juditkaramazov/sprint8

📝 IT Academy v8 - Star Wars Application

localstorage reactjs styled-components swapi-api

Last synced: 17 Dec 2024

https://github.com/ozluy/nextjs-redux

simple nextjs app with different logic and folder structure

nextjs react recompose redux redux-saga reselect server-rendering styled-components

Last synced: 26 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/danicunhac/appgobarber

Mobile app to manage your barbershop appointments 🪒💈

react-native styled-components typescript

Last synced: 23 Jan 2025

https://github.com/paulclindo/chateable

Personal basic chat with Firebase, React and Styled Components

firebase reactjs styled-components

Last synced: 01 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/chanakyha/message-me-react

Online Realtime Messaging Website made using React.Js

firebase-auth firestore nextjs styled-components yarn-package

Last synced: 23 Dec 2024

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/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/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/thiagoloschi/bouncetheball

A game based on a pure CSS design I created last weekend.

bem nodejs progressive-web-app react redux styled-components webpack

Last synced: 26 Dec 2024

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/adamgruber/sass-styled-theme

https://github.com/adamgruber/sass-extract-js

extract js sass styled-components

Last synced: 25 Dec 2024

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/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/matmalkowski/css-in-js-stress

Bunch of CSS-in-JS libraries compared for render times.

aphrodite benchmark css css-in-js jss react react-jss reactjs styled-components theme

Last synced: 02 Feb 2025

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/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/icyjoseph/colorpicker

Map colors to temperature picker using ML in the browser!

brain-js brainjs color-picker machine-learning neural-network react reactjs styled-components

Last synced: 21 Jan 2025

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/liinkiing/react-typescript-starter

A simple starter to work with React, Typescript, Mobx, styled, reach router and prettier

eslint mobx prettier reach-router react starter-kit styled-components tslint typescript

Last synced: 05 Feb 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/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/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/jiangweixian/vite-plugin-styled-windicss

styled-components with windicss in vite

styled-components vite windicss

Last synced: 04 Feb 2025

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/mpirescarvalho/react-tetris

👾 Responsive tetris game built with React 🎮

game react responsive-tetris-game styled-components tetris

Last synced: 21 Nov 2024

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/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/501A-gh/tsuika

Tsuika : A classless CSS framework powered with web components to enhance the UI / UX of your next project.

design design-system style styled-components webcomponents

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/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/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/rafaelgoulartb/instapet

:dog: Fullstack Instagram clone made using React Native and Firebase

clone-instagram firebase instagram instagram-clone react-native react-navigation redux styled-components

Last synced: 09 Nov 2024

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: 22 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/sriracha-ui/sriracha

A react style library built with styled-components. Focused on building beautiful user interfaces with speed, efficiency. Customization is a fist class citizen it the land of Sriracha!

appwrapper color-props customizable customization customize flex-box hacktoberfest hacktoberfest2020 javascript next nextjs react reactjs sriracha-ui style-props styled-components theme

Last synced: 11 Nov 2024

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/saddamarbaa/tesla-clone-app-react-typescript

==> Building Tesla Clone App with React Js + TypeScript + Redux + Styled Components + Material-UI + Firebase Authentication + Vercel Hosting (a mobile-friendly)

firebase material-ui react-js redux styled-components typescript vercel

Last synced: 09 Dec 2024

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/thekashey/css-to-js-loader

Transforms your CSS to the `real` JS

css react styled-components webpack-loader

Last synced: 15 Jan 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/ramonxm/github-search

😺 | An application to find a user on Github

react react-hot-toast react-spring styled-components

Last synced: 04 Feb 2025

https://github.com/ayushkavad/e-commerce-shop

An e-commerce website with react, redux and styled components

html javascript react redux redux-persist redux-saga sass styled-components

Last synced: 22 Dec 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/ushliypakostnik/react-auth

Create React App based PWA full auth module with localization and themezation on TypeScipt and Styled Components.

auth authentication i18next pwa react react-router redux social-login styled-components styled-components-theme themes typescript

Last synced: 15 Jan 2025

https://github.com/thiagoow/dolla-virtualbanking-reactjs-website

Website desenvolvido com React.js utilizando JavaScript, juntamente com as bibliotecas styled-components, react-router-dom, react-icons & react-scroll.

brian-design dolla learning react react-icons react-router-dom react-scroll reactjs styled-components

Last synced: 21 Jan 2025

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/saddamarbaa/slack-clone-app-nex-js

==> Building Slack Clone App with React Js + Next Js + Redux + Styled Components + Material-UI + Firebase Realtime Database + Vercel Hosting + User Authentication + firebase-hooks (a mobile-friendly)

firebase-realtime-database nextjs react-firebase-hooks reactjs redux styled-components vercel

Last synced: 03 Feb 2025

https://github.com/yazaldefilimone/kanban

✨ Kanban task management, building with nextjs, reactjs, clean arch, vercel.

clean-architecture clean-code frontend kanban-board nextjs reactjs styled-components typescript vercel

Last synced: 18 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/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/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/leonardototti/movelparts

Um website feito para a indústria de acessórios para móveis Movel Part's.

axios bootstrap nextjs nodejs reactjs strapi styled-components typescript

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