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/mathewsmachado/styled-query-builder

💅 A semantic tool to help you build responsive interfaces with Styled Components.

styled-components

Last synced: 15 Oct 2024

https://github.com/v-prt/sushi-heaven

A spin on the classic Cookie Clicker browser game. Click or tap spacebar to make sushi, buy upgrades to improve production & work your way up to owning a franchise!

browser-game cookie-clicker css game javascript reactjs styled-components sushi

Last synced: 11 Oct 2024

https://github.com/obioraigboanusi/transactions-heatmap-chart

This app gives a visual representation of when people transact the most throughout a year using a heatmap(Matrix chart).

css-in-js data-visualization jsx reactjs styled-components typescript

Last synced: 19 Nov 2024

https://github.com/krustyc/react-checkbox

React checkbox created with styled-components

animation checkbox react styled-components

Last synced: 20 Oct 2024

https://github.com/epiled/trilha-react-desafio-01-calculadora

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

react sass styled-components typescript

Last synced: 31 Oct 2024

https://github.com/sunilhooda/boat-lifestyle.com-clone

India's fastest growing audio & wearables brand. The most incredible range of wireless earphones, earbuds, headphones, smart watches, and home audio

chakra-ui css3 javascript reactjs styled-components

Last synced: 05 Nov 2024

https://github.com/greylocklabs/stylelint-config-styled-components

Greylock Labs Stylelint rules for projects using Styled Components

javascript js linter react styled-components stylelint stylelint-config ts typescript

Last synced: 05 Nov 2024

https://github.com/spandiar20/hubble-webpage

In this repository I developed Hubble's webpage using React, Styled Components and some Tailwindcss

javascript react styled-components tailwindcss

Last synced: 31 Oct 2024

https://github.com/makotot/undecorated

Collection of reusable CSS layout pattern

collection component css layout react styled-components

Last synced: 26 Sep 2024

https://github.com/peter554/react-wizard-demo

Demo app using React, Formik and styled-components

cleavejs formik react reactjs styled-components yup

Last synced: 19 Oct 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

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/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/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/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/marcel-msc/portfolio-marcelo

CV - Portfolio created with ReactJS

carbon netlify node-sass reactjs sass styled-components

Last synced: 15 Oct 2024

https://github.com/mspilari/rps-game

A Rock Paper Scissors game.

game paper reactjs rock scissors styled-components

Last synced: 13 Nov 2024

https://github.com/mspilari/mathflix

:movie_camera: A copy of Netflix

netflix nodejs postgresql reactjs styled-components

Last synced: 13 Nov 2024

https://github.com/rwieruch/react-desktop-first-responsive-design-example

A desktop first responsive design showcase for React with styled-components

react reactjs responsive-design responsive-layout responsive-web-design styled-components

Last synced: 16 Oct 2024

https://github.com/mauriciogirardi/test-front-end-meritt

This is a test for a Front-End position at Meritt. this project is a study platform

axios react-icons react-router-dom reactjs styled-components

Last synced: 07 Nov 2024

https://github.com/gabrielnafuzi/quote-generator

Challenge from https://devchallenges.io - https://devchallenges.io/challenges/8Y3J4ucAMQpSnYTwwWW8

nextjs react styled-components typescript

Last synced: 17 Oct 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/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/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/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/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/imnotannamaria/react-native-firebase

Shopping list app using Firebase.

firebase react-native styled-components

Last synced: 07 Nov 2024

https://github.com/0xch4z/styled-queries

💫 A simple interface for styled-component queries. Media queries for the component age.

css-in-js react styled-components

Last synced: 27 Oct 2024

https://github.com/renantrs/urna

A Brazilian electronic voting machine in ReactJs

integration-testing jest reactjs styled-components testing-library tests-unitaires typescript

Last synced: 17 Oct 2024

https://github.com/JacobGrisham/Gatsby.js-and-Styled-Components

Front-end multi-page static website built with Gatsby.js, React.js, Styled Components (for CSS-in-JS) and fine-tuned with Gatsby-specific SEO optimizations and Progressive Web App (PWA) capability. Site hosted on Netlify.

css-in-js front-end-web-development gatsby gatsby-plugin gatsby-portal gatsbyjs graphql jamstack netlify progressive-web-app pwa react reactjs scalable-vector-graphics seo-optimization star-wars styled-components ui-design ux-design

Last synced: 23 Oct 2024

https://github.com/krzysiou/file-io

A website designed to help you fill out your paperwork. Made in Next.js and React.

axios next react styled-components typescript

Last synced: 19 Nov 2024

https://github.com/mgueyraud/block-master

Block Buster Website (If it was alive xd), design from https://leonidasesteban.com/proyectos

javascript jsx react styled-components

Last synced: 17 Oct 2024

https://github.com/corllete/material-styled

Styled Components implementation of Material Design

material-design material-ui react styled-components

Last synced: 05 Nov 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/vitus-labs/ui-system

Build your UI Systems like a PRO - efficient, fast, furious and fully typed set of libraries for React

css react styled-components

Last synced: 08 Nov 2024

https://github.com/snimmagadda1/downshift-twitch-clips-search

Simple form searching twitch API to experiment with Downshift

downshift react styled-components twitch

Last synced: 24 Oct 2024

https://github.com/denscholar/covid-19-metrics-webapp

Covid-19 webapplication is a metric application that provides global statictics of the number of infected, recorvered and deaths as a result of the COVID-19 virus. The application shows a detail stats based on countries and each country can be filtered using the search bar to get a particular country.

css javascript jsx material-ui react redux styled-components

Last synced: 20 Oct 2024

https://github.com/pupudu/stylestrap

