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/aholachek/react-stripe-menu

A clone of Stripe's animated menu using React, Styled Components and React-Flip-Toolkit

animation demo flip popmotion react stripe styled-components ui

Last synced: 13 Nov 2024

https://github.com/satnaing/terminal-portfolio

Terminal style portfolio website built with React, TypeScript and Styled-Components.

github learn portfolio react reactjs styled-components terminal terminal-portfolio terminal-style-website terminal-styled typescript

Last synced: 15 Oct 2024

https://github.com/ben-rogerson/twin.examples

Packed with examples for different frameworks, this repo helps you get started with twin a whole lot faster.

emotionjs styled-components tailwind tailwindcss twin

Last synced: 13 Nov 2024

https://github.com/ConsenSysMesh/rimble-ui

React components that implement Rimble's Design System.

design-systems ethereum javascript react react-components styled-components ui ui-components web3

Last synced: 12 Nov 2024

https://github.com/consensysmesh/rimble-ui

React components that implement Rimble's Design System.

design-systems ethereum javascript react react-components styled-components ui ui-components web3

Last synced: 13 Nov 2024

https://github.com/sergeysova/styled-normalize

normalize.css for styled-components

css normalize react styled styled-components

Last synced: 10 Oct 2024

https://github.com/Steveeeie/react-page-transition

A React component that makes it easy to use the page transitions from the Codedrops page transitions demo with React

animation page-transitions react react-router react-transition-group styled-components transitions

Last synced: 02 Nov 2024

https://github.com/steveeeie/react-page-transition

A React component that makes it easy to use the page transitions from the Codedrops page transitions demo with React

animation page-transitions react react-router react-transition-group styled-components transitions

Last synced: 15 Oct 2024

https://github.com/Bedrock-Layouts/Bedrock

Foundational Layout Primitives for your React App

css-flexbox css-grid grid-layout grid-system layout layouts styled-components

Last synced: 25 Oct 2024

https://github.com/bedrock-layouts/bedrock

Foundational Layout Primitives for your React App

css-flexbox css-grid grid-layout grid-system layout layouts styled-components

Last synced: 15 Oct 2024

https://github.com/streamich/nano-css

Distilled CSS-in-JS for gourmet developers

css css-in-js css-in-react cssom emotion js nano styled-components styles stylesheets ts

Last synced: 15 Oct 2024

https://github.com/strapi/design-system

Strapi.io's design system :rocket:

design-system styled-components

Last synced: 09 Oct 2024

https://github.com/igorbek/typescript-plugin-styled-components

TypeScript transformer for improving the debugging experience of styled-components

styled-components transformer typescript typescript-plugin webpack

Last synced: 15 Oct 2024

https://github.com/Igorbek/typescript-plugin-styled-components

TypeScript transformer for improving the debugging experience of styled-components

styled-components transformer typescript typescript-plugin webpack

Last synced: 31 Oct 2024

https://github.com/gmartins-dev/links

Lista colaborativa de sites e ferramentas ΓΊteis para desenvolvedores (que sejam preferencialmente gratuitas/livres).

angular backend css cssinjs django frontend fullstack html javascript nextjs node nodejs react react-native reactjs styled-components tailwindcss typescript vue vuejs

Last synced: 13 Nov 2024

https://govuk-react.github.io/govuk-react/

An implementation of the GOV.UK Design System in React using CSSinJS

component-library govuk govuk-frontend react storybook styled-components

Last synced: 03 Aug 2024

https://github.com/govuk-react/govuk-react

An implementation of the GOV.UK Design System in React using CSSinJS

component-library govuk govuk-frontend react storybook styled-components

Last synced: 11 Oct 2024

https://github.com/davesnx/styled-ppx

Type-safe styled components for ReScript, Melange and native with type-safe CSS

css css-in-js emotion melange ocaml ppx react reason reasonml rescript styled styled-components vscode-extension

Last synced: 29 Oct 2024

https://github.com/zacanger/styled-reset

Eric Meyer's Reset CSS for styled-components

css css-reset reset reset-css styled styled-components

Last synced: 15 Oct 2024

https://github.com/CodementorIO/nextjs-redux-starter

Next.js + Redux + styled-components + Express = πŸ˜‡

express nextjs react redux ssr starter-kit styled-components

Last synced: 26 Oct 2024

https://github.com/styled-components/webstorm-styled-components

styled-components highlighting support in IntelliJ editors

styled-components syntax-highlighting webstorm webstorm-plugin

Last synced: 07 Oct 2024

https://github.com/codementorio/nextjs-redux-starter

Next.js + Redux + styled-components + Express = πŸ˜‡

express nextjs react redux ssr starter-kit styled-components

