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/gabrielduete/frontend-template-nextjs

Front-end template with nextjs, typescript, styled-componentes, jest react/testing libarary, prettier, ESLint, husky, pre-commit, pre-push, github actions and patterns

eslint front-end front-end-development frontend github-actions husky jest nextjs patterns pre-commit pre-push prettier react styled-components template template-frontend template-project testing-library typescript

Last synced: 08 Nov 2024

https://github.com/morzhanov/react-mobx-boilerplate

React Mobx Boilerplate allows you to start new web project from scratch using React, Mobx and MST.

babel babel7 boilerplate css eslint javascript mobx mobx-state-tree mst postcss prettier react react-router-v4 reactjs styled-components webpack yarn

Last synced: 08 Nov 2024

https://github.com/smakosh/beafapp

Beaf React App bootstrapped in 24 hours

react react-router-dom redux styled-components

Last synced: 21 Dec 2024

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: 12 Nov 2024

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: 12 Nov 2024

https://github.com/JiangWeixian/babel-plugin-styled-windicss

windicss + styled-components (beta)

babel plugin styled-components windicss

Last synced: 31 Oct 2024

https://github.com/marty-wang/stylist-react

Theming first, static typed styled component library for React

css-in-js react styled-components theme theming

Last synced: 08 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/daviteixeira-dev/saude-amais

The Pilates studio (saúde a+) needs a management system for the studio's activities/modalities and the scheduling of test classes and replacements.

axios express formik jwt meterial-ui nodejs postgresql react styled-components typeorm yup

Last synced: 08 Nov 2024

https://github.com/nainarazz/gourmetic

Have you ever run out of ideas on what to cook on your next meal? Gourmetic is a simple food recipe app that can help you find a recipe for your next meal.

auth0 codegen cooking express graphql mongodb monorepo nextjs oauth2 progressive-web-app react responsive-design styled-components typescript

Last synced: 04 Nov 2024

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/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: 20 Dec 2024

https://github.com/til2to/ecommerce

This project is an ecommerce web app for showcasing products. Users are able to add items to cart, remove, update and get the amount to be paid in different currencies. Redux was used for real time updates

graphql reactjs redux styled-components

Last synced: 19 Dec 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/parin-prog/ecommerce_mern_app

A eCommerce project is a web application for online shopping built using the MERN stack, which includes MongoDB, Express, React, and Node.js. The MERN stack is a popular open-source technology stack for building modern web applications that can handle a large amount of data and user traffic.

chartjs css3 express expressjs firebase javascript material-ui mern-stack mongodb mui-icons nodejs reactjs stripe styled-components

Last synced: 30 Dec 2024

https://github.com/akatroj/elevator-system

Simple application that controls the elevators in a building.

react react-router styled-components typescript

Last synced: 23 Nov 2024

https://github.com/danicunhac/appgobarber

Mobile app to manage your barbershop appointments 🪒💈

react-native styled-components typescript

Last synced: 23 Nov 2024

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: 13 Dec 2024

https://github.com/kingrashy12/secptrum-ui

A comprehensive React component library

image-picker modal reactjs styled-components uikit

Last synced: 06 Dec 2024

https://github.com/gibbok/blocchi-puzzle

A tetromino game based on React, Redux, TypeScript, and functional programming.

fp-ts functional-programming reactjs redux side-project storybook styled-components tetris tetris-game tetromino typescript

Last synced: 28 Oct 2024

https://github.com/danicunhac/moveit

Manage your time and do physical exercises on code breaks 🏋️

nextjs styled-components typescript

Last synced: 23 Nov 2024

https://github.com/mauriciogirardi/workflow_alganews

The AlgaNews project aims to be a technology news portal, aimed at developers and technology enthusiasts in general.

antd-design hooks-api-react javascript react-context reactjs redux redux-saga sdk styled-components typescript

Last synced: 27 Dec 2024

https://github.com/brendon1555/react-analogue-clock

An Analog Clock built with react and typescript

hacktoberfest react styled-components typescript

