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/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/chanda-abdul/react-dropdown-navigation-frontend-mentor

This is a solution to the Intro section with dropdown navigation challenge on Frontend Mentor using React

css react react-hooks styled-components

Last synced: 14 Nov 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/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/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/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/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/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/grzegorzpacewicz/movies-browser

Movies Browser is an application that allows users to browse movies and people from film industry.

movie react react-redux reactjs redux styled-components

Last synced: 13 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/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/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/hazemkrimi/astrobuild

Prototype of a collaboration tool between stakeholders for building software projects

apollo-client apollographql formik graphql react react-flow styled-components typescript vite yup

Last synced: 05 Nov 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/clovisdasilvaneto/styled-tools

Save time, avoid changing your theme.{js,ts} file in order to test a theme change in the browser. Styled Tools was created to let you change the theme properties in the browser!

css-in-js emotion styled-components

Last synced: 13 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/makotot/undecorated

Collection of reusable CSS layout pattern

collection component css layout react styled-components

Last synced: 26 Sep 2024

https://github.com/mohammad-jamal/my-portfolio

๐‘ช๐’“๐’†๐’‚๐’•๐’†๐’… ๐’Ž๐’š ๐’‘๐’๐’“๐’•๐’•๐’‡๐’๐’๐’Š๐’ ๐’‡๐’“๐’๐’Ž ๐’‚ ๐’‚๐’ƒ๐’”๐’๐’๐’–๐’•๐’† ๐’ƒ๐’†๐’ˆ๐’Š๐’๐’๐’†๐’“ ๐’•๐’ ๐’”๐’๐’Ž๐’† ๐’‘๐’“๐’ ๐’๐’†๐’—๐’†๐’ ๐’ƒ๐’š ๐’๐’†๐’‚๐’“๐’๐’Š๐’๐’ˆ ๐’“๐’†๐’‚๐’„๐’• ๐’‹๐’” ๐’„๐’๐’๐’„๐’†๐’‘๐’•๐’” ๐’‚๐’๐’… ๐‘ฐ ๐’‚๐’๐’”๐’ ๐’–๐’”๐’†๐’… ๐’”๐’•๐’š๐’๐’†๐’…-๐’„๐’๐’Ž๐’‘๐’๐’๐’†๐’๐’•๐’” ๐’Š๐’ ๐’Š๐’•, ๐’๐’†๐’‚๐’“๐’๐’• ๐’•๐’ ๐’…๐’†๐’‘๐’๐’๐’š ๐’Ž๐’š ๐’‘๐’๐’“๐’•๐’‡๐’๐’๐’Š๐’ ๐’‚๐’Ž๐’‚๐’›๐’Š๐’๐’ˆ๐’๐’š ๐’–๐’๐’Š๐’’๐’–๐’† ๐’‘๐’“๐’๐’‹๐’†๐‘๐’•

css3 html5 javascript react reactjs styled-components

Last synced: 07 Nov 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/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/mariorodeghiero/datopian

Henry Hub Natural Gas - Daily Prices

csv-files d3 data-visualization nodejs react styled-components

Last synced: 15 Nov 2024

https://github.com/grzegorzpacewicz/to-do-list

Simple to do list in react. You can add tasks, remove tasks, see details and search. There are also author page and example tasks

react redux saga styled-components

Last synced: 13 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/michaelcaxias/michaelcaxias.vercel.app

Meu portifรณlio web com todas as informaรงรตes sobre mim, projetos e stacks utilizadas :)

context-api dark-mode react styled-components

Last synced: 08 Nov 2024

https://github.com/amincharoliya/quiz-app

Quiz App with React, Styled Component and API

api hooks react reactjs redux styled-components

Last synced: 07 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/takuyadev/takuyadev-portfolio-2023

Portfolio of Takuya Toyokawa, updated to match currently completed projects.

axios javascript nextjs portfolio reactjs styled-components

Last synced: 21 Oct 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/dm-zhuk/goit-react-woolf-hw-01-components

ReactJS.Topic II-Styled Components

css jsx react styled-components

Last synced: 07 Nov 2024

https://github.com/yaairfernando/course-app

Webside that shows a mini course with different videos and plays every video when it is selected.

axios bootstrap4 react ruby ruby-on-rails styled-components webpack

Last synced: 08 Nov 2024

https://github.com/s1gr1d/personal-page