Last synced: 14 Nov 2024

https://github.com/codebucks27/react-portfolio-final

Build a Stunning portfolio with React JS and framer-motion. This portfolio is created using framer-motion for cool transitions and animation. If you want to learn how to create this portfolio then you can follow below tutorial link in the ReadMe

beginner-project framer-motion frontend javascript portfolio portfolio-website react reactjs styled-components webdesign webdeveloper webdevelopment

Last synced: 10 Oct 2024

https://github.com/react-next-boilerplate/react-next-boilerplate

:rocket: A basis for reducing the configuration of your projects with nextJS, best development practices and popular libraries in the developer community.

boilerplate boilerplate-community css-in-js emotion hacktoberfest i18n immer javascript next-i18next nextjs react react-next-boilerplate redux redux-saga reselect seo styled-components template testing-library

Last synced: 26 Sep 2024

https://github.com/sag1v/react-elastic-carousel

A flexible and responsive carousel component for react https://sag1v.github.io/react-elastic-carousel

carousel flexible javascript react responsive styled-components

Last synced: 10 Oct 2024

https://github.com/aragon/ui

🦚 UI kit for decentralized apps

react react-spring styled-components ui-kit web3

Last synced: 01 Nov 2024

https://github.com/summer-andy/react-loading

Build a smooth and lightweight react component loading with css πŸŽ‰ .

component demand react storybook styled-components

Last synced: 30 Oct 2024

https://github.com/coderplanets/coderplanets_web

maybe the most sexiest community for developers based in china, build with React, Mobx/MST, GraphQL, Styled-Components, Rxjs, Ramda ... and ❀️

jest mobx nextjs ramdajs react rxjs styled-components

Last synced: 13 Nov 2024

https://github.com/t0gre/react-datepicker

An easily internationalizable, accessible, mobile-friendly datepicker library for the web, build with styled-components.

datepicker grid i18n react react-hooks rtl styled-components styled-system typescript

Last synced: 01 Nov 2024

https://github.com/codebucks27/the-weirdos-nft-website-starter-code

Build a cool NFT Collection website landing page with React JS . This website is created using Gsap for cool scrolling and animation. If you want to learn how to create this website then you can follow below tutorial link in the ReadMe.

beginner-project gsap gsap-scrolltrigger gsap3 landing-page nft nft-gallery react react-hooks reactjs responsive scrolltrigger styled-components website-development website-template

Last synced: 08 Nov 2024

https://github.com/leonardomso/react-bolt

⚑ The most simple & robust boilerplate for your React projects.

babel boilerplate css cypress eslint jest react redux robust styled-components webpack

Last synced: 26 Oct 2024

https://github.com/erikras/styled-components-theme

Defines themes via flexible color selectors for use with styled-components

color-manipulation css javascript js manipulation-methods react sass scss selector styled-components styles styling theme-color themes

Last synced: 01 Nov 2024

https://github.com/maggieappleton/maggieappleton.com-v2

A digital garden built with Next.js, React, and MDX. Featuring loosely opinionated notes, half-formed ideas, and content that is always growing.

digital-garden framer-motion nextjs react styled-components

Last synced: 09 Oct 2024

https://github.com/styled-components/vim-styled-components

Vim bundle for http://styled-components.com based javascript files.

diet-cola styled-components vim vim-bundle

Last synced: 07 Oct 2024

https://github.com/hiroppy/ssr-sample

A minimum sample of Server-Side-Rendering, Single-Page-Application and Progressive Web App

apollo babel graphql loadable-components pwa react redux-saga server-side-rendering spa ssr styled-components typescript webpack

Last synced: 12 Nov 2024

https://github.com/bcrumbs/reactackle

Open-source components library built with React and Styled-Components.

components css-in-js javascript react react-components reactackle styled-components web

Last synced: 03 Aug 2024

https://github.com/connect-foundation/2019-12

🎟 κΈ‰μ¦ν•˜λŠ” νŠΈλž˜ν”½μ—λ„ μ•ˆμ •μ μΈ μ˜ˆμ•½ μ„œλΉ„μŠ€, Atomic Pattern을 μ μš©ν•œ μž¬μ‚¬μš© κ°€λŠ₯ν•œ μ»΄ν¬λ„ŒνŠΈ, μ‹€μš©μ μΈ Testing을 주제둜 ν•˜λŠ” 이벀트 μ„œλΉ„μŠ€

atomic cypress docker enzyme express jest kubernetes mariadb nodejs react redis storybook styled-components supertest travis-ci typescript

Last synced: 11 Oct 2024

https://github.com/leonidasesteban/flag-project-react

Awesome stack, awesome project pls press the star button

react react-redux react-router redux styled-components

