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/keyurparalkar/realtime-whiteboard-app

Whiteboard app inspired from Figma and Miro build with Supabase + ReactJs

css3 html5 javascript multiplayer nanoid reactjs realtime styled-components supabase supabase-js typescript

Last synced: 11 Oct 2024

https://github.com/guhrodrrigues/swiftmart

E-commerce simulation using the Mercado Livre API.

e-commerce react styled-components typescript vercel vite

Last synced: 06 Nov 2024

https://github.com/cholis04/advice-generator-app-main

This is my solution to the Advice Generator App challenge on Frontend Mentor.

accessibility axios axios-react front-end-development frontend-mentor nextjs react styled-components vercel-deployment

Last synced: 08 Nov 2024

https://github.com/cholis04/rest-countries-api

This is my solution to the REST Countries API with color theme switcher challenge on Frontend Mentor.

axios axios-react frontend-mentor frontend-web nextjs react styled-components swr theme-switcher useswr

Last synced: 08 Nov 2024

https://github.com/smakosh/rn-rnn

Boilerplate that uses React Native and React Native Navigation

react-native react-native-navigation styled-components

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

https://github.com/itsjonq/is-style-prop-valid

๐ŸŽ’ Utilities for CSS style properties

css css-in-js emotion mixins props react style styled-components styled-system

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

https://github.com/vimtor/barams

๐ŸŒ Chrome extension for creating query string templates

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

Last synced: 06 Nov 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/lucleray/styled-components.macro

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

babel-macros babel-plugin-macros styled-components

Last synced: 02 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/stevendelro/react-weather-dashboard

v2.0 A Weather Dashboard built with React Hooks, Dark Sky API, Recharts, and Material-UI.

axios darksky-api mapbox material-ui material-ui-react momentjs react react-hooks react-map-gl recharts styled-components uuidv4

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

https://github.com/codestates-seb/seb45_pre_021

๐ŸŽ™๏ธ ๋‹น์‹ ์˜ ์ตœ์• ๊ฐ€ ๋˜์–ด์ค„ ๋ฌด๋Œ€๋ฅผ ์ค€๋น„ํ–ˆ์Šต๋‹ˆ๋‹ค โฃ๏ธ

axios java react spring styled-components

Last synced: 15 Nov 2024

https://github.com/5hraddha/huddle-landing-page

A Huddle landing page with alternating feature blocks taken from Frontend Mentor challenges

frontend-mentor frontendmentor-challenge huddle-landing-page react react-hooks reactjs styled-components

Last synced: 10 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/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/saddamarbaa/slack-clone-app-nex-js

==> Building Slack Clone App with React Js + Next Js + Redux + Styled Components + Material-UI + Firebase Realtime Database + Vercel Hosting + User Authentication + firebase-hooks (a mobile-friendly)

firebase-realtime-database nextjs react-firebase-hooks reactjs redux styled-components vercel

Last synced: 21 Oct 2024

https://github.com/shashiirk/crypto-prices

Find live cryptocurrency prices

cryptocurrencies react styled-components

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

https://github.com/saddamarbaa/tesla-clone-app-react-typescript

==> Building Tesla Clone App with React Js + TypeScript + Redux + Styled Components + Material-UI + Firebase Authentication + Vercel Hosting (a mobile-friendly)

firebase material-ui react-js redux styled-components typescript vercel

Last synced: 21 Oct 2024

https://github.com/ehsangazar/generator-nextjs-typescript

Generator of Nextjs TypeScript StyledComponent as a boilerplate

nextjs reactjs styled-components typescript

Last synced: 13 Nov 2024

https://github.com/matmalkowski/css-in-js-stress

Bunch of CSS-in-JS libraries compared for render times.

aphrodite benchmark css css-in-js jss react react-jss reactjs styled-components theme

Last synced: 19 Oct 2024

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

Pardon the self-reference, but my portfolio site is one of my portfolio projects. It was built as a single-page-app using React and React-Router. The projects are fetched from the Github API using React-Query. I used a combo of tailwind & styled-components for the styling, EmailJs to handle the contact form and react-helmet for SEO.

axios emailjs-browser hcaptcha react react-helmet-async react-query react-router-dom styled-components tailwindcss

Last synced: 13 Nov 2024

https://github.com/ayoubaloui94/the-wild-oasis-business-app

A cabin booking SPA build using React, React Router Dom, React Query, styled components and Supabase. The user (hotel staff) can create, edit and delete cabins, guests and bookings, check guests in and out, generate PDF invoices, etc... (Login info left in initial form state along with a sample data uploader component for demo purposes).

