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/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/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/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/smakosh/beafapp

Beaf React App bootstrapped in 24 hours

react react-router-dom redux styled-components

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

windicss + styled-components (beta)

babel plugin styled-components windicss

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

styled-components with windicss in vite

styled-components vite windicss

Last synced: 04 Feb 2025

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

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

extract js sass styled-components

Last synced: 17 Feb 2025

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: 11 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/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/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/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/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/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/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: 17 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: 09 Feb 2025

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/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: 10 Feb 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/aulianza/pokemon-app

Pokemon App built with React and GraphQL

emotion graphql react styled-components

Last synced: 27 Jan 2025

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/yamoo9/react-master

React Framework 블렌디드 러닝

react react-redux react-router styled-components

Last synced: 29 Nov 2024

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/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/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: 21 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/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/negativetwelve/styled-x

Cross-platform styled-components built with React

react react-x styled-components

Last synced: 17 Oct 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: 10 Feb 2025

https://github.com/nainarazz/gourmetic

Have you ever run out of ideas on what to cook on your next meal? Gourmetic is a simple food recipe app that can help you find a recipe for your next meal.

auth0 codegen cooking express graphql mongodb monorepo nextjs oauth2 progressive-web-app react responsive-design styled-components typescript

Last synced: 04 Nov 2024

https://github.com/kiikurage/template-typescript

Template for TypeScript projects

react styled-components swr typescript webpack

Last synced: 16 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: 02 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/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/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/rafaelmartins92/pokedex

❗️📝 Frontend challenge with JavaScript, React JS and Styled Components

html javascript react styled-components

Last synced: 05 Feb 2025

https://github.com/srph/techbrew

Website for Tech Brew Labs

gatsbyjs react startup styled-components website

Last synced: 26 Jan 2025

https://github.com/jhta/react-use-theme

React Hook for consume styled component `theme`

hooks react styled-components styled-system

Last synced: 05 Jan 2025

https://github.com/abayomi1196/twin-macro-page

Replica of the Tailwind Labs introduction to TailwindCSS built using Twin instead.

react styled-components tailwindcss twin-macro

Last synced: 13 Feb 2025

https://github.com/abayomi1196/netflix-clone

A beginner's attempt at cloning the popular streaming service. built primarily to master basic to intermediate react topics, also an introduction to Firebase

firebase react styled-components

Last synced: 13 Feb 2025

https://github.com/gabrielsantoslima/sep

:briefcase: Sistema de bancas de estágio e projetos para o departamento do IFAM

axios estagio ifam nodejs pcct react-icons react-router-dom reactjs styled-components swr

Last synced: 18 Feb 2025

https://github.com/qilin-editor/qilin-components

A bunch of common components used by Qilin editor and Qilin plugins.

components qilin react styled-components styled-components-theme

Last synced: 13 Feb 2025

https://github.com/santiagomorais/hamburguer-shop

Hamburguer shop - React | Typescript | Context API

context-api portfolio react styled-components typescript vitejs

Last synced: 18 Feb 2025

https://github.com/joao208/personal-website

Meu site pessoal, usando next, typescript com api routes, para postar artigos, dicas, meus projetos e minha história como desenvolvedor

blog nextjs node projects react styled-components

Last synced: 05 Feb 2025

https://github.com/luisfalconmx/password-generator

The Password Generator is a web application developed using React.js that enables users to generate strong and secure passwords.

react styled-components typescript vite zustand

Last synced: 15 Dec 2024

https://github.com/miladjoodi/dashboard_admin

This is a simple dashboard admin using React.js, Tailwind CSS and ApexCharts, For a comprehensive demonstration and further information, please refer to the description. ✔️

apexcharts ionicons reactjs styled-components tailwindcss

Last synced: 08 Jan 2025

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

https://github.com/robertkirsz/ui

UI components library that I use in my React apps

components-library react styled-components

Last synced: 12 Jan 2025

https://github.com/tushar-indurjeeth/slack-clone

A Slack clone with real time messaging, ability to add channels, and Google Authentication built using React and Redux.

firebase-firestore-database firebase-hosting jsx material-ui-icon react-redux react-router reactjs styled-components

Last synced: 15 Jan 2025

https://github.com/syfxlin/ustyled

一个 CSS-in-JS 的工具库

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

Last synced: 30 Jan 2025

https://github.com/adairjuneoaf/portfolio-adair-juneo

Repositório de desenvolvimento do portfólio para divulgação dos meus projetos. App totalmente desenvolvido utilizando React comTypeScript e API do GitHub para automatização de algumas funções.

api-github react styled-components swr typescript

Last synced: 08 Jan 2025

https://github.com/adairjuneoaf/prisma-news

O prisma.news(ig.news) é um app para publicação de artigos e conteúdos de ensino com assinatura mensal para quem deseja consumir o seu conteúdo. É um app que se aplica em qualquer cenário cujo intuito seja compartilhar conhecimento, ensinamentos, experiências e etc...

nextjs prismic prismic-cms react sass stripe styled-components typescript

Last synced: 08 Jan 2025

https://github.com/adairjuneoaf/prisma-focus-2.0

O prisma.focus é um app para auxiliar você quando assunto é foco na evolução e cuidados com a saúde. O principal objetivo é ajudar aqueles que passam horas e horas na frente do computador. Estabeleça um tempo de foco e após esse período cumpra desafios para ajudar na sua saúde física e mental.

firebase nextjs react react-toastify styled-components swr typescript

Last synced: 08 Jan 2025

https://github.com/koushith/hyperramp

HyperRamp is a decentralised peer to peer on/off ramp based on Reclaim Protocol

react-native rtk rtk-query solidity styled-components typescript

Last synced: 08 Feb 2025

https://github.com/adairjuneoaf/app-top-money

App financeiro desenvolvido durante um curso intensivo de aprendizado em React com TypeScript. O Top Money é bem simples, com objetivo de apenas receber lançamentos, seja de entrada ou saída e no fim efetuar um "balanço" das transações.

mirajejs reactjs styled-components typescript

Last synced: 08 Jan 2025

https://github.com/moguelor/yt-react-dark-theme

Example of how to implement a dark theme with react and styled-components created for my channel on youtube mogueloDev.

moguelodev react react-hooks styled-components theming youtube

Last synced: 13 Feb 2025

https://github.com/rasujon3/chat-app-client

Kishan Sheth - 10 hours - 1st project.

react-icons react-toastify socket-io styled-components

Last synced: 13 Feb 2025

https://github.com/lukmanrambe/all-note

A Web App to Create Notes, Created by Using ReactJS

css html javascript js notes notes-app react styled-components

Last synced: 09 Feb 2025

https://github.com/kmanadkat/full-stack-next-fe

A Full Stack Next Js, GraphQL, Strapi, Auth0 & Stripes project

auth0 cloudinary framer-motion graphql nextjs strapi-cms stripes styled-components

Last synced: 01 Feb 2025

https://github.com/adairjuneoaf/setup-react-next-typescript

Repositório utilizado na criação de um setup para facilitar o inicio do desenvolvimento de apps com React, Next e TypeScript. Só "clonar" e "codar"! hahaha

nextjs reactjs styled-components typescript

Last synced: 08 Jan 2025

https://github.com/adairjuneoaf/social-school

Social School é uma landing page(por enquanto 👀) de uma plataforma com foco em aprendizado contínuo para todos. Se trata de um App completo onde as pessoas tenham acesso a diversos temas educativos, elaborados e distribuídos por diversos educadores aprovados pela plataforma.

react-toastify reactjs styled-components typescript

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