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/raizertechdev/cad_bookshop_front

Criando um projeto onde o cliente vai interagir realizando o cadastro de um livro, nesse projeto foram aplicadas as principais stacks => React, Styled-Components, Modules, Props, Hook-Api-React, HTML, CSS e JavaScript.

component hooks-api-react html-css-javascript modules props reactjs state styled-components

Last synced: 12 Nov 2024

https://github.com/rahuljsaliaan/the-wild-oasis-cabincraft

The Wild Oasis is a powerful online cabin and hotel management system designed for streamlined bookings, comprehensive data management, and modern dashboard insights. Securely log in, manage bookings, and customize settings with ease, all in one user-friendly platform.

date-fns react react-query react-router-dom recharts styled-components supabase vercel vite

Last synced: 15 Oct 2024

https://github.com/jankaszel/pinstant

🗞 PWA that consumes a Pinboard GraphQL API

apollo apollo-launchpad graphql pinboard pwa styled-components

Last synced: 22 Oct 2024

https://github.com/steveeeie/react-nasa-api

An example React application that allows the user to search Nasa's media API for images, audio and video.

material-ui react react-router react-testing-library react-transition-group redux styled-components

Last synced: 15 Oct 2024

https://github.com/cvlmtg/react-smart-select

A flexible, responsive and smart React select component

components-library react reactjs styled-components typescript

Last synced: 15 Oct 2024

https://github.com/fellipeutaka/nlw-esports

🎮 A platform to helps gamers made in Next Level Week by Rocketseat 🚀💜

expo lottie mongodb nextjs nodejs prisma react react-native rocketseat rocketseat-ignite rocketseat-nlw styled-components tailwindcss typescript

Last synced: 14 Oct 2024

https://github.com/elevenpassin/react-simple-carousel-component

A simple and easily extendable carousel component

carousel component react simple styled-components

Last synced: 13 Oct 2024

https://github.com/hamdysalah1/thegrid

React grid layout using styled-component and flexbox

flexbox grid-layout reactjs styled-components

Last synced: 15 Oct 2024

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

React Hook for consume styled component `theme`

hooks react styled-components styled-system

Last synced: 09 Nov 2024

https://github.com/tomdewildt/react-app-template

Simple starter template for building React apps with Redux, Redux-Saga and Styled Components

actions javascript react redux redux-saga styled-components

Last synced: 07 Nov 2024

https://github.com/koji/snowpacktest

Tried snowpack with reactjs and typescript

reactjs snowpack styled-components typescript

Last synced: 05 Nov 2024

https://github.com/devanshi-bavaria/nexchat

Real-time chat application that allows users to communicate with each other. It supports one-on-one messaging and provides a simple and intuitive user interface.

express mern-stack mongodb nodejs react socket-io styled-components

Last synced: 15 Oct 2024

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: 19 Oct 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/albinotonnina/react-fake-checkbox-styled-components

Experimenting with styled components and design systems

design-systems react styled-components

Last synced: 13 Oct 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/abayomi1196/twin-macro-page

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

react styled-components tailwindcss twin-macro

Last synced: 02 Nov 2024

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: 02 Nov 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/stbui/za

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

react react-components react-hooks reactjs styled-components

Last synced: 10 Nov 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/srph/techbrew

Website for Tech Brew Labs

gatsbyjs react startup styled-components website

Last synced: 14 Oct 2024

https://github.com/yazaldefilimone/dream-trips

A simple site with a dynamic map where I put the places I dream of visiting one day, created with NextJs, GraphCMS, Leaflet, Clean Architecture.

clean-architecture frontend graphcms graphql nextjs nextjs-template reactjs styled-components typescript

Last synced: 17 Nov 2024

https://github.com/ebukaodini/spacious

Spacious is an app (back-end and front-end) that manages planets and characters entities.

apollographql chai docker graphql javascript knexjs koajs mocha node nodejs postgresql reactjs styled-components

Last synced: 14 Oct 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: 18 Oct 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: 31 Oct 2024

https://github.com/gumiranda/nlw-podcastr-devdoido

Este projeto é uma releitura do projeto podcastr da NLW feito em Next.js usando Styled Components, React Testing Library, Cypress, Storybook entre outras modificações.

cypress eslint nextjs nlw nlw-5 prettier react react-testing-library storybook styled-components styledcomponents typescript

Last synced: 11 Oct 2024

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: 13 Oct 2024

https://github.com/geicesousa/burgerladies

