Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
styled-components

styled-components is a JavaScript library that makes styling React apps enjoyable using the best bits of ES6 and CSS.
- GitHub: https://github.com/topics/styled-components
- Repo: https://github.com/styled-components/styled-components
- Created by: Glen Maddern, Max Stoiber
- Released: October 2016
- Related Topics: react, react-native, css,
- Aliases: styledcomponents,
- Last updated: 2025-02-16 00:28:57 UTC
- JSON Representation
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: 28 Jan 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/chara0511/rock-paper-scissors
context-api javascript react styled-components
Last synced: 18 Feb 2025
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 Jan 2025
https://github.com/vovajr11/wallet-team-project
axios chartjs formik material-ui react-router reactjs redux-toolkit styled-components yup
Last synced: 29 Jan 2025
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/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/evgenywas/online-shop
Online shop SPA on React/TypeScript with GraphQL on 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 Jan 2025
https://github.com/frex-is/artificium-ui
Artificium UI Library is a versatile and responsive React component library built with TypeScript. This library is designed to seamlessly integrate into your React projects, providing a collection of reusable UI components inspired by the Artificium Figma design.
artificium components-library react storybook styled-components typescript ui
Last synced: 14 Nov 2024
https://github.com/akinncar/expo-star-wars
🌠🚀 star wars informative app made in expo (ios, android), react native
android cross-platform expo ios javascript react-js react-native styled-components web
Last synced: 05 Feb 2025
https://github.com/itsjonq/is-style-prop-valid
🎒 Utilities for CSS style properties
css css-in-js emotion mixins props react style styled-components styled-system
Last synced: 14 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 Jan 2025
https://github.com/solrachix/whatsapp-rn-clone
Recreating / redesigning Whatsapp on almost all platforms.
clone expo react-native styled-components whatsapp
Last synced: 13 Nov 2024
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/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/superbahbi/twitter-clone
A twitter clone built in react framework using mongodb database and cloudinary storage
react react-bootstrap socket-io styled-components
Last synced: 13 Feb 2025
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/am-77/rigel
A portfolio template.
i18next reactjs styled-components
Last synced: 02 Feb 2025
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/cleversamer/tesla-clone
Tesla Clone with React
react react-reveal styled-components tesla
Last synced: 14 Jan 2025
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/mallikarjuna-dev/mallikarjun-portfolio
Portfolio
animation javascript reactjs styled-components typescript
Last synced: 13 Feb 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/gillchristian/multi-step-form
¯\_(ツ)_/¯
react redux redux-observable styled-components
Last synced: 16 Jan 2025
https://github.com/johnwatkins0/react-draggable-splitscreen
A React component for displaying overlapping elements with a draggable splitscreen-like effect.
react react-hooks styled-components typescript
Last synced: 13 Feb 2025
https://github.com/sudipstha08/code-verify
React code verification :fire:
axios docker docker-compose express helmet nodejs react styled-components
Last synced: 24 Nov 2024
https://github.com/liinkiing/react-typescript-starter
A simple starter to work with React, Typescript, Mobx, styled, reach router and prettier
eslint mobx prettier reach-router react starter-kit styled-components tslint typescript
Last synced: 05 Feb 2025
https://github.com/diogomalfatti/instalura
bootcamp da Alura de JamStack com base em Next.js
css3 css3-flexbox css3-grid emotion github-actions html5 nextjs react styled-components vercel-deployment
Last synced: 31 Dec 2024
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/ebazhanov/notes-app
Notes Web App
notes-app react styled-components typescript vercel
Last synced: 27 Nov 2024
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/firsttris/reactive-volcano-app
A Reactive Responsive WebApp for your Volcano
bluetooth bluetooth-low-energy solidjs styled-components typescript vaporizer volcano
Last synced: 19 Feb 2025
https://github.com/iamrosada/clean-architecture
Repo for clean-code with reactjs
clean-architecture clean-code mui reactjs redux-toolkit rxjs styled-components vitejs
Last synced: 22 Jan 2025
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/ameerthehacker/colossus
:art: Rich set of react styled components that anyone would ever need
Last synced: 28 Jan 2025
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/encoreshao/pure-css-animation
Pure CSS Animation - Tailwind CSS & React
css css-animations encore gh-pages nextjs react styled-components tailwind tailwindcss typescript
Last synced: 04 Feb 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/sandeepbalachandran/workflow-visualizer
Free and open source customizable workflow visualizer
css javascript nextjs reactjs styled-components tailwindcss typescript workflow-management
Last synced: 03 Dec 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/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/gauthamjm007/coronavirustracker
A corona virus tracker application
material-ui opensky-api pigeon-maps react react-component react-hooks react-router redux redux-thunk styled-components
Last synced: 13 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/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/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/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/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/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/kelvinleandro/ubuntu-react
An attempt to recreate Ubuntu interface using React
gnome nextjs nextjs14 react reactjs styled-components ubuntu vercel
Last synced: 14 Feb 2025
https://github.com/akatroj/elevator-system
Simple application that controls the elevators in a building.
react react-router styled-components typescript
Last synced: 23 Jan 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/danicunhac/moveit
Manage your time and do physical exercises on code breaks 🏋️
nextjs styled-components typescript
Last synced: 23 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/shashkovdanil/github-issue-tracker
Progressive web app for viewing issues from the github.com. Built with react, redux, redux-thunk and styled-components
flow issue-tracker pwa react redux redux-thunk styled-components
Last synced: 01 Jan 2025
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/jooysoouzaa/minhas-tarefas-react
To-Do List com React, TypeScript e styled-components, que organiza tarefas por categorias, permite verificar status, editar, buscar e adicionar novas tarefas usando React Router.
react react-router reactjs styled-components typescript
Last synced: 08 Feb 2025
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/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/gabrielimartins7/gofinances
GoFinances é um aplicativo de finanças e controle de gastos :coin:
expo react-native react-navigation reactnative styled-components typescript
Last synced: 16 Feb 2025
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: 01 Feb 2025
https://github.com/morewings/ts-redux-next
Next.js app template with Redux features and App Router. Has test and middleware examples.
jest nextjs nextjs-template redux redux-middleware redux-toolkit styled-components template
Last synced: 12 Dec 2024
https://github.com/danicunhac/appgobarber
Mobile app to manage your barbershop appointments 🪒💈
react-native styled-components typescript
Last synced: 23 Jan 2025
https://github.com/nicolaeciobanuu/react-timer
Pomodoro inspired timer built with React
javascript pomodoro pomodoro-timer react reactjs styled-components timer typescript
Last synced: 02 Jan 2025
https://github.com/milad-afkhami/style-wiz
CLI tool that generates minified CSS files from JSON configs and integrates with Goober for CSS-in-JS.
css eslint husky jest npm-package react react-testing-library rollup styled-components typescript
Last synced: 15 Feb 2025
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/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/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: 11 Jan 2025
https://github.com/bradgarropy/bg-codes
🎥 bg codes twitch overlay
eslint firebase gatsby prettier react styled-components twitch
Last synced: 15 Feb 2025
https://github.com/bradgarropy/ironjimmy.com
⚫ iron jimmy sleeves
ecommerce eslint gatsby react shopify styled-components
Last synced: 15 Feb 2025
https://github.com/mariangle/portfolio-v1
Portfolio v1 built with Styled Components and Framer Motion in React
framer-motion react styled-components
Last synced: 10 Jan 2025
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/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/jiangweixian/babel-plugin-styled-windicss
windicss + styled-components (beta)
babel plugin styled-components windicss
Last synced: 10 Dec 2024
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/chengjianhua/styled-fns
A collection of utility functions to use with `styled-components`, make writing component with SC more fascinating.
styled styled-components utility
Last synced: 10 Jan 2025
https://github.com/paulclindo/chateable
Personal basic chat with Firebase, React and Styled Components
firebase reactjs styled-components
Last synced: 14 Feb 2025
https://github.com/rafaelgoulartb/dt.money
🤑 Dt.money project made in ignite bootcamp. @Rocketseat
dtmoney reactjs rocketseat styled-components typescript
Last synced: 02 Jan 2025
https://github.com/khouloudhaddad/kanban-board-in-react
React Kanban board
kanban-board react reactjs styled-components
Last synced: 10 Jan 2025
https://github.com/frontendwizard/styled-components-talk
Styled-components talk a ser apresentada no React-Maringá (27/02/18)
css-in-js styled-components talk
Last synced: 06 Feb 2025
https://github.com/junaidshamnad/react-navbars
Fully Responsive React Navbar in 3 different designs. You can easily customize this design to fit your project.
css3 html5 javascript navbar react-js styled-components
Last synced: 10 Jan 2025
https://github.com/rosaerick/stoic-quote-generator
Random Stoic Quote Generator built with React and Styled-components. Generate a philosophical quote, you can tweet the quotes!
api phylosophy react reactjs styled-components
Last synced: 24 Jan 2025
https://github.com/miguelitodev/marvel-characters
Hello, this is a test project for a Junior-level ReactJS front-end position, this project makes the request and listing of characters from UMC (Universe Marvel Comics), in addition showing about the selected character his description and participation in comic books. Within 6 days to develop this project, I had to study several contents, even so I managed to finish on time, it was a great pleasure to use this API, link in the references.
javascript pagination react-router-dom reactjs redux styled-components
Last synced: 11 Jan 2025
https://github.com/aszurar/gofinances
O 2º projeto do bootcamp Ignite na trilha react-native, nele é explicado mais sobre componentes do react-native como a Flatlist, responsividade, Async-Storage, Axios, Login Social com o OAuth(Google e IOS)), e sobre navegação em aba e em pilha além de suas configurações junto com contexto e hooks,
android-studio async-storage date-fns expo expo-auth javascript nodejs react react-native react-navigation styled-components typescript victory-native yarn
Last synced: 18 Dec 2024
https://github.com/vimtor/barams
🌐 Chrome extension for creating query string templates
chrome-extension preact query-string query-string-builder styled-components
Last synced: 16 Feb 2025
https://github.com/mohamedhnoor/github-users-app
This is a react app that uses the github api to fetch users and display their information. It uses auth0 to authenticate users and allow them to login and logout. It uses fusion charts to display the users data in a chart. built with react, react-router-dom, styled-components, auth0, react-icons, fusion charts, github api, neflify.
auth0 fusion-charts github-api netlify-deployment react-icons react-router-dom reactjs styled-components
Last synced: 25 Jan 2025
https://github.com/jiyuujin/nekohack-ui
:atom: A React UI components for Web
react react-dom styled-components typescript ui-components
Last synced: 18 Dec 2024
https://github.com/shahsuvarli/admin-foody
A React-based food delivery admin dashboard web application for controlling restaurants, menus, and products.
admin css dashboard delivery food foody html i18n javascript reactjs restaurant styled-components
Last synced: 07 Feb 2025
https://github.com/eltonlazzarin/linkedin-clone
LinkedIn Clone's detailed UI developed in ReactJS and TypeScript
frontend frontend-ui frontend-web javascript javascript-app linkedin-app linkedin-clone mobile-first reactjs reactjs-application storybook styled-components typescript typescript-definitions
Last synced: 04 Dec 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/dmitriygorohov/netflix-clone
Clone Netflix 🍕🍿🥃😄▶️💻
axios css firebase movie-trailer react react-router-dom react-youtube styled-components
Last synced: 11 Jan 2025
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: 02 Feb 2025
https://github.com/NadineGrosskreuz/capstone-project
Final project at the neue fische bootcamp! An app for all lovers of secondhand stores and flea markets.
accessibility eslint geocoding-api javascript jest leaflet-map mobile-first nextjs react react-testing-library reacthookform storybook styled-components usability user-experience zustand
Last synced: 24 Oct 2024
https://github.com/alexbelloni/deathstar-web
Simple register-and-login example using my deathstar-authapi
context-api react styled-components
Last synced: 05 Jan 2025
https://github.com/junaidshamnad/react-website
React website using styled components and React smooth scroll. The website is fully responsive and used React Hooks and React Router for this project. The main design of this website contains a video background as the hero section. The sections below contain reusable components where you can switch out the positioning of the image and text.
css3 html5 javascript reactjs router smooth-scroll styled-components
Last synced: 10 Jan 2025
https://github.com/lourot/vike-react-styled-components-grommet
🔨 Vike + styled-components + grommet example
full-stack node react react-ssr server-rendering ssr static-site-generator styled-components vite vite-plugin vite-ssr vitejs web-framework
Last synced: 08 Nov 2024