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/hamdysalah1/thegrid

React grid layout using styled-component and flexbox

flexbox grid-layout reactjs 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/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/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/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/saddamarbaa/amazon-clone-app-react-typescript

==> Building Amazon Clone App with React Js + TypeScript + Redux + Styled Components + Material-UI + Cloud Functions + Vercel Hosting + User Authentication (a mobile-friendly)

firebase material-ui redux styled-components typescript user-authentication vercel

Last synced: 21 Oct 2024

https://github.com/jacksonmills/dragonrush

An interactive web app designed for Dragon Ball FighterZ players to create, share, and practice character combos

nextjs planetscale prisma react styled-components trpc

Last synced: 02 Nov 2024

https://github.com/kristoferkrindges/sambaburguerclient

FrontEnd SambaBurguer. ReactJS and Styled Components

axios react styled-components

Last synced: 21 Oct 2024

https://github.com/fitfab/fitfab-ui

NPM React Component Library

es6 react rollup storrybook styled-components typescript

Last synced: 27 Oct 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: 29 Oct 2024

https://github.com/seankwarren/portfolio-website

My portfolio showcased in a responsive, mobile-friendly website built with Next.js, React and styled-components, deployed on Vercel

mobile-friendly portfolio-website react responsive-design styled-components vercel

Last synced: 27 Oct 2024

https://github.com/ampaire/bookstore

A simple React and Redux book store management tool

bookstore html5 microverse-projects reactjs redux styled-components

Last synced: 27 Oct 2024

https://github.com/lastnamearya/react-styled-components-slideshow-app

CSS-in-JS talk slideshow app built using Styled-Components and React

css-animations css-in-js react styled-components

Last synced: 04 Nov 2024

https://github.com/parlandin/gitprofiles

site para buscar repositórios publico de qualquer perfil no github

api reactjs styled-components

Last synced: 04 Nov 2024

https://github.com/eneax/krix-portfolio

🏛 Clean and minimal portfolio website built with Gatsby

gatsby gatsby-portfolio gatsbyjs jamstack portfolio-website react static-site-generator styled-components

Last synced: 05 Nov 2024

https://github.com/eneax/gatsby-dev-portfolio

👨‍💻 A simple starter to get your dev portfolio up and running quickly with Gatsby and Strapi

gatsby-blog gatsby-site gatsby-starter gatsbyjs headless-cms javascript react strapi styled-components

Last synced: 05 Nov 2024

https://github.com/jacksonsr451/alura_tube

Projeto proposto pela Alura na imersão dev React

aluratube imersao-react nextjs reactjs styled-components

Last synced: 12 Nov 2024

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

https://github.com/chara0511/weather-app

App using React Hooks

hooks react styled-components

Last synced: 07 Nov 2024

https://github.com/ahoward2/zod-modfed

Example application demonstrating remote module ts support and zod validation.

module-federation react styled-components zod

Last synced: 05 Nov 2024

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

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

nextjs react styled-components swr

Last synced: 05 Nov 2024

https://github.com/aftabrehan/apple-landing-v2

A modern and responsive landing page built with Next.js, ReactJS, SCSS, and amazing libraries like Framer Motion, deployed with Vercel for fast and reliable performance.

functional-components nextjs reactjs responsive-web-design reusable-components sass-framework styled-components

Last synced: 07 Nov 2024

https://github.com/felpsalvs/github-repos-reactjs

Consumo de API do GitHub para acessar repositórios de várias tecnologias, por exemplo: facebook/react, angular/angular

javascript reactjs styled-components

Last synced: 14 Nov 2024

https://github.com/tavareshenrique/ignite-reactjs-v2

A Trilha de React foi atualizada e com isso temos novos projetos, com isso aqui temos projetos desenvolvidos em React durante a trilha de React [v2] do Ignite da Rocketseat. 💜🚀

ignite ignite-reactjs javascript nextjs reactjs rocketseat styled-components typescript vite

Last synced: 12 Nov 2024

https://github.com/futurenorthants/northants-design-system

Design system for West & North Northamptonshire Councils, two unitary councils serving Wellingborough, Corby, Daventry, East Northants, Kettering, Northampton, Northamptonshire County and South Northants

react storybook styled-components

Last synced: 16 Nov 2024

https://github.com/junaidshamnad/simple-react-website

React Website with Page Transitions using Framer Motion