Quinto e último projeto da Laboratoria; feito em dupla. Criamos uma interface na qual é possível: fazer login, criar pedidos, fazer cadastro e edição de funcionários e de produtos, verificar pedidos realizados. Nesse projeto utilizamos a biblioteca React e fizemos a implementação do projeto utilizando o Vercel.

javascript react spa styled-components

Last synced: 08 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/andreapontrandolfo/react-ecommerce-demo

Minimal e-commerce frontend with random data

antd css faker html javascript react redux styled-components

Last synced: 25 Oct 2024

https://github.com/sans-arch/react-fundamentos

Repositório de estudos dos fundamentos do React

babel react react-hooks react-router styled-components webpack

Last synced: 07 Nov 2024

https://github.com/mchamoudadev/fullstack-react-with-graphql

react fullstack app with graphql using hasura and postrgress

graphql react styled-components

Last synced: 08 Nov 2024

https://github.com/ayush-kanduri/blog-webapp-react

Blogster Hub is a Blogging Web App which is built on ReactJS, TailwindCSS & Firebase. This app uses the React Router 6 Navigation & Routing & React Hooks, Custom Hooks. This app uses the Firestore DB along with the Firebase Hosting.

css-modules firebase firebase-hosting firestore firestore-react material-ui react react-hooks react-router react-router-dom reactjs styled-components tailwind tailwind-css tailwindcss

Last synced: 13 Nov 2024

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

React application from Gostack Bootcamp using Github API.

github-api gostack-bootcamp reactjs styled-components

Last synced: 12 Nov 2024

https://github.com/robertkirsz/ui

UI components library that I use in my React apps

components-library react styled-components

Last synced: 13 Nov 2024

https://github.com/mikeibberson/draftjs-formik

DraftJS implementation for Formik.

draft-js formik react styled-components

Last synced: 28 Oct 2024

https://github.com/justgo97/stylable-ui-components

A CSS-in-JS library for building customizable and responsive UI components in React using props for styling.

css css-in-js emotionjs react reactjs stylable styled-component styled-components typescript ui-components ui-design ui-library

Last synced: 08 Nov 2024

https://github.com/thalesgomest/cineflex

This is my third project with React on Bootcamp Driven Education. It consist in a Single Page Aplication (SPA), using React Router. The base is a mobile cinema booking app where you can easily buy tickets for new movies.

html-css-javascript html5 javascript react reactrouterdom styled-components

Last synced: 09 Nov 2024

https://github.com/thalesgomest/track-it

This is my fourth project with React in Driven Education Bootcamp. It consist in a complete habit tracking application, with sign up and login pages and use of ContextAPI and some libraries like react-loader-spinner, react-circular-progressbar, dayjs and react-calendar!

javascript jsx react styled-components

Last synced: 09 Nov 2024

https://github.com/aleksandracislowski/quiz

My intake on a fun personality quiz :)

mui react styled-components

Last synced: 09 Nov 2024

https://github.com/koushith/portfolio-2023

xoxo too lazy to type. just another potato-folio

nextjs react styled-components wip

Last synced: 27 Oct 2024

https://github.com/hossainrafi/dicegame

Simple React Project. Technologies: React, Vite, Styled Component

css reactjs styled-components

Last synced: 09 Nov 2024

https://github.com/vitorserrano/picpay-clone

💵 Clonagem do layout do aplicativo do Picpay com React Native

expo react-native react-navigation styled-components

Last synced: 08 Nov 2024

https://github.com/vitorserrano/template-pipefy

🖥 Recriando interface do Pipefy com drag n' drop em ReactJS

immer react-icons reactjs require-dir styled-components

Last synced: 08 Nov 2024

https://github.com/cosmoart/ip-address-tracker

📌 A website to track and obtain information based on an IP address or a domain

axios frontend-mentor ip-tracker leaflet maps react reactjs styled-components

Last synced: 09 Nov 2024

https://github.com/leo-henrique/rest-countries-api

Consumo da API REST Countries que retorna informações de países. Feito em React, React Router e styled-components.

async-await context-api promises react react-router styled-components

Last synced: 09 Nov 2024

https://github.com/mohamedsamara/react-styled-components

React Styled Components Examples

react styled-components typescript vite

Last synced: 09 Nov 2024

https://github.com/ronaldprofile/rseat-iginite-timer

Projeto desenvolvido durante o Ignite da @Rocketseat

react styled-components typescript

Last synced: 08 Nov 2024

https://github.com/doniaskima/brainboost-frontend

BrainBoost is designed to provide users with a comprehensive and seamless learning experience. The platform offers a range of features that are designed to cater to different learning styles and preferences, with the ultimate goal of enabling users to achieve their learning objectives.