react react-datepicker react-pdf-renderer react-router-dom recharts single-page-app styled-components supabase tanstack-react-query vite

Last synced: 13 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/solrachix/whatsapp-rn-clone

Recreating / redesigning Whatsapp on almost all platforms.

clone expo react-native styled-components whatsapp

Last synced: 13 Nov 2024

https://github.com/obrm/react-demo-dating-app

Simple dating app demo for students in my bootcamp.

react-icons reactjs styled-components

Last synced: 09 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/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/adsonnovaes/linkedin-ui-clone

Um clone da interface inicial do LinkedIn, fazendo uso do shimmer effect para o carregamento da aplicaรงรฃo

react styled-components typescript

Last synced: 14 Nov 2024

https://github.com/brunos3d/vendeste

๐Ÿ’ธ NEXT.JS - Plataforma de compra e vendas.

express express-session marketplace nextjs nodejs styled-components

Last synced: 10 Nov 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/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: 08 Nov 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: 31 Oct 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/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/paulclindo/chateable

Personal basic chat with Firebase, React and Styled Components

firebase reactjs styled-components

Last synced: 05 Nov 2024

https://github.com/juditkaramazov/sprint8

๐Ÿ“ IT Academy v8 - Star Wars Application

localstorage reactjs styled-components swapi-api

Last synced: 30 Oct 2024

https://github.com/codingknite/dailyweather

React Weather Application

reactjs styled-components

Last synced: 08 Nov 2024

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

Airspace - File storage application

firebase react styled-components

Last synced: 14 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/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/kingrashy12/secptrum-ui

A comprehensive React component library

image-picker modal reactjs styled-components uikit

Last synced: 15 Oct 2024

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

๐Ÿค‘ Dt.money project made in ignite bootcamp. @Rocketseat

dtmoney reactjs rocketseat styled-components typescript

Last synced: 09 Nov 2024

https://github.com/frex-is/artificium-ui

Artificium UI Library is a versatile and responsive React component library built with TypeScript. This library is designed to seamlessly integrate into your React projects, providing a collection of reusable UI components inspired by the Artificium Figma design.

artificium components-library react storybook styled-components typescript ui

Last synced: 14 Nov 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/lawvs/animation-master

The goal is to becoming a Animation master!

react styled-components typescript webpack

Last synced: 28 Oct 2024

https://github.com/anselemodims/event-scheduler

Event scheduler is a simple app for viewing the events happening around you. User can also create their event and include a location. Location can also be marked as hidden(strictly by IV). Built with React and Styled Components

event forms react scheduler styled-components

Last synced: 18 Oct 2024

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

https://github.com/lui7henrique/nexus

a league of legends web app to know more about champions, summoners, matches, icons, items and more!

nextjs react reactjs styled-components typescript

Last synced: 13 Nov 2024

https://github.com/luftywiranda13/luftywiranda.com

Personal website of Lufty Wiranda. Built with Gatsby, React, and styled-components

gatsby react reactjs styled-components

Last synced: 08 Nov 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: 18 Oct 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: 06 Nov 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/frontendwizard/styled-components-talk

Styled-components talk a ser apresentada no React-Maringรก (27/02/18)

css-in-js styled-components talk

Last synced: 25 Oct 2024

https://github.com/ameerthehacker/colossus

:art: Rich set of react styled components that anyone would ever need

react styled-components

Last synced: 14 Oct 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/adamgruber/sass-styled-theme

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

extract js sass styled-components

Last synced: 06 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/inna-mykytiuk/tweet-cards

This user-friendly interface enhances Tweets engagement and simplifies the process of managing your Tweets network.

cards load-more-button loader mockapi react redux redux-persist redux-toolkit routing styled-components

Last synced: 06 Nov 2024

https://github.com/nhsz/trello-clone

An attempt to mimic the UI and main features of Trello. Built with React & TypeScript.

react react-hooks styled-components typescript

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

https://github.com/aftabrehan/nifty-landing

NiftyLanding is a NFT market website product landing page built with Next.js, designed to showcase your digital assets in a visually stunning and user-friendly way.

landing-page light-dark-theme nextjs reactjs styled-components

Last synced: 07 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/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/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/bradgarropy/bg-codes

๐ŸŽฅ bg codes twitch overlay

eslint firebase gatsby prettier react styled-components twitch

Last synced: 12 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/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/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: 14 Oct 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: 21 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

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 Very Lightweight 6 Material Design 6 Base / Reset / Normalize 6 Adding Flow 4 Utility-based 3 Formatting Code Automatically 3 Proxying API Requests in Development 3 Debugging in the Editor 3 Toolkits 2 Debugging Tests 2 Adding a Router 2 Using the `public` Folder 2