Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
styled-components
![](https://explore-feed.github.com/topics/styled-components/styled-components.png)
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-13 00:29:07 UTC
- JSON Representation
https://github.com/nksaraf/react-box
A simple yet super powerful Box primitive (with others) for React powered by styled-system and framer-motion
design-systems framer-motion react styled-components styled-system
Last synced: 15 Oct 2024
https://github.com/beanloop/styled-material
material-design styled-components typography
Last synced: 09 Nov 2024
https://github.com/binaryleo/react_dashboard_money
A Reactjs application to management expenses and incomes
css hooks javascript miragejs phosphoricons reactjs styled-components typescript
Last synced: 02 Feb 2025
https://github.com/deepumandal/modesens
Modsens is an advanced platform that connects information to shoppers seamlessly for a secure and efficient experience — one that is wholly unique to their customers.
bootstrap5 chackra-ui react-redux react-router-dom reactjs redux redux-thunk styled-components
Last synced: 20 Dec 2024
https://github.com/bfukumori/ignite-timer
Timer for Pomodoro technique
ignite-rocketseat immer react react-router-dom reacthookform styled-components typescript vite zod
Last synced: 25 Nov 2024
https://github.com/alanleite/regantt
A gantt chart for react made with styled-components (poc stage)
gantt gantt-chart react styled-components
Last synced: 29 Oct 2024
https://github.com/pbutcher/a-million-times
A digital analogue clock
clock code-sandbox react styled-components
Last synced: 18 Nov 2024
https://github.com/thiagomvilela/infinity
Project development for the 2nd unit of the Web Systems I and Database II courses at the Federal Institute of Pernambuco.
css css3 github-pages html javascript maven pgadmin4 postgresql react reactjs spring-boot sql styled-components
Last synced: 12 Nov 2024
https://github.com/cwaku/spacex-booking
Working with the real live data from the SpaceX API. The application allows users to book rockets and join selected space missions. This web application is for a company that provides commercial and scientific space travel services. Built with React and JavaScript
javascript react reactjs redux styled-components
Last synced: 14 Dec 2024
https://github.com/lakshayd02/spotify_clone_reactjs
Spotify Clone developed using React JS and Styled Components, leveraging the Spotify API for seamless integration of music-related functionalities.
auth0 authentication context-api css3 react reactjs spotify-api spotify-clone spotifyclone styled-components usereducer usereducer-hooks
Last synced: 18 Jan 2025
https://github.com/danielemidio1988/pokedex
A Pokedex é uma aplicação web que contém as principais informações dos 1008 pokemons existentes, consumindo a API PokeApi.
api api-rest axios context css html javascript react-components react-router reactjs styled-components
Last synced: 01 Dec 2024
https://github.com/doniaskima/snippetify
Snippetify is a complete website offering a wide assortment of pre-constructed user interface pieces and code snippets specifically geared toward developers. It supplies a substantial collection of components for creating user interfaces.
chakra-ui grommet nextjs polished styled-components tailwindcss
Last synced: 21 Nov 2024
https://github.com/mdforhadulislam/projects
This is my offical project.
axios bootstrap5 css html javascript nextjs react-redux reactjs scss styled-components tailwaindcss
Last synced: 21 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: 21 Nov 2024
https://github.com/inovando/react-native-template-inovando
:iphone: Inovando's template for react-native-cli https://www.npmjs.com/package/react-native-template-inovando
axios eslint formik prettier react-devtools react-native react-navigation reactjs reactotron styled-components
Last synced: 11 Feb 2025
https://github.com/swizec/intro-to-react-workshop
Intro to React Workshop. It's better in person 😉
jsx react react-redux react-router react-router-v4 reactjs redux redux-form redux-thunk styled-components
Last synced: 10 Nov 2024
https://github.com/stevendelro/react-weather-dashboard
v2.0 A Weather Dashboard built with React Hooks, Dark Sky API, Recharts, and Material-UI.
axios darksky-api mapbox material-ui material-ui-react momentjs react react-hooks react-map-gl recharts styled-components uuidv4
Last synced: 03 Jan 2025
https://github.com/eliasafara/portfolio
My personal website powered by Vite
cloudflare-dns cloudflare-pages giscus lws minmal personal-site portfolio-site reactjs resposnsive styled-components vitejs
Last synced: 09 Nov 2024
https://github.com/meebuhs/typey-boi
Practice typing by reading a book.
electron eslint parcel prettier react redux styled-components stylelint typescript
Last synced: 11 Nov 2024
https://github.com/ferrufinob/Bookmarkd_Frontend
Pinterest Inspired picture-sharing Web Application with ReactJS/Redux front-end and Rails API back-end.
jwt-authentication material-ui-icon pinterest-like reactjs redux redux-thunk styled-components
Last synced: 08 Nov 2024
https://github.com/acro5piano/react-emailify
Create Email template with React + styled-components easily
email react reactjs styled-components
Last synced: 11 Feb 2025
https://github.com/tone-row/tonami
CSS-in-JS library with a familiar API that uses CSS custom properties under the hood
css-in-js css-in-react react styled-components
Last synced: 14 Oct 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: 10 Jan 2025
https://github.com/gerhardsletten/fuse-box-react-ssr
Trying out fuse-box with react, redux, react-router and ssr
express-js fusebox react redux ssr styled-components
Last synced: 06 Dec 2024
https://github.com/kanugurajesh/hackathon-social-media-bot-frontend
A social media bot integrated with ai
api azure-app-service chatbot expressjs frontend-web hackathon-project material-ui reactjs real-world-problem-solving social-media-bot styled-components supabase supabase-auth
Last synced: 21 Jan 2025
https://github.com/gabriel-mend/happy
Este é um projeto realizado na Next Level Week, evento feito pela @rocketseat com intuito de levar os devs para o próximo nível!
backend react react-native react-router reactjs styled-components typeorm typescript
Last synced: 26 Jan 2025
https://github.com/sudheerj/vue-theme-switcher
VueJS project with styled components and vuex
css-in-js styled-components vuejs vuex
Last synced: 14 Dec 2024
https://github.com/thiagoow/imersaoreactalura-alurakut
Projeto de clonagem da antiga rede social Orkut, desenvolvido com Next.js, HTML, CSS, e JavaScript. Juntamente com as bibliotecas "styled-components", "nookies" e "jsonwebtoken", instaladas via YARN. Seguindo as aulas da Imersão React #3, da Alura:
alura alura-cursos-online alurakut alurakut-imersao-react graphql jsonwebtoken jwt-token nextjs nookies react reactjs styled-components
Last synced: 21 Jan 2025
https://github.com/shashiirk/crypto-prices
Find live cryptocurrency prices
cryptocurrencies react styled-components
Last synced: 13 Jan 2025
https://github.com/mohammad-mghn/react-customizable-emojibox
Easy customizable emojibox component for react applications created by vito.mohagheghian
emtions eslint material-ui npm-package prettier react styled-components webpack yarn
Last synced: 24 Oct 2024
https://github.com/nayojs/react-datetime-picker
React DateTime Picker is a robust and highly customizable date-time picker library for React applications. This component offers seamless integration with various UI designs, allowing developers to choose from a wide range of styling options or apply custom styles to match their projects' specific requirements.
styled-components typescript webpack
Last synced: 10 Nov 2024
https://github.com/denscholar/mini-socialnetwork
This is a mini social media platform inspired by my love for React. It allows users to signup using their email address and signing as well, post their pictures and comments. comment on other users comments and pictures.
firebase react reactjs styled-components
Last synced: 20 Oct 2024
https://github.com/devrezaur/react-quiz-and-converter-app
Simple and responsive quiz app and currency converter using React JS and Styled Components.
Last synced: 18 Jan 2025
https://github.com/merelinguist/styled-preflight
Normalize.css with a kick for styled-components CSS-in-JS library
css normalize preflight react styled styled-components
Last synced: 30 Nov 2024
https://github.com/ivstudio/tyger-ui
Themeable React UI component library
component-library components dark-mode design-system frontend-components js-library lerna react react-components react-library styled-components styled-system typescript-library ui ui-library
Last synced: 06 Dec 2024
https://github.com/petetnt/react-howdy
Howdy
emoji emojis freactal react sheriff styled-components
Last synced: 10 Dec 2024
https://github.com/cacivy/2048
2048 🎮️
mobx mobx-state-tree react styled-components travis typescript
Last synced: 28 Oct 2024
https://github.com/riteshsp2000/portfolio
Personal Portfolio website built with Gatsby, Typescript and deployed to Netlify.
gatsby netlify react styled-components typescript
Last synced: 09 Feb 2025
https://github.com/mateuschaves/movie-app
:iphone: Aplicativo para teste técnico na empresa Taki Brasil.
javascript mobile-app react-native redux redux-saga styled-components
Last synced: 17 Nov 2024
https://github.com/cholis04/advice-generator-app-main
This is my solution to the Advice Generator App challenge on Frontend Mentor.
accessibility axios axios-react front-end-development frontend-mentor nextjs react styled-components vercel-deployment
Last synced: 08 Nov 2024
https://github.com/cholis04/rest-countries-api
This is my solution to the REST Countries API with color theme switcher challenge on Frontend Mentor.
axios axios-react frontend-mentor frontend-web nextjs react styled-components swr theme-switcher useswr
Last synced: 08 Nov 2024
https://github.com/helpscout/fancy
❄️Fancy: A simple way to include CSS with React Components.
components css javascript open-source react styled-components
Last synced: 09 Nov 2024
https://github.com/joshwrn/portfolio
my old portfolio site from 2021
framer-motion portfolio react reactjs styled-components threejs
Last synced: 20 Nov 2024
https://github.com/oleksandryehorov/fifteen-puzzle
Fifteen puzzle game written with React
fifteen-puzzle fifteen-puzzle-game game react styled-components typescript
Last synced: 14 Oct 2024
https://github.com/didifive/jungle-game-react
Jungle Game Infinite Runner in ReactJS with Redux and Responsive Layout
game localstorage react react-hooks react-redux reactjs redux responsive responsive-design responsive-layout styled-components visual-studio-code
Last synced: 10 Jan 2025
https://github.com/techjuliana/app-movies
Feito em React Native, usando API, StyledComponents, Routes, Themes, Navegação por Stack, Loading de carregamento
api app appmovies component-library linkedin loading loading-animations movies navigation navigation-component react-hooks react-native react-router styled-components techjuliana
Last synced: 26 Jan 2025
https://github.com/aabuhijleh/better-github-profile
Use your GitHub profile to create a personal website
github graphql profile react readme styled-components
Last synced: 05 Feb 2025
https://github.com/zauberware/react-svg-assets
A simple SVG asset manager for React.
icons react react-components reactjs styled-components svg svg-icons
Last synced: 20 Nov 2024
https://github.com/pokedotdev/team-page-challenge
Team page challenge. https://devchallenges.io
create-react-app css emotion react styled-components
Last synced: 29 Jan 2025
https://github.com/amincharoliya/quiz-app
Quiz App with React, Styled Component and API
api hooks react reactjs redux styled-components
Last synced: 29 Dec 2024
https://github.com/vinyl-davyl/airbnb-clone-starter
Airbnb UI clone and starter using Next.js + styled-components. (Todo: Search functionality and Mapbox integration)
airbnb clone mapbox-gl nextjs react styled-components
Last synced: 10 Nov 2024
https://github.com/zaaack/react-starter
My react-starter 2017
2017 ava boilerplate easy-to-use enzyme eslint-config-standard flow react scaffold snapshot styled-components webpack2
Last synced: 17 Nov 2024
https://github.com/fransilva0/projeto-e-commerce-nextjs
Projeto de construção de um e-commerce usando Next.js
css css3 e-commerce-project javascript json nextjs nodejs react reactjs styled-components styled-jsx vercel website
Last synced: 13 Jan 2025
https://github.com/chingu-voyages/v8-chimeras-team-02
ChinguFlow | Voyage-8 | https://chingu.io/
javascript mongodb react react-router reactjs styled-components
Last synced: 14 Nov 2024
https://github.com/fellipeutaka/netflix-ui-clone
🍿 Old Netflix UI Clone
axios react react-query styled-components typescript
Last synced: 14 Oct 2024
https://github.com/khriztianmoreno/storybook-addon-raw-styled-component
A Storybook addon that extracts and displays compiled syntax-highlighted HTML & CSS
javascript react reactjs storybook storybook-addon styled-components tool
Last synced: 14 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/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/keiken-shin/airspace
Airspace - File storage application
firebase react styled-components
Last synced: 13 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/adsonnovaes/linkedin-ui-clone
Um clone da interface inicial do LinkedIn, fazendo uso do shimmer effect para o carregamento da aplicação
react styled-components typescript
Last synced: 14 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/ameerthehacker/colossus
:art: Rich set of react styled components that anyone would ever need
Last synced: 28 Jan 2025
https://github.com/codestates-seb/seb45_pre_021
🎙️ 당신의 최애가 되어줄 무대를 준비했습니다 ❣️
axios java react spring styled-components
Last synced: 15 Nov 2024
https://github.com/dtro-devuk/nextjs-tailwind-storybook-starter
Nextjs, Tailwind CSS, Storybook Starter Template with Twin.Macro
atomic-design component-library javascript nextjs starter-template storybook styled-components tailwindcss ui-components ui-design
Last synced: 08 Nov 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/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/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/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/rhw-repo/mern-post-app
In development: Full stack with JavaScript, React.js, Node.js, Express.js, MongoDB. JWT Authentication, CRUD & validation, filtering and database. Responsive CSS. TanStack Table. Current sprint: prepare for testing, refactor auth to SSO, re-testing & deployment.
css3 cssmodules-react express-validator expressjs html javascript jwt-authentification mern-stack-development mongo-db mongo-db-atlas mongoose-schema node-js postman-api react-hooks react-libraries react-router-dom react-select reactjs styled-components tanstack-table
Last synced: 09 Feb 2025
https://github.com/juditkaramazov/sprint8
📝 IT Academy v8 - Star Wars Application
localstorage reactjs styled-components swapi-api
Last synced: 10 Feb 2025
https://github.com/sucodelarangela/doguito-blog
Application developed during Alura's React Router training course (https://www.alura.com.br/curso-online-react-router-navegacao-spa)
axios json-server react react-router reactrouter spa styled-components vitrinedev
Last synced: 21 Jan 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/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/stbui/za-design
面向不同领域的移动端 React UI组件库
design finace-ui insurance-ui styled-components
Last synced: 07 Jan 2025
https://github.com/gustavogss/webviewapp
Aplicativo para renderizar uma página web para Android e IOS - implementado com React Native com Expo
expo react-native styled-components webview-app
Last synced: 26 Jan 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/acheema90/netflix-clone-react
A Netflix clone app with React, Styled Components, and Redux
babel es6 hmr javascript react react-router redux styled-components webapp webpack2
Last synced: 10 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/cleversamer/tesla-clone
Tesla Clone with React
react react-reveal styled-components tesla
Last synced: 14 Jan 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/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/bntzio/old-site
My personal site built w/Gatsby and some magic 🎩✨
gatsby greensock personal-site react scrollmagic server-side-rendering styled-components
Last synced: 30 Dec 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/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/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/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/sigfriedcub1990/styled-miniresetcss
Jeremy Thomas's minireset CSS
css minireset styled-components
Last synced: 15 Jan 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/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/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/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/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/monciego/intrepide
Gym fitness website using react js and styled components
gym-website react reactjs styled-components
Last synced: 07 Nov 2024
https://github.com/adrianoescarabote/audiophile-e-commerce-website
This project consisted of creating a multi-page e-commerce website from scratch, for styling the project I used Figma files.
axios ecommerce-website nextjs redux styled-components typescript
Last synced: 21 Jan 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/gillchristian/multi-step-form
¯\_(ツ)_/¯
react redux redux-observable styled-components
Last synced: 16 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