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/nayojs/react-datetime-picker

React DateTime Picker is a robust and highly customizable date-time picker library for React applications. This component offers seamless integration with various UI designs, allowing developers to choose from a wide range of styling options or apply custom styles to match their projects' specific requirements.

styled-components typescript webpack

Last synced: 10 Nov 2024

https://github.com/mohammad-mghn/react-customizable-emojibox

Easy customizable emojibox component for react applications created by vito.mohagheghian

emtions eslint material-ui npm-package prettier react styled-components webpack yarn

Last synced: 24 Oct 2024

https://github.com/mateuschaves/movie-app

:iphone: Aplicativo para teste técnico na empresa Taki Brasil.

javascript mobile-app react-native redux redux-saga styled-components

Last synced: 17 Nov 2024

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

Find live cryptocurrency prices

cryptocurrencies react styled-components

Last synced: 13 Jan 2025

https://github.com/masoumehmohebbi/styled-components-credit-card-banking

It's a landing page that developed with react js and styled components 🎫🤑

credit-card credit-card-banking landing-page react reactjs styled-components

Last synced: 09 Nov 2024

https://github.com/junaidshamnad/simple-react-website

React Website with Page Transitions using Framer Motion

frame-motion html-css-javascript react-js styled-components

Last synced: 10 Jan 2025

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/joshwrn/portfolio

my old portfolio site from 2021

framer-motion portfolio react reactjs styled-components threejs

Last synced: 20 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: 03 Jan 2025

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/helpscout/fancy

❄️Fancy: A simple way to include CSS with React Components.

components css javascript open-source react styled-components

Last synced: 09 Nov 2024

https://github.com/pokedotdev/team-page-challenge

Team page challenge. https://devchallenges.io

create-react-app css emotion react styled-components

Last synced: 29 Jan 2025

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

Quiz App with React, Styled Component and API

api hooks react reactjs redux styled-components

Last synced: 29 Dec 2024

https://github.com/vinyl-davyl/airbnb-clone-starter

Airbnb UI clone and starter using Next.js + styled-components. (Todo: Search functionality and Mapbox integration)

airbnb clone mapbox-gl nextjs react styled-components

Last synced: 10 Nov 2024

https://github.com/katherinakulinich/socialnetworkapp

This app is like a mini social network where you can make a profile and share photos and your thoughts with others. You can also find and connect with people who have similar interests or live nearby. You can easy to chat with friends in real-time. And much more. It's like having a small version of popular social media apps all in one place. 📲💭💌

antd crud-application firebase front-end-development material-ui reactapp reactjs redux-toolkit social-network styled-components

Last synced: 15 Nov 2024

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/techjuliana/app-movies

Feito em React Native, usando API, StyledComponents, Routes, Themes, Navegação por Stack, Loading de carregamento

api app appmovies component-library linkedin loading loading-animations movies navigation navigation-component react-hooks react-native react-router styled-components techjuliana

Last synced: 26 Jan 2025

https://github.com/skyv26/nft-preview-page

NFT preview page is actually a SPA small front-end project which I took as challenge and the best thing that I did is I actually made it pixel perfect. My design is actually full responsive and 99% match of original design.

react reactjs styled-components

Last synced: 30 Dec 2024

https://github.com/koolkishan/react-coinbase-landing

React Responsive Landing Page for Coinbase Website

react responsivewebsite styled-components website

Last synced: 10 Nov 2024

https://github.com/morethanmin/keeeep

google keep clone application using react and redux saga

firebase react redux redux-sagas styled-components

Last synced: 13 Oct 2024

https://github.com/acro5piano/react-emailify

Create Email template with React + styled-components easily

email react reactjs styled-components

Last synced: 11 Oct 2024

https://github.com/praneethravuri/prav-terminal

A personal portfolio website designed and functions like a terminal. A single page application with server-side rendering

command-prompt components css html javascript javascript-vanilla linux portfolio portfolio-website retro scss server-side-rendering ssr styled-components terminal terminal-portfolio terminal-style-website vintage vite vuejs

Last synced: 13 Oct 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/trpiano/nextfolio

Portfolio built to demonstrate skills, experiences and more personal details about me.

firebase nextdb nextjs styled-components

Last synced: 11 Nov 2024