The Bootstrap you know, reimagined with Styled Components

bootstrap component-library components grid react react-bootstrap reactstrap styled-components

Last synced: 20 Oct 2024

https://github.com/0xjoaovpsantos/ecoleta_web

♻︎ a waste collection marketplace made with reactjs using typescript

collection javascript marketplace nextlevelweek nlw react reactjs rocketseat styled-components typescript waste wastecollection

Last synced: 05 Nov 2024

https://github.com/jhonatan-oliveiradev/go_finance_frontend

Go Finance repository for frontend files. This is a part of Go Finance full stack project made with Golang and NextJS.

babel material-ui next-router nextjs reactjs styled-components typescript victory-charts yarn

Last synced: 24 Oct 2024

https://github.com/e-fficency/rush

Uma loja de esportes feita para dispositivos móveis e desktops

frontend javascript react styled-components

Last synced: 31 Oct 2024

https://github.com/vineyardbovines/styled-components-animations

a whole bunch of keyframe animations using styled-components

animation keyframes styled-components

Last synced: 07 Nov 2024

https://github.com/mvfsillva/next-typescript-template

Nextjs boilerplate with typescript, styled-components, and i18next

boilerplate i18next nextjs react-testing-library styled-components typescript

Last synced: 28 Oct 2024

https://github.com/ath31st/market_palace

Market Palace is an online marketplace application where users can browse products, manage orders, and use a shopping cart.

exposed full-stack gradle jwt kotlin ktor ktor-server pagination react reactjs redux redux-toolkit sqlite3 styled-components

Last synced: 31 Oct 2024

https://github.com/radzionc/increaser-timepicker

Time Picker with React

react styled-components

Last synced: 24 Oct 2024

https://github.com/kristoferkrindges/traveling

Social Media in React #React #Axios #Api #Styled-Components #Firebase #SpringBootAPI

axios context-api darkmode firebase hooks react social-media socket-io styled-components

Last synced: 21 Oct 2024

https://github.com/fxcosta/cra-typescript-boilerplate

Create React App Rewired boilerplate - TypeScript, Styled-Components, Jest, Zustand, StoryBook

jest react styled-components typescript

Last synced: 28 Oct 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/hugovarellaa/clone-interface-discord

Clone da interface do Discord em ReactJS

reactjs styled-components styled-icons typescript

Last synced: 05 Nov 2024

https://github.com/hugovarellaa/clone-pipefy

Esse projeto foi desenvolvido durante um video do youtube que recriava a pagina do dashboard do Pipefy - "https://www.pipefy.com/pt-br/".

immer react react-dnd react-dnd-html5-backend react-icons styled-components

Last synced: 05 Nov 2024

https://github.com/abhijithvijayan/corona-screening-portal

COVID'19 Screening Portal for Pathanamthitta

flask postgresql reactjs sass sqlalchemy styled-components

Last synced: 25 Oct 2024

https://github.com/zafar-saleem/zafar-saleem.github.io

Zafar Saleem personal website that shows links to my github, linkedin, instagram and medium profiles alongside CV with list of technical skills.

css css-in-js css3 cv flexbox fullstack-development fullstack-javascript html5 instagram linkedin medium portfolio-site react reactjs saleem styled-components web webdevelopment zafar zafarsaleem

Last synced: 08 Nov 2024

https://github.com/gabrielnafuzi/todo-app

a simple todo app to practice framer-motion. app ideia: https://devchallenges.io/challenges/hH6PbOHBdPm6otzw2De5

framer-motion react styled-components typescript vite

Last synced: 17 Oct 2024

https://github.com/rhyuen/pdthuntclone

just an attempt at copying the layout of product hunt.

api crud css html mongodb nodejs npm prettier react rest styled-components webpack webpack3

Last synced: 12 Nov 2024

https://github.com/timfuhrmann/tiny-url

A full stack kind of TinyURL demo, built with Next.js and Node.js.

express nextjs nodejs react redis styled-components tinyurl

Last synced: 17 Oct 2024

https://github.com/timfuhrmann/next-styled-components-jest-storybook

A Next.js, Styled Components, Typescript, Jest and Storybook boilerplate.

jest nextjs prettier react storybookjs styled-components typescript

Last synced: 17 Oct 2024

https://github.com/timfuhrmann/twitter-board

A small twitter board built with Next.js and Google Cloud Platform.

firebase google-cloud-platform nextjs react styled-components typescript

Last synced: 17 Oct 2024

https://github.com/pedro-demeu/learning-styled-components

Este projeto não é funcional, apenas visei implementar o Styled Components com Light e Dark Mode

css3 javascript reactjs styled-components

Last synced: 08 Nov 2024

https://github.com/timfuhrmann/gatsby-styled-components

A Gatsby, TypeScript, Styled-Components starter.

gatsby styled-components typescript

Last synced: 17 Oct 2024

https://github.com/maewolff/react-movie-search

REACT - Movie Search Engine

axios reactjs styled-components typescript

Last synced: 30 Oct 2024

https://github.com/nrenner0211/huddle

Marketing themed webpage with reusable styled React components.

react styled-components

Last synced: 07 Nov 2024

https://github.com/rmachado55/dark-mode

Página em React.JS criada com STYLED COMPONENTS, simulando uma aplicação de Banco, incluindo aplicação de tema (Dark-Mode)

hooks java-script javascript react reactjs styled-components styledcomponents usestate

Last synced: 13 Nov 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/joshuawootonn/izzy-wootonn

Film portfolio for my wife ♥

film gatsby gatsbyjs js portfolio styled-components ts

Last synced: 28 Oct 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

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