frame-motion html-css-javascript react-js styled-components

Last synced: 12 Nov 2024

https://github.com/parin-prog/ecommerce_mern_app

A eCommerce project is a web application for online shopping built using the MERN stack, which includes MongoDB, Express, React, and Node.js. The MERN stack is a popular open-source technology stack for building modern web applications that can handle a large amount of data and user traffic.

chartjs css3 express expressjs firebase full-stack full-stack-web-development javascript material-ui mern-stack mongodb mui-icons nodejs reactjs stripe styled-components

Last synced: 07 Nov 2024

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

https://github.com/ssi02014/gachigayo_front_template

🛬 가치가요 팀프로젝트 프론트엔드 템플릿

react redux redux-saga storybook styled-components

Last synced: 08 Nov 2024

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/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/alexanderjeurissen/grid

A declarative React primitive Grid component that exposes css-grid specification in JSX

component css-grid css-grid-layout grid jsx primitive react react-css-grid react-grid-layout react-grid-system styled-components styled-system

Last synced: 06 Nov 2024

https://github.com/skyv26/single-price-components

Frontend Mentor challenge embraced to enhance web development skills using vanilla JS. Professionally designed single price component showcasing a product/service, pricing details, and call-to-action button. Developed with vanilla JS, demonstrating proficiency in JavaScript and ability to create a visually appealing and responsive.

challenge css frontend-mentor mobile-first newbie-friendly reactjs responsive-design styled-components

Last synced: 31 Oct 2024

https://github.com/v-prt/portfolio

My portfolio showcasing some of my projects as well as little more information about me. Designed and built from scratch using React.

css dev-portfolio reactjs styled-components

Last synced: 12 Nov 2024

https://github.com/skyv26/stats-preview-component

Frontend Mentor challenge undertaken to master web development using React.js and Styled Components. Cutting-edge stats preview component showcasing key metrics, visually engaging design, and responsive layout. Developed with React.js and Styled Components, highlighting technical prowess and ability to create captivating and user-friendly.

bem-methodology challenge-project newbie-code reactjs responsive-web-design styled-components

Last synced: 31 Oct 2024

https://github.com/imnotannamaria/react-native-firebase

Shopping list app using Firebase.

firebase react-native styled-components

Last synced: 07 Nov 2024

https://github.com/glamboyosa/marvel-info

One stop place for finding comics of your favourite Marvel heros ⚡️

nextjs ssr styled-components

Last synced: 24 Oct 2024

https://github.com/milaziabchenko/react-typescript-mini-projects

React/TypeScript mini-projects created using custom Hooks, Context, GraphQL & REST API integration, React Router v6 features, Styled Components, React Spring animations, and my playful design 🎈

accordion animations context-api custom-hooks graphql-client lazy-loading loaders localstorage namespaces promise-all react react-hooks react-router react-router-v6 react-spring rest-client styled-components suspense theme-switcher typescript

Last synced: 12 Nov 2024

https://github.com/whitearct1c/lares-encanto-ecommerce-frontend

Frontend Application of an E-commerce furniture with a minimalist style

ecommerce ecommerce-application mui react styled-components typescript

Last synced: 09 Nov 2024

https://github.com/valfonsoardila/yougym-app-web-frontend

YouGym App plataforma web orientado a la administracion de gimnasios con frontend. React Styled components

frontend react styled-components

Last synced: 15 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/epiled/trilha-react-desafio-2

🔎 Segundo desafio de Front-End do Bootcamp XP Inc. - Full Stack Developer na plataforma da DIO.

api react styled-components typescript

Last synced: 31 Oct 2024

https://github.com/ali-alim/portfolio

Portfolio Web App - React.js, Sanity, Framer-motion, React-Router-Dom, Sass

framer-motion node-sass react-router-dom reactjs sanity-io styled-components

Last synced: 31 Oct 2024

https://github.com/alanrsoares/styled-cva

A typesafe, class-variance-authority-based, styled-components-like library for authoring React components

class-variance-authority design-systems react styled-components tailwindcss

Last synced: 14 Oct 2024

https://github.com/greon5/react-contact-form

A comprehensive contact UI library based on styled-components with the aim for easier display and interaction with a contact form.

contact contact-form javascript react react-component react-component-library react-components reactjs styled-components typescript

Last synced: 30 Oct 2024

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

Tesla Landing Page Clone App