https://github.com/inovando/react-native-template-inovando

:iphone: Inovando's template for react-native-cli https://www.npmjs.com/package/react-native-template-inovando

axios eslint formik prettier react-devtools react-native react-navigation reactjs reactotron styled-components

Last synced: 11 Oct 2024

https://github.com/pabloxt14/ignite-timer

O Ignite Timer nada mais é que um projeto que permite ao usuário cronometrar as suas tarefas no dia a dia, além de lhe permite ver um histórico de todos as tarefas já realizadas.

dark-theme date-fns light-theme phosphoricons react-hook-form reactjs styled-components usereducer zod

Last synced: 27 Jan 2025

https://github.com/alexanderjeurissen/flex

A declarative React primitive Flex component that exposes flexbox specification in JSX

component css css-flex css-flexbox css-flexbox-layout flex-component flexbox-specification jsx primitive react styled-components styled-system

Last synced: 06 Nov 2024

https://github.com/doniaskima/snippetify

Snippetify is a complete website offering a wide assortment of pre-constructed user interface pieces and code snippets specifically geared toward developers. It supplies a substantial collection of components for creating user interfaces.

chakra-ui grommet nextjs polished styled-components tailwindcss

Last synced: 21 Nov 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/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/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/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/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/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: 26 Jan 2025

https://github.com/sigfriedcub1990/styled-miniresetcss

Jeremy Thomas's minireset CSS

css minireset styled-components

Last synced: 15 Jan 2025

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

E-commerce of coffee delivery.

react styled-components typescript

Last synced: 16 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/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/quang-pham-dev/cedu-web

CEDU web aplication built with reactjs

amplify boilerplate javascript jest react reactjs redux styled-components

Last synced: 22 Jan 2025

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/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/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/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/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: 21 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/magnateape/graphacademy-fullstack

Graph Academy full stack project using React, Next.js and Supabase

d3js graph nextjs react styled-components supabase tailwindcss

Last synced: 28 Jan 2025

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

windicss + styled-components (beta)

babel plugin styled-components windicss

Last synced: 10 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/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/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/jiangweixian/vite-plugin-styled-windicss

styled-components with windicss in vite

styled-components vite windicss

Last synced: 10 Dec 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/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/JiangWeixian/vite-plugin-styled-windicss

styled-components with windicss in vite

styled-components vite windicss

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

https://github.com/santosl2/mfilypedev

🌐 Um blog pessoal para postagem das minhas qualificações e projetos desenvolvidos. Foi utilizado NextJS + Tailwind CSS

chakra-ui nextjs react reactjs styled-components tailwindcss typescript

Last synced: 28 Jan 2025

https://github.com/alexandrbig1/phonebook-app

Welcome to the React Phonebook App, a culmination of my journey through the React module in my Fullstack Bootcamp. This application empowers users to efficiently manage their contacts by seamlessly navigate through secure authentication, cloud-based storage, and a user-friendly interface.

backend computerscience css3 frontend html-css-javascript html5 javascript js react react-components react-hooks react-redux reactjs redux redux-async redux-toolkit softwareengineer styled-components webdesign webdevelopment

Last synced: 23 Jan 2025

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: 03 Feb 2025

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/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/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: 16 Jan 2025

https://github.com/raizertechdev/01.desafiostackx-web3.0-react

Lançados 03 projetos que fazem parte do Módulo Web 3.0 do Curso StackX, neste desafio foram aplicadas as seguintes stacks => React use Styled-Components , TypeScript e HTML5🙌🚀

html-css reactjs styled-components typescript

Last synced: 11 Jan 2025

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: 09 Dec 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: 02 Feb 2025

https://github.com/arielbetti/pokedex

A pokedex made with react + recoil + styled components. Featured in video on youtube/@arielbetti

pokeapi pokedex react recoiljs styled-components

Last synced: 08 Dec 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: 11 Jan 2025

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/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/prorupak/quiz-app

Spending 100 days of project with React.

css3 html javascript reactjs styled-components tailwindcss typescript

Last synced: 16 Jan 2025

https://github.com/am-77/rigel

A portfolio template.

i18next reactjs styled-components

Last synced: 02 Feb 2025

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/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/evgenywas/online-shop

Online shop SPA on React/TypeScript with GraphQL on 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 Jan 2025

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