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/brijenmakwana/shopping-app-rapidbox-clone

Rapidbox is an online shopping app. I have build this project from it's design.I made an effort to mirror the design of the original app exactly.

expo mobile-app rapidbox react-native react-navigation styled-components typescript

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

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

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

Last synced: 06 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/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/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/agutoli/react-styled-tree-checkbox

Modular/Simple Tree Checkbox component - http://agutoli.github.io/react-styled-tree-checkbox/

checkbox css form html javascript react reactjs styled-components tree

Last synced: 14 Oct 2024

https://github.com/bernardomennndes/dt-money

Have your finance control. Project developed during Ignite module of ReactJS | @Rocketseat

miragejs react styled-components typescript

Last synced: 09 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/nrenner0211/huddle

Marketing themed webpage with reusable styled React components.

react styled-components

Last synced: 07 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/hmontarroyos/segura_rio

SPA de uma seguradora, construído com micro front-end através da lib single-spa em React

clarity front-end microfrontend netify polished react singlespa styled-components

Last synced: 27 Oct 2024

https://github.com/mikeibberson/draftjs-formik

DraftJS implementation for Formik.

draft-js formik react styled-components

Last synced: 28 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/jjordy/gfas-react-components

Global Financial Aid Services Layout and design Components for react.

components layout react styled-components

Last synced: 19 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/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/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/lukmanrambe/our-cart

A Shopping List Web App Built by Using ReactJS, React Router v6, Styled-Components, etc.

css html javascript react react-router react-router-v6 reactjs styled-components

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

Film portfolio for my wife ♥

film gatsby gatsbyjs js portfolio styled-components ts

Last synced: 28 Oct 2024

https://github.com/lukmanrambe/quizzy

A Quiz Web App built by using ReactJS, all the questions is gotten from opentdb API (www.opentdb.com)

css html javascript opentdb quiz quiz-app react react-icons reactjs styled-components webpack

Last synced: 29 Oct 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/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/taianekas/rocketseat-projects

Neste repositório, você encontrará projetos desenvolvidos ao longo das trilhas Explorer e Ignite da Rocketseat. Essas trilhas abrangem tanto o desenvolvimento frontend quanto backend, oferecendo uma oportunidade ampla de aprendizado e prática.

css express html javascript knex nodejs reactjs rocketseat rocketseat-explorer styled-components typescript vitejs

Last synced: 13 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/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/sebastiandg7/tf-react-coding-test

React coding test - Use of Nx workspaces, hooks, ref forwarding, lazy loading, dynamic redux modules, formik, yup, react-input-mask

axios fakerjs formik nx nx-workspaces react react-hooks react-hooks-project react-input-mask redux redux-dynamic-modules styled-components tsx typescript yup

Last synced: 02 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/alvaromb/gatsby-starter-app-landing

A Gatsby starter to build landing pages for mobile apps

gatsby gatsbyjs react styled-components

Last synced: 15 Oct 2024

https://github.com/joaom00/dogs

🐶 Instagram para Cachorros

nextjs react-query styled-components supabase typescript

Last synced: 13 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/keyurparalkar/recursive-component-examples

Recursive components implemented with React

javascript react styled-components typescript

Last synced: 08 Nov 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/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/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/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/minsoo-web/react-boilerplate

typesciprt, react-router (v6), redux-toolkit, storybook, craco, styled-components 를 이용한 셋업 환경입니다.

boilerplate craco react react-router-v6 redux reduxtoolkit storybook styled-components typescript

Last synced: 14 Oct 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/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/alexdevero/react-typescript-styled-components-boilerplate

Ultra-light React + TypeScript + styled-components boilerplate to help you get started 🚀!

boilerplate javascript react reactjs starter starter-template styled-components typescript

Last synced: 22 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/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/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/tarranprior/runebot.org

The official website for Runebot - the open-source RuneScape lookup tool for Discord. Built with Gatsby, GraphQL, and styled-components.

discord font-awesome gatsby graphql javascript runescape styled-components

Last synced: 04 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/camilo6castell/elbingogranbuda-frontend

[EN][please see README.md] Este proyecto se encarga de la parte interacción con los usuarios por medio de una moderna interfaz gráfica de la aplicación del Bingo Gran Buda.

next-js react-js styled-components

Last synced: 02 Nov 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/cacivy/react-native-v2ex

基于React-Native构建的V2EX客户端

immer react-native react-navigation styled-components v2ex

Last synced: 06 Nov 2024

https://github.com/nnadii/portfolio

My personal portfolio website integrated with reactjs and gatsby.

animejs gatsby lodash prismjs prop-types react-helmet react-transition-group reactjs scrollreveal styled-components

Last synced: 04 Nov 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/peralstudio/nadie-sabe-nada-podcast

Esta aplicación permite a los usuarios escuchar los episodios, ver detalles sobre cada uno, y compartir sus episodios favoritos.

mui-material podcast radio react-h5-audio-player react-router reatctjs styled-components youtube

Last synced: 30 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/eldsonc/speakingto

It consists of allowing the user to write texts using only speech.

reactjs speech-recognition styled-components

Last synced: 16 Nov 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

https://github.com/pushpendra-1697/worldref

This React onboarding project includes pages for login, signup, home, and profile functionalities, catering to user authentication and navigation, facilitating a seamless design experience.

authentication authrization axios cypress-testing nevigation react-router-dom reactjs redux redux-thunk responsive-web-design restricted-parking-zones routing styled-components

Last synced: 10 Nov 2024

https://github.com/swimshahriar/github-user-info

Users can get GitHub user info by adding a username.

nextjs react styled-components

Last synced: 02 Nov 2024

https://github.com/swimshahriar/capture

Portfolio site for photography and videography company.

framer-motion react react-router-dom styled-components

Last synced: 02 Nov 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/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/mshuster/augmented-ui-jsx

Typed JSX Implementation of Augmented UI via styled-components

augmented-ui css jsx styled-components typescript

Last synced: 09 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/imedadel/tachyons-props

Use tachyons classes as styled-components props

css framework gatsbyjs nextjs react styled-components tachyons ui

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