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

styled-components with windicss in vite

styled-components vite windicss

Last synced: 10 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/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/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/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/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/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/sigfriedcub1990/styled-miniresetcss

Jeremy Thomas's minireset CSS

css minireset styled-components

Last synced: 15 Jan 2025

https://github.com/swiatlon/financialchecker

MERN App to make list and check our financial expenses (app in development)

bcrypt chartjs express jsonwebtoken mern-stack mongodb nodejs react-hook-form react-router-dom reactjs redux rtk-query styled-components

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: 09 Dec 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/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/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/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/morzhanov/react-mobx-boilerplate

React Mobx Boilerplate allows you to start new web project from scratch using React, Mobx and MST.

babel babel7 boilerplate css eslint javascript mobx mobx-state-tree mst postcss prettier react react-router-v4 reactjs styled-components webpack yarn

Last synced: 08 Nov 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/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/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/felipenobrg/coffe-delivery-react

E-commerce of coffee delivery.

react styled-components typescript

Last synced: 16 Dec 2024

https://github.com/lgope/the-wild-oasis

The Wild Oasis is a user friendly hotel management application. This application is designed to manage hotel operations, including sales statistics, cabin management, user management, booking management, and various customization options. And so much more!

react react-hook-form react-hot-toast react-icons react-query react-router react-router-dom recharts styled-components supabase supabase-js typescript

Last synced: 30 Dec 2024

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

https://github.com/eoguvo/pokedex-nextjs

an Pokedex with Next and styled components

nextjs pokemon static-site styled-components

Last synced: 23 Jan 2025

https://github.com/jigsawye/github-repo-searcher

A tool for searching GitHub repositories, powered by next.js.

nextjs react styled-components swr

Last synced: 23 Dec 2024

https://github.com/tarranprior/personal-site

💾 My ever-changing personal website and mediocre blog at best. Built with Gatsby, MDX and styled-components.

blog gatsby mdx portfolio styled-components

Last synced: 18 Jan 2025

https://github.com/tobua/responsive-react-native

Responsifies regular pixel-based React Native styles.

react-native responsive styled-components

Last synced: 15 Nov 2024

https://github.com/abrahamcalsin/react-github-fork-banner

Add a github banner with a link to the fork or repository of your project.

npm storybook styled-components tsdx

Last synced: 12 Jan 2025

https://github.com/andersondinizdev/portfolio

Projeto de Portfólio, onde você vai ficar por dentro da minha evolução como Desenvolvedor e conhecer meus projetos.

css framer-motion html i18next javascript react router-dom-v6 styled-components

Last synced: 17 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/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/gutenye/gatsby-plugin-styled-components

A gatsby plugin for styled-components with server-sider rendering support.

gatsby gatsby-plugin styled-components

Last synced: 22 Dec 2024

https://github.com/ronaldprofile/github-api

consuming data from Github users.

api axios github react styled-components typescript

Last synced: 31 Dec 2024

https://github.com/jongan69/linktree

A simple linktree project developed by using react and styled-components for GitHub pages and IPFS

fleek ipfs react styled-components

Last synced: 09 Jan 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/nickbytes/slashington

Slashington is a semi-fictional interactive whirlwind.

react styled-components text-adventure

Last synced: 16 Dec 2024

https://github.com/jay11125/mealstogo-reactnative

Mobile application using React Native, Firebase, Styled Components, React Native Paper with integrated Maps, Camera and local storage modules

expo firebase react-native react-native-paper styled-components

Last synced: 22 Dec 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: 30 Nov 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/lissone/lix-attendance

Talk to an admin to clear all your doubts in real time.

nextjs nodejs socket-io sqlserver styled-components typeorm typescript

Last synced: 15 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/rahuldkjain/styled-nextjs-boilerplate

Minimal Next.js and styled-components boilerplate template to save time.

boilerplate nextjs styled-components template

Last synced: 23 Jan 2025

https://github.com/acrazing/typescript-styled-components-plugin

A styled components plugin to minify & set componentId & displayName for typescript

plugin styled-components transformer ttypescript typescript webpack

Last synced: 08 Nov 2024

https://github.com/rohitdhatrak/enwise

Enwise is a video library where you'll find a curated set of insightful videos on various topics.

express jwt-authentication nodejs postgresql react react-router-v6 sequelize styled-components typescript

Last synced: 07 Dec 2024

https://github.com/osamu38/react-layout-manager

Layout manager not to give margins to components

layout-manager react styled-components

Last synced: 14 Jan 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: 09 Dec 2024

https://github.com/devrezaur/dev-academy-react-frontend

Modern and responsive front-end using React JS and Styled Components, for Dev Academy. A online based IT training platform.

react rest-client styled-components

Last synced: 18 Jan 2025

https://github.com/tiagom13/project_dtmoney

⚛️ Application for financial transactions with React.js

date-fns mirajejs pullstate react styled-components typescript

Last synced: 04 Dec 2024

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/manpreet-bhatti/my-site-2

