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/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/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/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/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/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/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/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/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/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/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/stbui/za-design

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

design finace-ui insurance-ui styled-components

Last synced: 07 Jan 2025

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/JiangWeixian/babel-plugin-styled-windicss

windicss + styled-components (beta)

babel plugin styled-components windicss

Last synced: 31 Oct 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/negativetwelve/styled-x

Cross-platform styled-components built with React

react react-x styled-components

Last synced: 17 Oct 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: 27 Oct 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/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/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/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/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/kingrashy12/secptrum-ui

A comprehensive React component library

image-picker modal reactjs styled-components uikit

Last synced: 06 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/yamoo9/react-master

React Framework 블렌디드 러닝

react react-redux react-router styled-components

Last synced: 29 Nov 2024

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/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/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/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/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/lawvs/animation-master

The goal is to becoming a Animation master!

react styled-components typescript webpack

Last synced: 28 Oct 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/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/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/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/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/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/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/skyv26/skyv-portfolio

This personal portfolio project is compilation of academic and professional materials that exemplifies my beliefs, skills, qualifications, education, training, and experiences. It provides insight of my personality and work ethics.

front-end github-actions javascript javascript-library npm-package port portfolio portfolio-website react react-hooks react-router reactjs redux-thunk redux-toolkit skills-assessment styled-components ui-design user-interface webpack5

Last synced: 18 Dec 2024

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

windicss + styled-components (beta)

babel plugin styled-components windicss

Last synced: 10 Dec 2024

https://github.com/morewings/ts-redux-next

Next.js app template with Redux features and App Router. Has test and middleware examples.

jest nextjs nextjs-template redux redux-middleware redux-toolkit styled-components template

Last synced: 12 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: 09 Dec 2024

https://github.com/brijenmakwana/zomato-clone

Zomato is an Indian multinational restaurant aggregator and food delivery company. I have made an effort to mirror the design of the original app exactly.

expo javascript mobile-app mobile-development react-native react-navigation styled-components zomato zomatoclone

Last synced: 12 Dec 2024

https://github.com/mariangle/portfolio-v1

Portfolio v1 built with Styled Components and Framer Motion in React

framer-motion react styled-components

Last synced: 10 Jan 2025

https://github.com/thiagoloschi/bouncetheball

A game based on a pure CSS design I created last weekend.

bem nodejs progressive-web-app react redux styled-components webpack

Last synced: 26 Dec 2024

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

https://github.com/jl-olemar/olemar.dev

📌 My personal website.

javascript react sanity styled-components vite

Last synced: 12 Dec 2024

https://github.com/mhmtmutlu/react-book-app

Making practices about ReactJS with using styled components, framer motion, NYTimes API etc.

context-api framer-motion reactjs styled-components

Last synced: 01 Jan 2025

https://github.com/rafaelgoulartb/dt.money

🤑 Dt.money project made in ignite bootcamp. @Rocketseat

dtmoney reactjs rocketseat styled-components typescript

Last synced: 02 Jan 2025

https://github.com/paulclindo/chateable

Personal basic chat with Firebase, React and Styled Components

firebase reactjs styled-components

Last synced: 01 Jan 2025

https://github.com/vimtor/barams

🌐 Chrome extension for creating query string templates

chrome-extension preact query-string query-string-builder styled-components

Last synced: 24 Dec 2024

https://github.com/danielobara/clockinreact

Just a simple clock using React with Hooks and Styled Components.

hooks-api-react javascript react react-hooks styled-components

Last synced: 18 Dec 2024

https://github.com/leonardototti/movelparts

Um website feito para a indústria de acessórios para móveis Movel Part's.

axios bootstrap nextjs nodejs reactjs strapi styled-components typescript

Last synced: 11 Dec 2024

https://github.com/chanakyha/message-me-react

Online Realtime Messaging Website made using React.Js

firebase-auth firestore nextjs styled-components yarn-package

Last synced: 23 Dec 2024