Last synced: 31 Oct 2024

https://github.com/alex-kinokon/jsx-dom

Use JSX to create DOM elements.

dom javascript jsx styled-components typescript

Last synced: 11 Oct 2024

https://github.com/suevalov/next-blog-firestore

Example of blog built with React, Next.js, Firebase Firestore, Styled-Component, Mobx State Tree and other cool technologies

firebase-auth firestore marksy mobx-state-tree nextjs react ssr styled-components

Last synced: 10 Nov 2024

https://github.com/vectordotdev/next-go

Production ready blog + boilerplate for Next.js 3.X

express nextjs nodejs react ssr styled-components timber timber-io universal-react zeit

Last synced: 08 Nov 2024

https://github.com/Hy-Vee/lerna-yarn-workspaces-monorepo

πŸ‰ A Monorepo with multiple packages and a shared build, test, and release process.

babel jest lerna monorepo react storybook styled-components yarn-workspaces

Last synced: 08 Nov 2024

https://github.com/hy-vee/lerna-yarn-workspaces-monorepo

πŸ‰ A Monorepo with multiple packages and a shared build, test, and release process.

babel jest lerna monorepo react storybook styled-components yarn-workspaces

Last synced: 31 Oct 2024

https://github.com/sreetamdas/sreetamdas.com

Personal website built with Next.js, TypeScript and Styled-components

hacktoberfest mdx nextjs personal-website portfolio reactjs styled-components typescript

Last synced: 14 Oct 2024

https://github.com/sbekrin/styled-email-components

πŸ’Œ styled-components for emails

css css-in-js emails react styled-components

Last synced: 13 Nov 2024

https://github.com/jsjoeio/styled-components-vs-emotion

a short doc comparing the popular CSS-in-JS libraries styled-components and emotion

comparison css-in-js emotion react styled-components

Last synced: 28 Oct 2024

https://github.com/karimmokhtar/react-drag-drop-files

Light and simple Reactjs drag and drop files library to use with very flexible options to change, so you put whatever the design you want for your drop-area. Users can drag and drop or even select the file anywhere in the window.

drag drag-and-drop drop file file-upload react react-drag-and-drop react-drag-and-drop-file react-drag-and-drop-files react-drag-drop-file react-drag-drop-files react-draggable styled-components

Last synced: 11 Nov 2024

https://github.com/axept/prejss

Get the power of PostCSS with plugins in your JSS styles. 🎨 Just put CSS into JS and get it as JSS object.

css jss less postcss prejss react sass scss styled-components stylesheets stylus sugarss

Last synced: 12 Oct 2024

https://github.com/KarimMokhtar/react-drag-drop-files

Light and simple Reactjs drag and drop files library to use with very flexible options to change, so you put whatever the design you want for your drop-area. Users can drag and drop or even select the file anywhere in the window.

drag drag-and-drop drop file file-upload react react-drag-and-drop react-drag-and-drop-file react-drag-and-drop-files react-drag-drop-file react-drag-drop-files react-draggable styled-components

Last synced: 28 Oct 2024

https://github.com/jameslnewell/styled-components-breakpoint

Utility function for using breakpoints with styled-components πŸ’….

breakpoint breakpoints media react styled-components

Last synced: 13 Nov 2024

https://github.com/RafalFilipek/styled-props

Simple lib that allows you to set styled props in your styled-components without stress.

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

Last synced: 28 Aug 2024

https://github.com/jxnblk/react-css-grid

React layout component based on CSS Grid Layout and built with styled-components

css-grid css-grid-layout grid-layout layout react react-component styled-components

Last synced: 31 Oct 2024

https://github.com/AriTheElk/uigradients

Gradients-as-a-react-componentβ„’

gradient-generator react reactjs styled-components

Last synced: 28 Aug 2024

https://github.com/aritheelk/uigradients

Gradients-as-a-react-componentβ„’

gradient-generator react reactjs styled-components

Last synced: 12 Nov 2024

https://github.com/evenchange4/react-progressive-bg-image

πŸ–Ό Medium style progressive background image.

progressive-image react styled-components

Last synced: 01 Nov 2024

https://github.com/g-loot/react-tournament-brackets

React component library for displaying bracket leaderboards

double-elimination react single-elimination styled-components

Last synced: 15 Oct 2024

https://github.com/jameslnewell/styled-components-grid

A responsive grid components for styled-components.

grid react responsive-grid styled-components

Last synced: 01 Nov 2024

https://github.com/cssinjs/styled-jss

Styled Components on top of JSS.

css js jss react styled-components styled-jss stylesheets

Last synced: 30 Oct 2024

https://github.com/jxnblk/layouts