material-ui reactjs reduxjs styled-components

Last synced: 06 Nov 2024

https://github.com/mohammad-al-refai/flip-book

Drawing frame by frame to make animations and convert them to gif file

golang reactjs styled-components typescript webassembly

Last synced: 15 Nov 2024

https://github.com/mwafrika/chuck-test-sovetech

Chuck App is a Joke App that displays the most current and random chuck norris jokes, and you may acquire a new joke or fact by pressing any category represented by corresponding icons on the main page. You may also find jokes by putting a phrase into the search box.

expo react-native redux-thunk styled-components typescript

Last synced: 15 Oct 2024

https://github.com/shivam-880/dmv-consul-reactjs

Deployment Model View built in ReactJS using Consul APIs.

consul feature-first-project-strucutre reactjs redux styled-components

Last synced: 30 Oct 2024

https://github.com/marialobillo/expense-tracker-2

A simple Expense Tracker app using React, Typescript

performance react styled-components typescript

Last synced: 15 Nov 2024

https://github.com/gerhardsletten/styled-genesis

A styled-component base which gives your component props based css capabilities

react styled-components

Last synced: 15 Oct 2024

https://github.com/chunrapeepat/quotebook

quotebook - a book with a full of quote (classical & modern quote website)

book es6 javascript nextjs nodejs quote quotebook react styled-components

Last synced: 31 Oct 2024

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

https://github.com/kolharsam/r-components

These are components that are built in React. Minimal styling and you have the freedom to write your own style.

component-library demo react styled-components

Last synced: 31 Oct 2024

https://github.com/joselion/ts-cssvars

Safely define and use CSS vars on JS/TS context

css css-in-js css-in-ts cssvar cssvariables emotion styled-components

Last synced: 06 Nov 2024

https://github.com/adamclark64/covid-by-county

covid curve by county https://angry-archimedes-2061fb.netlify.com/

coronavirus covid-19 gatsby jhu jhu-dataset nytimes react styled-components typescript

Last synced: 30 Oct 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/bkdev98/ecommerce-react

[Innoteq Intern Training] Ecommerce web application using ReactJS

create-react-app ecommerce reactjs styled-components

Last synced: 08 Nov 2024

https://github.com/eirsvi/component-style-collection

ជូនមានឧទាហរណ៍ជាច្រើននៃឯកសារ HTML ដែលមានកូដ CSS និង JavaScript ។

beautiful effects html-css-javascript open-source styled-components

Last synced: 06 Nov 2024

https://github.com/chunrapeepat/quicksite

quickly making static site with react and styled-components

application prototype react react-static static-site styled-components website

Last synced: 31 Oct 2024

https://github.com/manoz/purr-react

WIP - A simple react boilerplate for simple apps without Redux. It features React, hot-reloading, react-router, ServiceWorker, styled-components.

boilerplate hot-reload react react-router starter-kit styled-components webpack4

Last synced: 06 Nov 2024

https://github.com/buemura/findit-frontend-next

The Front-end for Find it application.

front-end nextjs reactjs styled-components typescript

Last synced: 12 Nov 2024

https://github.com/kamalheydari/react-store-fake-api

The website prioritizes user convenience with search, filter, and sort functions for personalized product discovery. Its structured layout includes a home, product, single product, about, and cart pages. To optimize performance and enhance user experience, suspense is utilized.

react react-router-dom-v6 styled-components

Last synced: 08 Nov 2024

https://github.com/ugnelis/yet-another-gatsby-project

The Gatsby project uses styled-component and TypeScript.

gatsby react styled-components typescript

Last synced: 30 Oct 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/cholis04/tip-calculator-app

This is my solution to the Tip Calculator App challenge on Frontend Mentor.

accessibility calculator calculator-application frontend frontend-mentor javascript nextjs styled-components

Last synced: 08 Nov 2024

https://github.com/asis2016/lynne-react-bootstrap4

Lynne Fashion is a free React / TypeScript, Bootstrap 4 template made for fashion store.

bootstrap4 fashion react styled-components template typescript

Last synced: 08 Nov 2024

https://github.com/asis2016/kyomi-react-bootstrap4

Kyomi is a free React / TypeScript, Bootstrap 4 template made for the Mountaineering expedition. This project was bootstrapped with Create React App.

atomic-design design html-css-javascript mountaineering react sass styled-components template typescript

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