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

E-commerce of coffee delivery.

react styled-components typescript

Last synced: 16 Dec 2024

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/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/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/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/JiangWeixian/babel-plugin-styled-windicss

windicss + styled-components (beta)

babel plugin styled-components windicss

Last synced: 31 Oct 2024

https://github.com/mauriciogirardi/workflow_alganews

The AlgaNews project aims to be a technology news portal, aimed at developers and technology enthusiasts in general.

antd-design hooks-api-react javascript react-context reactjs redux redux-saga sdk styled-components typescript

Last synced: 27 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/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/gbengacode/react-math-magician

This is a react application that provides a calculator utility

github-actions react styled-components webpack

Last synced: 09 Dec 2024

https://github.com/lucleray/styled-components.macro

A `babel-plugins-macros` macro for styled-components

babel-macros babel-plugin-macros styled-components

Last synced: 10 Dec 2024

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/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/jiangweixian/vite-plugin-styled-windicss

styled-components with windicss in vite

styled-components vite windicss

Last synced: 10 Dec 2024

https://github.com/lui7henrique/nexus

a league of legends web app to know more about champions, summoners, matches, icons, items and more!

nextjs react reactjs styled-components typescript

Last synced: 31 Dec 2024

https://github.com/luiizsilverio/jstack-garcom

Aplicação backend + frontend + mobile desenvolvida durante o evento JStack, promovido pela empresa O Poder do Javascript

axios expo jstack mongodb mongoose multer nodejs react-native react-toastify reactjs socket-io styled-components typescript vite

Last synced: 06 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/nragland37/my-portfolio

Portfolio built with Gatsby, JavaScript, GraphQL, GSAP, and Styled Components

gatsby gatsbyjs graphql gsap gsap-animation personal-website portfolio react styled-components vercel

Last synced: 14 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/brendon1555/react-analogue-clock

An Analog Clock built with react and typescript

hacktoberfest react styled-components typescript

Last synced: 11 Oct 2024

https://github.com/kingrashy12/secptrum-ui

A comprehensive React component library

image-picker modal reactjs styled-components uikit

Last synced: 06 Dec 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/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/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/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/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/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/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: 20 Dec 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/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/marty-wang/stylist-react

Theming first, static typed styled component library for React

css-in-js react styled-components theme theming

Last synced: 08 Nov 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/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/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/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/yamoo9/react-master

React Framework 블렌디드 러닝

react react-redux react-router styled-components

Last synced: 29 Nov 2024

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

A portfolio template.

i18next reactjs styled-components

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

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/lawvs/animation-master

The goal is to becoming a Animation master!

react styled-components typescript webpack

Last synced: 28 Oct 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/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/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: 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/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/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: 06 Dec 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/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/evanchristians/portfolio

[WIP] Let's actually finish this one this time

javascript nextjs portfolio react styled-components typescript yarn

Last synced: 21 Nov 2024

https://github.com/jvictorfarias/my-blog

:notebook: Meu primeiro blog feito em GatsbyJS

gatsbyjs graphql pwa reactjs styled-components

Last synced: 19 Nov 2024

https://github.com/imharshag/harshartify

Harshartify is an AI image generation app that creates images from text prompts using OpenAI and stores them with Cloudinary. Built with React, Express, Node.js, and MongoDB, it offers a scalable and seamless experience.

cloudinary-api expressjs material-ui mern-stack mongodb netlify nodejs openai-api reactjs render styled-components

Last synced: 13 Oct 2024

https://github.com/stbui/za

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

react react-components react-hooks reactjs styled-components

Last synced: 10 Nov 2024

https://github.com/jvictorfarias/github-explorer

Projeto desenvolvido durante o 11º Bootcamp GoStack

reactjs styled-components

Last synced: 19 Nov 2024

https://github.com/quocanh189/eventhub

EventHub is an online event management and ticketing application that allows users to create, manage, and participate in events with ease and convenience.

daisyui i18next material-ui react redux-toolkit signalr solid styled-components tailwindcss websocket

Last synced: 14 Nov 2024

https://github.com/eucaue/interactive-rating-component

Challenge from the https://www.frontendmentor.io/

css localstorage rating-stars react reactjs styled-components

Last synced: 09 Nov 2024

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/valchanoficial/maxidoctor

Huia - Avaliação Prática de Front-end

axios react react-router-dom reactjs styled-components

Last synced: 09 Nov 2024

https://github.com/chunrapeepat/jsconf2019-threejs-example

Three.js + React example for the lighting talk at JSConf.Asia 2019

react styled-components threejs

Last synced: 19 Dec 2024

https://github.com/superstar1205/dexfin-interface

DexFin Aggregator: You can find the best way for crypto swap about each tokens.

component css html javascript nextjs react react-hooks styled-components tailwindcss typescript

Last synced: 07 Dec 2024

https://github.com/leonidasesteban/banner-obs

Banner with my course to use in OBS

hooks react styled-components

Last synced: 09 Nov 2024

https://github.com/binaryleo/react_tesla_clone

An Optimized Tesla Clone with React JS

javascript js react reactjs redux styled-components tesla-clone

Last synced: 07 Dec 2024

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

https://github.com/inna-mykytiuk/tweet-cards

This user-friendly interface enhances Tweets engagement and simplifies the process of managing your Tweets network.

cards load-more-button loader mockapi react redux redux-persist redux-toolkit routing styled-components

Last synced: 25 Dec 2024

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

Quiz done with TypoScript and react

react styled-components typoscript

Last synced: 10 Nov 2024

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

styled-components Awesome Lists
fucking-awesome-css-frameworks 120 styled-awesomeness 183
styled-components Categories
Stalled Development 46 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