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/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/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/organicss/organicss

OrganiCSS is a collection of mixins for writing logical CSS in different pre-processors and libraries.

css less scss styled-components stylus

Last synced: 14 Oct 2024

https://github.com/mehmetsagir/mehmetsagir.dev

My portfolio is powered by Next.js, and deploy on Vercel. 🌱

nextjs react styled-components typescript vercel website

Last synced: 21 Jan 2025

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

Find live cryptocurrency prices

cryptocurrencies react styled-components

Last synced: 13 Jan 2025

https://github.com/cweise/styled-material-ui

Style material-ui components and its nested children with styled-components.

material material-ui styled styled-components

Last synced: 02 Nov 2024

https://github.com/jovianhq/styled-themer

Utility function to select a theme element from a styled components theme

javascript react styled-components

Last synced: 09 Nov 2024

https://github.com/alanleite/regantt

A gantt chart for react made with styled-components (poc stage)

gantt gantt-chart react styled-components

Last synced: 29 Oct 2024

https://github.com/patrickgodinho/shiftapp

A starter app using react-native + redux + firebase

firebase firebase-auth react-native redux redux-persist redux-toolkit styled-components

Last synced: 07 Nov 2024

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/deepumandal/modesens

Modsens is an advanced platform that connects information to shoppers seamlessly for a secure and efficient experience — one that is wholly unique to their customers.

bootstrap5 chackra-ui react-redux react-router-dom reactjs redux redux-thunk styled-components

Last synced: 20 Dec 2024

https://github.com/temzasse/styled-layout

💠 Simple responsive layout components based on styled-components.

css-in-jss design-systems layout reactjs styled-components

Last synced: 27 Oct 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/icelam/whatsapp-link-builder

Generates a link which will directly open WhatsApp with pre-defined message or contact number.

create-react-app progressive-web-app pwa react react-hooks react-router reactjs storybook styled-components whatsapp

Last synced: 10 Oct 2024

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/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/morajabi/balast-website

Website of a chatbot for watching site reachability built with NextJS, react and styled-components

chatbot nextjs react styled-components

Last synced: 16 Dec 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/gibbok/frontend-boilerplate

This project is an opinionated boilerplate which helps you build fast, robust, and adaptable single-page application (SPA) in TypeScript with React.

babel boilerplate cypress front-end-development jest lokijs reactjs storybook styled-components typescript webpack

Last synced: 28 Oct 2024

https://github.com/caioliveira277/treefy-app

An app to help you take care of plants

expo react-native styled-components typescript

Last synced: 23 Jan 2025

https://github.com/tone-row/tonami

CSS-in-JS library with a familiar API that uses CSS custom properties under the hood

css-in-js css-in-react react styled-components

Last synced: 14 Oct 2024

https://github.com/nksaraf/react-box

A simple yet super powerful Box primitive (with others) for React powered by styled-system and framer-motion

design-systems framer-motion react styled-components styled-system

Last synced: 15 Oct 2024

https://github.com/nasirkhan294/space-traverler-hub

This GitHub repository serves as a comprehensive data fetching solution for SpaceX missions and rockets using the external API provided by api.spacexdata.com.

linters linters-setup pair-programming react react-router redux redux-toolkit styled-components teamwork

Last synced: 28 Dec 2024

https://github.com/ferrufinob/Bookmarkd_Frontend

Pinterest Inspired picture-sharing Web Application with ReactJS/Redux front-end and Rails API back-end.

jwt-authentication material-ui-icon pinterest-like reactjs redux redux-thunk styled-components

Last synced: 08 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/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/kiikurage/template-typescript

Template for TypeScript projects

react styled-components swr typescript webpack

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

The goal is to becoming a Animation master!

react styled-components typescript webpack

Last synced: 28 Oct 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/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/gabriel-mend/student-panel

Painel de gerenciamento de cursos e estudantes

express knexjs nextjs postgres styled-components

Last synced: 26 Jan 2025

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 Jan 2025

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

windicss + styled-components (beta)

babel plugin styled-components windicss

Last synced: 31 Oct 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/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/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/sucodelarangela/doguito-blog

Application developed during Alura's React Router training course (https://www.alura.com.br/curso-online-react-router-navegacao-spa)

axios json-server react react-router reactrouter spa styled-components vitrinedev

Last synced: 21 Jan 2025

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

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

design finace-ui insurance-ui styled-components

Last synced: 07 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/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/keiken-shin/airspace

Airspace - File storage application

firebase react styled-components

Last synced: 13 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: 21 Jan 2025

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

styled-components with windicss in vite

styled-components vite windicss

Last synced: 31 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/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 Jan 2025

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

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/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/kingrashy12/secptrum-ui

A comprehensive React component library

image-picker modal reactjs styled-components uikit

Last synced: 06 Dec 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/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/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: 10 Jan 2025

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/rosaerick/stoic-quote-generator

Random Stoic Quote Generator built with React and Styled-components. Generate a philosophical quote, you can tweet the quotes!

api phylosophy react reactjs styled-components

Last synced: 24 Jan 2025

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: 11 Jan 2025

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/jl-olemar/olemar.dev

📌 My personal website.

javascript react sanity styled-components vite

Last synced: 12 Dec 2024

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

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