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/felipenobrg/coffe-delivery-react

E-commerce of coffee delivery.

react styled-components typescript

Last synced: 16 Dec 2024

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/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: 09 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/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/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/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/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/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: 09 Dec 2024

https://github.com/jl-olemar/olemar.dev

📌 My personal website.

javascript react sanity styled-components vite

Last synced: 12 Dec 2024

https://github.com/thiagoow/imersaoreactalura-alurakut

Projeto de clonagem da antiga rede social Orkut, desenvolvido com Next.js, HTML, CSS, e JavaScript. Juntamente com as bibliotecas "styled-components", "nookies" e "jsonwebtoken", instaladas via YARN. Seguindo as aulas da Imersão React #3, da Alura:

alura alura-cursos-online alurakut alurakut-imersao-react graphql jsonwebtoken jwt-token nextjs nookies react reactjs styled-components

Last synced: 21 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/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/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/sucodelarangela/doguito-blog

Application developed during Alura's React Router training course (https://www.alura.com.br/curso-online-react-router-navegacao-spa)

axios json-server react react-router reactrouter spa styled-components vitrinedev

Last synced: 20 Nov 2024

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 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/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/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/binaryleo/react_dashboard_money

A Reactjs application to management expenses and incomes

css hooks javascript miragejs phosphoricons reactjs styled-components typescript

Last synced: 07 Dec 2024

https://github.com/thekashey/css-to-js-loader

Transforms your CSS to the `real` JS

css react styled-components webpack-loader

Last synced: 10 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: 22 Nov 2024

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 Nov 2024

https://github.com/sdekrishan/book_management

Its a book management app. Good use of some great hooks like useNavigation, useParams, useSearchparams and CRUD operations

chakra-ui json-server reactjs redux redux-thunk styled-components

Last synced: 12 Nov 2024

https://github.com/ameerthehacker/colossus

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

react styled-components

Last synced: 30 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/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: 12 Nov 2024

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

A portfolio template.

i18next reactjs styled-components

Last synced: 07 Dec 2024

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

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

context-api react styled-components

Last synced: 09 Nov 2024

https://github.com/arielbetti/pokedex

A pokedex made with react + recoil + styled components. Featured in video on youtube/@arielbetti

pokeapi pokedex react recoiljs styled-components

Last synced: 08 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: 17 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: 30 Nov 2024

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/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 Nov 2024

https://github.com/sigfriedcub1990/styled-miniresetcss

Jeremy Thomas's minireset CSS

css minireset styled-components

Last synced: 14 Nov 2024

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/adrianoescarabote/audiophile-e-commerce-website

This project consisted of creating a multi-page e-commerce website from scratch, for styling the project I used Figma files.

axios ecommerce-website nextjs redux styled-components typescript

Last synced: 20 Nov 2024

https://github.com/hirentimbadiya/tesla-clone

This repository contains the code for the Tesla Clone project. The goal of this project was to recreate the Tesla website using React.js, Styled Components, Material UI and host it on Firebase Hosting. The result is a responsive website that provides an intuitive and seamless user experience on all devices.

material-ui react react-reveal reactjs styled-components tesla-clone

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

https://github.com/adrianoescarabote/multi-step-form

Multi-step form built w/ React + Styled Components

javascript react reactjs styled-components

Last synced: 20 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: 28 Nov 2024

https://github.com/stevendelro/react-weather-dashboard

v2.0 A Weather Dashboard built with React Hooks, Dark Sky API, Recharts, and Material-UI.

axios darksky-api mapbox material-ui material-ui-react momentjs react react-hooks react-map-gl recharts styled-components uuidv4

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/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/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: 07 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: 12 Nov 2024

https://github.com/terieyenike/do-teri

A portfolio site is written in React and hosted on DigitalOcean App Platform. This site is a one-page website and shows the versatility of Teri as a software engineer.

digitalocean react styled-components

Last synced: 19 Nov 2024

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

Online shop SPA on React/TypeScript with GraphQL endpoint as a 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 Nov 2024

https://github.com/mateuschaves/onboard-tecnico-frontend

🔧 Member CRUD (Create, Read, Update and Delete)

antd javascript reactjs styled-components test-automation