docker material-ui node react redux-thunk styled-components tailwindcss typescript vite

Last synced: 12 Oct 2024

https://github.com/diogomalfatti/expense-tracker

#02 projeto criado na semana desafio 5 projetos em 5 dias: edição React pela B7W

css3 html-css-javascript html5 javascript js react reactjs styled-components ts typescript

Last synced: 08 Nov 2024

https://github.com/diogomalfatti/multiform

#05 projeto criado na semana desafio 5 projetos em 5 dias: edição React pela B7W

css3 html-css-javascript html5 javascript react styled-components typescript

Last synced: 08 Nov 2024

https://github.com/diogomalfatti/todo-list

#01 projeto criado na semana desafio 5 projetos em 5 dias: edição React pela B7W

css3 github-pages html-css-javascript html5 javascript js react reactjs styled-components ts typescript

Last synced: 08 Nov 2024

https://github.com/diogomalfatti/gallery

#03 projeto criado na semana desafio 5 projetos em 5 dias: edição React pela B7W

css3 html-css-javascript html5 javascript react reactjs styled-components ts typescript

Last synced: 08 Nov 2024

https://github.com/manrriquez/portfolio-manrriquez

repository destined as a portfolio presenting projects, details and objectives about my track as a programmer.

animation-css animation-keyframes manrriquez portfolio portfolio-website react react-components styled-components vite

Last synced: 06 Nov 2024

https://github.com/diogomalfatti/rpg-react

#04 projeto criado na semana desafio 5 projetos em 5 dias: edição React pela B7W

github-pages html-css-javascript javascript react styled-components typescript

Last synced: 08 Nov 2024

https://github.com/avrcoelho/contacts-app

This app is responsible for listing the contacts

expo javascript jest react react-native styled-components typescript

Last synced: 08 Nov 2024

https://github.com/usrrname/loading-custom-fonts

Demo for loading custom fonts in a design system

react styled-components typescript

Last synced: 16 Oct 2024

https://github.com/keyurparalkar/recursive-component-examples

Recursive components implemented with React

javascript react styled-components typescript

Last synced: 08 Nov 2024

https://github.com/keyurparalkar/itunessearchapp

A simple web app to display search results of Itunes Search APIs

axios itunes react react-redux styled-components

Last synced: 08 Nov 2024

https://github.com/brunos3d/nx-storybook-design-system

Creating a design-system lib with Nx and Storybook. (POC project)

design-system example monorepo nx proof-of-concept react storybook styled-components typescript

Last synced: 10 Nov 2024

https://github.com/pushpendra-1697/worldref

This React onboarding project includes pages for login, signup, home, and profile functionalities, catering to user authentication and navigation, facilitating a seamless design experience.

authentication authrization axios cypress-testing nevigation react-router-dom reactjs redux redux-thunk responsive-web-design restricted-parking-zones routing styled-components

Last synced: 10 Nov 2024

https://github.com/santospatrick/nextjs-boilerplate

Next.js boilerplate with Typescript/Styled Components/Jest/Git Hooks

boilerplate git-hooks hooks jest styled-components typescript

Last synced: 28 Oct 2024

https://github.com/bernardomennndes/spacetraveling

Blog about the technology innovation and tools. Project developed during Ignite module of ReactJS | @Rocketseat

datefns nextjs prismicio reactjs scss styled-components typescript

Last synced: 09 Nov 2024

https://github.com/srect/myblog

React.js 我的博客 https://sRect.github.io/myblog

antdesign axios immutable react-router-v4 react16 redux redux-thunk styled-components

Last synced: 09 Nov 2024

https://github.com/ssi02014/chat-app

React + TypeScript + Firebase + Redux-Toolkit Chat App 📱

firebase react redux-toolkit styled-components typescript

Last synced: 08 Nov 2024

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

Have your finance control. Project developed during Ignite module of ReactJS | @Rocketseat

miragejs react styled-components typescript

Last synced: 09 Nov 2024

styled-components Awesome Lists
fucking-awesome-css-frameworks 133 styled-awesomeness 183
styled-components Categories
Stalled Development 42 Deployment 31 General Purpose 29 Specialized 18 Running Tests 11 Supported Language Features and Polyfills 10 Class-less 9 Troubleshooting 8 Base / Reset / Normalize 6 Very Lightweight 6 Material Design 6 Adding Flow 4 Debugging in the Editor 3 Proxying API Requests in Development 3 Formatting Code Automatically 3 Utility-based 3 Toolkits 2 Debugging Tests 2 Adding a Router 2 Using the `public` Folder 2