https://github.com/digoarthur/dashboard-financeiro

IGNITE - Trilha ReactJS/ Chapter II - Esta aplicação é um Dashboard de registros financeiros para acompanhamento de valores de entrada, saída e total.

deploy html5 miragejs php reactjs styled-components typescript

Last synced: 11 Dec 2024

https://github.com/knowler/system-prop-sets

Extended sets of props for use with Styled System.

css-in-js design-systems emotion styled-components styled-system

Last synced: 16 Dec 2024

https://github.com/xxidbr9/next-atomic

An Atomic React.js (NEXT.JS) Architecture base on use cases

atomic-design next react styled-components typescript

Last synced: 09 Dec 2024

https://github.com/adamgruber/sass-styled-theme

https://github.com/adamgruber/sass-extract-js

extract js sass styled-components

Last synced: 25 Dec 2024

https://github.com/felipenobrg/coffe-delivery-react

E-commerce of coffee delivery.

react styled-components typescript

Last synced: 16 Dec 2024

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/aszurar/gofinances

O 2º projeto do bootcamp Ignite na trilha react-native, nele é explicado mais sobre componentes do react-native como a Flatlist, responsividade, Async-Storage, Axios, Login Social com o OAuth(Google e IOS)), e sobre navegação em aba e em pilha além de suas configurações junto com contexto e hooks,

android-studio async-storage date-fns expo expo-auth javascript nodejs react react-native react-navigation styled-components typescript victory-native yarn

Last synced: 18 Dec 2024

https://github.com/jiyuujin/nekohack-ui

:atom: A React UI components for Web

react react-dom styled-components typescript ui-components

Last synced: 18 Dec 2024

https://github.com/juditkaramazov/sprint8

📝 IT Academy v8 - Star Wars Application

localstorage reactjs styled-components swapi-api

Last synced: 17 Dec 2024

https://github.com/ozluy/nextjs-redux

simple nextjs app with different logic and folder structure

nextjs react recompose redux redux-saga reselect server-rendering styled-components

Last synced: 26 Dec 2024

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

https://github.com/shashkovdanil/github-issue-tracker

Progressive web app for viewing issues from the github.com. Built with react, redux, redux-thunk and styled-components

flow issue-tracker pwa react redux redux-thunk styled-components

Last synced: 01 Jan 2025

https://github.com/eveningkid/react-pur

React UI component library (using styled-components)

css javascript kit pur react react-components styled-components ui

Last synced: 09 Dec 2024

https://github.com/davidrock/quero-cafe-delivery

A project created for study proposes only.

reactjs styled-components typescript

Last synced: 04 Dec 2024

https://github.com/nickbytes/slashington

Slashington is a semi-fictional interactive whirlwind.

react styled-components text-adventure

Last synced: 16 Dec 2024

https://github.com/ramonxm/github-search

😺 | An application to find a user on Github

react react-hot-toast react-spring styled-components

Last synced: 09 Dec 2024

https://github.com/tiagom13/project_dtmoney

⚛️ Application for financial transactions with React.js

date-fns mirajejs pullstate react styled-components typescript

Last synced: 04 Dec 2024

https://github.com/imharshag/lipton-tea-clone

A React-based clone of the Lipton Tea website with a parallax frontend effect and integrated cart functionality.

lipton-tea react-router reactjs styled-components vercel

Last synced: 05 Dec 2024

https://github.com/natanaelvich/gameplay-mobile

Create groups to play your favorite games with your friends, made with react native 🎮!

expo react-native social-login styled-components ui ux

Last synced: 05 Dec 2024

https://github.com/natanaelvich/chatpi-web

A chat that connects people to health professionals, made with Nextjs ⚡️

chat nextjs reactjs seo-optimization socket-io styled-components

Last synced: 05 Dec 2024

https://github.com/natanaelvich/gopizza

Complete application to assist Waiters of a Pizzeria

expo react-native react-native-firebase react-navigation styled-components typescript

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