๐Ÿ‘ฉ๐Ÿปโ€๐Ÿ’ป my attempt at creating a personal website with Next.js and React

markdown nextjs personal-page personal-website portfolio react styled-components

Last synced: 25 Oct 2024

https://github.com/luisauter/search-gifs

Online gifs search engine with react and giphy api (all open source)

context javascript react styled-components wouter

Last synced: 07 Nov 2024

https://github.com/lil5/jss-to-scss

Convert JSS objects to SCSS

convert css jss scss styled-components

Last synced: 07 Nov 2024

https://github.com/luisauter/portfolio

My portfolio website ๐Ÿง‘โ€๐Ÿ’ป

nextjs portfolio react styled-components typescript vercel

Last synced: 07 Nov 2024

https://github.com/jveiiga/kenzie-projects

Repositรณrio criado para demonstrar de forma estruturada, toda base de programaรงรฃo explorada no curso.

array-methods componentization componentization-css context-api css3 dom-manipulation flexbox-css html5 javascript json-server object poo props react-router reactjs styled-components typescript use-context use-state

Last synced: 08 Nov 2024

https://github.com/imedadel/tachyons-props

Use tachyons classes as styled-components props

css framework gatsbyjs nextjs react styled-components tachyons ui

Last synced: 07 Nov 2024

https://github.com/iancleary/new-component

โš› โšก CLI utility to create new components in React projects. โšก โš›

components javascript react script styled-components typescript

Last synced: 21 Oct 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/holasoycael/boilerplate-cra

โš›๏ธโšก Este รฉ meu boilerplate para aplicaรงรตes React usando CRA no conceito de SPA com uma arquitetura baseada em Nex.js utilizada no curso de React Avanรงado de Willian Justen.

babel babeljs boilerplate eslint husky jest plopjs prettier react storybook styled-components typescript

Last synced: 16 Nov 2024

https://github.com/cacivy/react-native-v2ex

ๅŸบไบŽReact-Nativeๆž„ๅปบ็š„V2EXๅฎขๆˆท็ซฏ

immer react-native react-navigation styled-components v2ex

Last synced: 06 Nov 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/gugadev/styled-react-ts

Minimal boilerplate for React, Styled-JSX and Typescript.

css postcss react styled-components styled-jsx typescript

Last synced: 06 Nov 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/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/luizfranzon/ipdiscover

A simple app do get your IP Address

react-toastify reactjs styled-components vite

Last synced: 06 Nov 2024

https://github.com/rafael-cesario/wordlist

WordList is a full-stack project to memorize words with lists and flash cards. While you are listening, reading, or watching, some words that you don't know yet will appear, use the website to add these words and revise them.

apollo graphql jwt mongodb mongoose next-13 redux styled-components typegoose typescript vitest

Last synced: 07 Nov 2024

https://github.com/omarramoun/contacts

A contacts management system. react native application that allows the user to add, delete, update the contact they want.

react-native react-native-app redux-toolkit styled-components styled-system typescript

Last synced: 08 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/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/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/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/eirsvi/component-style-collection

แž‡แžผแž“แž˜แžถแž“แžงแž‘แžถแž แžšแžŽแŸแž‡แžถแž…แŸ’แžšแžพแž“แž“แŸƒแžฏแž€แžŸแžถแžš HTML แžŠแŸ‚แž›แž˜แžถแž“แž€แžผแžŠ CSS แž“แžทแž„ JavaScript แŸ”

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

Last synced: 06 Nov 2024

https://github.com/wallacefreitas/moveit

Project development during NextLevelWeek04 (Rocketseat) using Next JS, Styled-Components and TypeScript

nextjs styled-components typescript

Last synced: 15 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/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/cyrus-kiprop/gatsby-styled-components-starter-pack

A simple starter pack for gatsby js sites aiming to use styled-components

gatsby react styled-components themes typscript

Last synced: 20 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/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/aswinbarath/tesla-clone

Tesla Landing Page Clone App

material-ui reactjs reduxjs styled-components

Last synced: 06 Nov 2024

https://github.com/frontendrangers/platoon

A themeable UI kit for React & Svelte

components react styled-components themeable-components uikit

Last synced: 15 Oct 2024

https://github.com/kristoferkrindges/precin

Projeto Final de Anรกlise de Desenvolvimento de Sistema (TCC) #Precin

css firebase-auth firebase-hosting firebase-storage firestore html javascript react styled-components

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

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