Last synced: 11 Oct 2024

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: 06 Dec 2024

https://github.com/brunos3d/vendeste

💸 NEXT.JS - Plataforma de compra e vendas.

express express-session marketplace nextjs nodejs styled-components

Last synced: 07 Jan 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: 12 Nov 2024

https://github.com/yamoo9/react-master

React Framework 블렌디드 러닝

react react-redux react-router styled-components

Last synced: 29 Nov 2024

https://github.com/lucleray/styled-components.macro

A `babel-plugins-macros` macro for styled-components

babel-macros babel-plugin-macros styled-components

Last synced: 10 Dec 2024

https://github.com/thekashey/css-to-js-loader

Transforms your CSS to the `real` JS

css react styled-components webpack-loader

Last synced: 07 Jan 2025

https://github.com/Tushar-Indurjeeth/WhatsApp-NextJs-Clone

A WhatsApp clone built using NextJs, React and Styled Components.

dotenv email-validator firebase material-ui moment nextjs react styled-components timeago-react vercel

Last synced: 27 Oct 2024

https://github.com/JiangWeixian/vite-plugin-styled-windicss

styled-components with windicss in vite

styled-components vite windicss

Last synced: 31 Oct 2024

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: 07 Dec 2024

https://github.com/nragland37/my-portfolio

Portfolio built with Gatsby, JavaScript, GraphQL, GSAP, and Styled Components

gatsby gatsbyjs graphql gsap gsap-animation personal-website portfolio react styled-components vercel

Last synced: 14 Dec 2024

https://github.com/rafaelgoulartb/instapet

:dog: Fullstack Instagram clone made using React Native and Firebase

clone-instagram firebase instagram instagram-clone react-native react-navigation redux styled-components

Last synced: 09 Nov 2024

https://github.com/heytulsiprasad/wirescript

My Personal Blog | Made blazing fast with @gatsbyjs :zap:

gatsby gatsby-blog gatsbyjs personal-blog react styled-components

Last synced: 01 Nov 2024

https://github.com/mariorodeghiero/iwant-style

iwant-style library imports ready styles using CSS in JS to be used in conjunction with styled-components.

css cssinjs style styled-components

Last synced: 15 Nov 2024

https://github.com/negativetwelve/styled-x

Cross-platform styled-components built with React

react react-x styled-components

Last synced: 17 Oct 2024

https://github.com/lawvs/animation-master

The goal is to becoming a Animation master!

react styled-components typescript webpack

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

https://github.com/stbui/za-design

面向不同领域的移动端 React UI组件库

design finace-ui insurance-ui styled-components

Last synced: 07 Jan 2025

https://github.com/abdullahceylan/ac-react-simple-boilerplate

A light React SSR boilerplate built with React.js, styled-components, next.js, Apollo and GraphQL

apollo boilerplate boilerplate-front-end frontend graphql next nextjs react reactjs ready-to-use styled-components

Last synced: 08 Jan 2025

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/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: 10 Oct 2024

https://github.com/thepuskar/nextjs-tailwindcss-styled-component--boilerplate

Boilerplate for Nextjs with TypeScript + TailwindCSS + Styled-Components + twin.macro

boilerplate nextjs react styled-components tailwindcss twinmacro typescript

Last synced: 05 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: 11 Oct 2024

https://github.com/keiken-shin/airspace

Airspace - File storage application

firebase react styled-components

Last synced: 14 Nov 2024

https://github.com/vinniciusgomes/uniflix

Projeto criado para o curso de Frontend na semana da computação da Unisal lorena

api axios react styled-components typescript

Last synced: 28 Nov 2024

https://github.com/luiizsilverio/jstack-garcom

Aplicação backend + frontend + mobile desenvolvida durante o evento JStack, promovido pela empresa O Poder do Javascript

axios expo jstack mongodb mongoose multer nodejs react-native react-toastify reactjs socket-io styled-components typescript vite

Last synced: 06 Dec 2024