Last synced: 17 Nov 2024

https://github.com/codestates-seb/seb45_pre_021

🎙️ 당신의 최애가 되어줄 무대를 준비했습니다 ❣️

axios java react spring styled-components

Last synced: 15 Nov 2024

https://github.com/techjuliana/api-paises

API de países REST com alternador de tema de cores API países em react js e styled components, com funcionalidade de buscar paises e filtrar regiōes do mundo

api fetch-api paises-app paises-estados-cidades plataforma react reactjs rest-api search select styled-components

Last synced: 26 Nov 2024

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/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: 17 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/shashiirk/crypto-prices

Find live cryptocurrency prices

cryptocurrencies react styled-components

Last synced: 13 Nov 2024

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: 30 Nov 2024

https://github.com/gabriel-mend/student-panel

Painel de gerenciamento de cursos e estudantes

express knexjs nextjs postgres styled-components

Last synced: 27 Nov 2024

https://github.com/stbui/za-design

面向不同领域的移动端 React UI组件库

design finace-ui insurance-ui styled-components

Last synced: 10 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 Nov 2024

https://github.com/raizertechdev/01.desafiostackx-web3.0-react

Lançados 03 projetos que fazem parte do Módulo Web 3.0 do Curso StackX, neste desafio foram aplicadas as seguintes stacks => React use Styled-Components , TypeScript e HTML5🙌🚀

html-css reactjs styled-components typescript

Last synced: 12 Nov 2024

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: 08 Dec 2024

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/5hraddha/huddle-landing-page

A Huddle landing page with alternating feature blocks taken from Frontend Mentor challenges

frontend-mentor frontendmentor-challenge huddle-landing-page react react-hooks reactjs styled-components

Last synced: 10 Nov 2024

https://github.com/paulclindo/chateable

Personal basic chat with Firebase, React and Styled Components

firebase reactjs styled-components

Last synced: 22 Dec 2024

https://github.com/abdullahceylan/ac-react-simple-boilerplate

A light React SSR boilerplate built with React.js, styled-components, next.js, Apollo and GraphQL

apollo boilerplate boilerplate-front-end frontend graphql next nextjs react reactjs ready-to-use styled-components

Last synced: 10 Nov 2024

https://github.com/adsonnovaes/linkedin-ui-clone

Um clone da interface inicial do LinkedIn, fazendo uso do shimmer effect para o carregamento da aplicação

react styled-components typescript

Last synced: 14 Nov 2024

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 Nov 2024

https://github.com/gabrielduete/frontend-template-nextjs

Front-end template with nextjs, typescript, styled-componentes, jest react/testing libarary, prettier, ESLint, husky, pre-commit, pre-push, github actions and patterns

eslint front-end front-end-development frontend github-actions husky jest nextjs patterns pre-commit pre-push prettier react styled-components template template-frontend template-project testing-library typescript

Last synced: 08 Nov 2024

https://github.com/rhw-repo/mern-post-app

In development: Full stack with JavaScript, React.js, Node.js, Express.js, MongoDB. JWT Authentication, CRUD & validation, filtering and database. Responsive CSS. TanStack Table. Current sprint: prepare for testing, refactor auth to SSO, re-testing & deployment.

css3 cssmodules-react express-validator expressjs html javascript jwt-authentification mern-stack-development mongo-db mongo-db-atlas mongoose-schema node-js postman-api react-hooks react-libraries react-router-dom react-select reactjs styled-components tanstack-table

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

https://github.com/negativetwelve/styled-x

Cross-platform styled-components built with React

react react-x styled-components

Last synced: 17 Oct 2024

https://github.com/thepuskar/nextjs-tailwindcss-styled-component--boilerplate

Boilerplate for Nextjs with TypeScript + TailwindCSS + Styled-Components + twin.macro

boilerplate nextjs react styled-components tailwindcss twinmacro typescript

Last synced: 09 Nov 2024

https://github.com/yamoo9/react-master

React Framework 블렌디드 러닝

react react-redux react-router styled-components

Last synced: 29 Nov 2024

https://github.com/vinniciusgomes/uniflix

Projeto criado para o curso de Frontend na semana da computação da Unisal lorena

api axios react styled-components typescript

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