My personal website -- feel free to use the code at your own discretion!

nextjs personal-website react styled-components

Last synced: 11 Nov 2024

https://github.com/arthurpedroti/gobarber-frontend

An app o manage appointments at a barbershop

eslint prettier react styled-components typescript

Last synced: 31 Dec 2024

https://github.com/sirajcode/studio

💻 A UI design system to make truly re-useable with React JS styled-components

design-system react reactjs styled-components

Last synced: 15 Jan 2025

https://github.com/lucas0019/site.the-tasteat-restaurant

The Tasteat | Restaurant site template, with the main focus on the study of new stacks

graphql headless hygraph jest-tests nextjs radix-ui storybook storybook-ui styled-components typescript

Last synced: 09 Jan 2025

https://github.com/manuelbento19/studio-spa-portfolio

An React App to show how to optmise the performance using lazy loading.

css html lazy-loading react skeleton styled-components vite

Last synced: 16 Jan 2025

https://github.com/suamirochadev/diointerorange-techfrontend

O Orange tech + é um projeto para aprender do zero desenvolvimento front-end e back-end. O primeiro bootcamp do programa será uma trilha gratuita lançada pelo Inter, em parceria com a DIO, que vai abordar desde o princípio as tecnologias JavaScript, HTML, CSS, Typescript e React.

dio dio-bootcamp frontend inter javascript react reactjs styled-components

Last synced: 08 Nov 2024

https://github.com/burhanuday/github-jobs

Show jobs from Github using the Jobs API. Built with React, Typescript and styled-components

github react styled-components typescript

Last synced: 16 Dec 2024

https://github.com/matheussandi/pokedex

Listagem e detalhes dos pokemons utilizando PokeAPI.

pokeapi pokedex pokemons reactjs styled-components typescript

Last synced: 10 Nov 2024

https://github.com/rafaelgoulartb/mega-hackthon-flourish

:cyclone: - Projeto da Mega Hackathon | Time 13 - App React Native

control finance flourish hackthon react-native styled-components

Last synced: 09 Nov 2024

https://github.com/teguhrianto/react-landingpage-smoothscroll

React Landing Page Smooth Scroll with Styled Components

freemium html javascript landingpage reactjs styled-components template

Last synced: 14 Jan 2025

https://github.com/rodrigoqueiroz12/dt-money

This project showcased the power of React's component-based architecture, enabling the creation of a cohesive user interface with a well-organized codebase.

context-api radix-ui reactjs styled-components vitejs

Last synced: 22 Jan 2025

https://github.com/neatfx/minidozer

轻量级 Electron + React + TypeScript 工程模板

css-grid electron framework function-component hook react styled-components typescript

Last synced: 13 Nov 2024

https://github.com/eveningkid/react-pur

React UI component library (using styled-components)

css javascript kit pur react react-components styled-components ui

Last synced: 09 Dec 2024

https://github.com/gustavogss/moove

Aplicativo desenvolvido em ReactJS e NextJS, utiliza a técnica de pomodoro com desafios para melhorar o foco e produtividade durante o seu trabalho.

nextjs reactjs styled-components typescript

Last synced: 26 Jan 2025

https://github.com/jeffreyquan/sick-fits

E-Commerce store called Sick Fits, created in Wes Bos' Advanced React & GraphQL course

apollo-client graphql javascript keystone mongodb nextjs react react-testing-library styled-components typescript

Last synced: 27 Jan 2025

https://github.com/imharshag/lipton-tea-clone

A React-based clone of the Lipton Tea website with a parallax frontend effect and integrated cart functionality.

lipton-tea react-router reactjs styled-components vercel

Last synced: 05 Dec 2024

https://github.com/cleversamer/smart-banking

A banking services website - Landing page

javascript react react-context redux state-ma styled-components

Last synced: 14 Jan 2025

https://github.com/syfxlin/ustyled

一个 CSS-in-JS 的工具库

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

Last synced: 02 Dec 2024

https://github.com/natanaelvich/gameplay-mobile

Create groups to play your favorite games with your friends, made with react native 🎮!

expo react-native social-login styled-components ui ux

Last synced: 05 Dec 2024

https://github.com/natanaelvich/chatpi-web

A chat that connects people to health professionals, made with Nextjs ⚡️

chat nextjs reactjs seo-optimization socket-io styled-components

Last synced: 05 Dec 2024

https://github.com/cleversamer/the-venue

A landing page which is a place to create musical events

react react-router reactjs redux styled-components web-application

Last synced: 14 Jan 2025

https://github.com/manuelbento19/lista_presenca

Aplicação de lista de presença utilizada no curso da Rocketseat, feito com Reactjs, no Especializar do Discover.

api css fetch-api github html javascript react reactjs styled-components vite

Last synced: 16 Jan 2025

https://github.com/nathan-abela/nathan-abela.github.io

Personal portfolio website, built using Next.js, TypeScript and Styled Components

atomic-design github-pages-website nextjs personal-portfolio portfolio react styled-components typescript

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