https://github.com/vidit-kushwaha/v2.portfolio

Second iteration of my personal website built with NextJs

nextjs personal-website reactjs styled-components tailwindcss

Last synced: 06 Nov 2024

https://github.com/ayushkavad/e-commerce-shop

An e-commerce website with react, redux and styled components

html javascript react redux redux-persist redux-saga sass styled-components

Last synced: 22 Dec 2024

https://github.com/adrianoescarabote/multi-step-form

Multi-step form built w/ React + Styled Components

javascript react reactjs styled-components

Last synced: 20 Nov 2024

https://github.com/tigerabrodi/vinland-saga

🥘 A platform where chefs can create and share recipes, and connect with each other.

firebase nextjs react react-hot-toast react-markdown styled-components vercel zustand

Last synced: 08 Jan 2025

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: 20 Nov 2024

https://github.com/terieyenike/do-teri

A portfolio site is written in React and hosted on DigitalOcean App Platform. This site is a one-page website and shows the versatility of Teri as a software engineer.

digitalocean react styled-components

Last synced: 19 Nov 2024

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/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: 14 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: 17 Nov 2024

https://github.com/tushar-indurjeeth/whatsapp-nextjs-clone

A WhatsApp clone built using NextJs, React and Styled Components.

dotenv email-validator firebase material-ui moment nextjs react styled-components timeago-react vercel

Last synced: 15 Nov 2024

https://github.com/walber-vaz/tela-login

Criando uma tela de cadastro e login integrando backend Node com frontend React

express mongodb mongoose nodejs react-router-v6 reactjs styled-components vite

Last synced: 22 Nov 2024

https://github.com/saurookadook/waitwut

A little Gatsby-fueled site with a bunch of programming cheatsheets, notes, and all other sorts of resources 🤓

bookmarks cheatsheet gatsby gatsbyjs notes react styled-components typescript

Last synced: 09 Nov 2024

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: 12 Nov 2024

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/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/0mppula/wsb-tickers

Displays the top 50 stocks discusses on reddit/r/wallstreetbets/ on a given date.

api react reactjs reddit sentiment-analysis stocks styled-components typescript wallstreetbets

Last synced: 09 Jan 2025

https://github.com/evgenywas/online-shop

Online shop SPA on React/TypeScript with GraphQL endpoint as a 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 Nov 2024

https://github.com/0mppula/react-redux-hello-world

A simple (legacy) implementation of React Redux with asynchronous actions that fetch data from jsonplaceholder.typicode.com

asynchronous-reducers asynchronous-redux axios jsonplaceholder-api legacy-code react react-redux react-router-v6 reactjs styled-components

Last synced: 09 Jan 2025

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: 12 Nov 2024

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: 12 Nov 2024

https://github.com/ushliypakostnik/react-auth

Create React App based PWA full auth module with localization and themezation on TypeScipt and Styled Components.

auth authentication i18next pwa react react-router redux social-login styled-components styled-components-theme themes typescript

Last synced: 15 Nov 2024

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 Nov 2024

https://github.com/edijunior88/imersao_react_alura

Serão 5 aulas gratuitas de programação de nível intermediário para você desenvolver o Aluratube, um projeto em React para adicionar ao seu portfólio.

css css-flexbox css-grid css3 html html-css html-css-javascript html5 javascript javascript-applications react react-components reactjs styled-component styled-components supabase

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

styled-components Awesome Lists
fucking-awesome-css-frameworks 120 styled-awesomeness 183
styled-components Categories
Stalled Development 45 Deployment 31 General Purpose 29 Specialized 20 Running Tests 11 Supported Language Features and Polyfills 10 Troubleshooting 8 Base / Reset / Normalize 6 Very Lightweight 6 Material Design 6 Class-less 6 Utility-based 4 Adding Flow 4 Formatting Code Automatically 3 Debugging in the Editor 3 Debugging Tests 2 Proxying API Requests in Development 2 Using the `public` Folder 2 Adding a Router 2 Pre-Rendering into Static HTML Files 2