Grab-and-go layouts for React

css emotion layout react rebass styled-components styles theme-ui ui

Last synced: 29 Oct 2024

https://github.com/jameslnewell/styled-components-spacing

Responsive margin and padding components for styled-components πŸ’….

margin mixins padding react space styled-components whitespace

Last synced: 01 Nov 2024

https://github.com/paljs/ui

React Styled Components with bootstrap grid system

bootstrap components package react react-components reactjs styled-components theme ui-components

Last synced: 08 Nov 2024

https://github.com/weslleyaraujo/react-simon-says

A "Simon Says" game built with React and Redux πŸ‘Ύ

game react redux styled-components

Last synced: 08 Nov 2024

https://github.com/saravieira/styled-loaders

Loaders Built with Preact and Styled Components

javascript preact styled-components

Last synced: 31 Oct 2024

https://github.com/SaraVieira/styled-loaders

Loaders Built with Preact and Styled Components

javascript preact styled-components

Last synced: 03 Aug 2024

https://github.com/hermanya/react-landing-page

πŸ›¬ Everything you need for a modern landing page, built with React & Styled Components

landing landing-page reactjs rebass styled-components

Last synced: 07 Nov 2024

https://github.com/knipferrc/tails-ui

:monkey: Clean UI based on tailwindcss

react rollup styled-components tailwindcss

Last synced: 06 Aug 2024

https://github.com/mistakenelf/tails-ui

:monkey: Clean UI based on tailwindcss

react rollup styled-components tailwindcss

Last synced: 30 Oct 2024

https://github.com/codebucks27/agency-website

Agency Landing Page. It is build on top of the React JS, with styled-components and GSAP for smooth scrolling animations. Create this awesome website in React by following the tutorial given in the readme file.

gsap parallax parallax-scrolling react reactjs responsive styled-components webdevelopment website youtube

Last synced: 08 Nov 2024

https://github.com/blazity/styled2tailwind

πŸŒ€ Transform your Styled-Components into TailwindCSS with this handy codemod.

cli codemod nextjs nextjs-tailwind nextjs13 react styled-components tailwindcss

Last synced: 05 Nov 2024

https://github.com/avalon60/ctk_theme_builder

CTk Theme Builder for CustomTkinter, a comprehensive and easy solution, for creating CustomTkinter themes.

application apps-styling build creation creator customtkinter dark-mode design designer developer gui python python3 styled-components theme theme-customizer theme-development themes ui user-interface

Last synced: 07 Nov 2024

https://github.com/chanan/blazorstyled

CSS in Blazor Components

blazor css styled-components

Last synced: 08 Nov 2024

https://github.com/chanan/BlazorStyled

CSS in Blazor Components

blazor css styled-components

Last synced: 29 Oct 2024

https://github.com/dielduarte/animate-css-styled-components

simple port of animate css for styled-components

animatecss react react-component styled-components

Last synced: 10 Nov 2024

https://github.com/diegohaz/styled-theme

Extensible theming system for styled-components πŸ’…

css-in-js font palette react sizes styled-components theme

Last synced: 30 Oct 2024

https://github.com/styled-components/elm-styled

Styling your Html Elements with typed Css πŸ’…

css css-in-elm elm styled-components

Last synced: 28 Sep 2024

https://github.com/withspectrum/react-app-rewire-styled-components

Add the styled-components Babel plugin to your create-react-app app via react-app-rewired

create-react-app create-react-app-styled-components react-app-rewire styled-components

Last synced: 31 Oct 2024

https://github.com/atapas/theme-builder

The theming system helps you in building a theme of your choice and apply it to test live. Why wait? Just give it a try.

javascript localstorage react reactjs styled-components theme theming theming-system

Last synced: 07 Nov 2024

https://github.com/uowac/nextjs-antd-admin

A multi-functional and comprehensive admin dashboard using Next.js (SSR React), Ant Design and styled-components

ant-design auth0 dashboard mapbox nextjs react react-map-gl styled-components

Last synced: 07 Nov 2024

styled-components Awesome Lists
fucking-awesome-css-frameworks 133 styled-awesomeness 183
styled-components Categories
Deployment 31 Stalled Development 22 General Purpose 14 Running Tests 11 Supported Language Features and Polyfills 10 Specialized 10 Troubleshooting 8 Class-less 5 Adding Flow 4 Base / Reset / Normalize 3 Very Lightweight 3 Material Design 3 Formatting Code Automatically 3 Proxying API Requests in Development 3 Debugging in the Editor 3 Debugging Tests 2 Adding a Router 2 Using the `public` Folder 2 Pre-Rendering into Static HTML Files 2 Adding a CSS Preprocessor (Sass, Less etc.) 2