Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
styled-components
styled-components is a JavaScript library that makes styling React apps enjoyable using the best bits of ES6 and CSS.
- GitHub: https://github.com/topics/styled-components
- Repo: https://github.com/styled-components/styled-components
- Created by: Glen Maddern, Max Stoiber
- Released: October 2016
- Related Topics: react, react-native, css,
- Aliases: styledcomponents,
- Last updated: 2024-12-22 00:25:00 UTC
- JSON Representation
https://github.com/paljs/nextjs-admin-template
Free admin dashboard template based on Next.Js with @paljs/ui component package
admin admin-dashboard admin-panel admin-template dashboards free-admin-template free-admin-theme nextjs react react-accordion react-admin-dashboard react-admin-panel react-admin-template react-chat react-components react-forms react-select reactjs styled-components themes
Last synced: 22 Dec 2024
https://github.com/indreklasn/simple-trello
π
react redux redux-persist redux-thunk styled-components trello-clone
Last synced: 21 Dec 2024
https://github.com/imshubhamsingh/file-system-react
File System UI in Web using react
filesystem md5 react react-redux redux scss styled-components
Last synced: 22 Dec 2024
https://github.com/sergeysova/styled-normalize
normalize.css for styled-components
css normalize react styled styled-components
Last synced: 20 Dec 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: 22 Dec 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: 19 Dec 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/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: 18 Dec 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/igorbek/typescript-plugin-styled-components
TypeScript transformer for improving the debugging experience of styled-components
styled-components transformer typescript typescript-plugin webpack
Last synced: 21 Dec 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: 16 Nov 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: 19 Dec 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: 21 Dec 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: 20 Dec 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: 19 Dec 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: 21 Dec 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: 21 Dec 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/codementorio/nextjs-redux-starter
Next.js + Redux + styled-components + Express = π
express nextjs react redux ssr starter-kit styled-components
Last synced: 22 Dec 2024
https://github.com/lukemorales/bancointer
Redesign of Banco Inter's Internet Banking
banking-applications dark-mode dark-theme financial nivo react reactjs styled-components theme-switcher typescript
Last synced: 16 Dec 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/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: 21 Dec 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: 21 Dec 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: 22 Dec 2024
https://github.com/aragon/ui
π¦ UI kit for decentralized apps
react react-spring styled-components ui-kit web3
Last synced: 16 Dec 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: 14 Nov 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/leonidasesteban/rock-paper-scissors-react
Challenge #5 from Frontend Mentor
hooks javascript react styled-components
Last synced: 18 Dec 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: 22 Dec 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: 16 Dec 2024
https://github.com/sfatihk/react-world
β¨π A different web experience in 8 bit React.js World
animation darth-vader gandalf hacktoberfest pacman react reactjs scroll styled-components supermario wall-e
Last synced: 17 Dec 2024
https://github.com/paljs/gatsby-admin-template
Free admin dashboard template based on Gatsby with @paljs/ui component package
admin admin-dashboard admin-template dashboard dashboard-templates free-admin-template gatsby react react-accordion react-admin-component react-admin-dashboard react-admin-panel react-admin-template react-chat react-forms react-select reactjs styled-components styledcomponents themes
Last synced: 22 Dec 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: 21 Dec 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: 17 Dec 2024
https://github.com/web-pal/chronos-timetracker
Desktop client for JIRA. Track time, upload worklogs without a hassle.
atlaskit electron flowtype javascript linux osx react react-virtualized recompose redux redux-resource redux-saga reselect styled-components windows
Last synced: 25 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: 21 Dec 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: 17 Dec 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: 17 Dec 2024
https://github.com/felipefialho/felipefialho.com
πΊ My personal website
algolia-search blog gatsby graphql javascript portfolio react styled-components website
Last synced: 22 Dec 2024
https://github.com/alex-kinokon/jsx-dom
Use JSX to create DOM elements.
dom javascript jsx styled-components typescript
Last synced: 15 Dec 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: 17 Nov 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: 15 Dec 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: 17 Dec 2024
https://github.com/sbekrin/styled-email-components
π styled-components for emails
css css-in-js emails react styled-components
Last synced: 22 Dec 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: 19 Dec 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: 19 Dec 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/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: 17 Dec 2024
https://github.com/jameslnewell/styled-components-breakpoint
Utility function for using breakpoints with styled-components π .
breakpoint breakpoints media react styled-components
Last synced: 22 Dec 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: 19 Dec 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: 21 Dec 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: 20 Dec 2024
https://github.com/gabdorf/gatsby-portfolio
A template for portolio pages
algorithmic-design design gatsby gatsbyjs generative-art minimal personal-website portfolio portfolio-website react spirograph styled-components
Last synced: 18 Dec 2024
https://github.com/AriTheElk/uigradients
Gradients-as-a-react-componentβ’
gradient-generator react reactjs styled-components
Last synced: 21 Dec 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: 22 Dec 2024
https://github.com/jameslnewell/styled-components-grid
A responsive grid components for styled-components.
grid react responsive-grid styled-components
Last synced: 21 Dec 2024
https://github.com/cssinjs/styled-jss
Styled Components on top of JSS.
css js jss react styled-components styled-jss stylesheets
Last synced: 22 Dec 2024
https://github.com/xeoneux/next-dark-mode
π Enable dark mode for Next.js apps
cookies css-in-js dark-mode dark-theme emotion next next-dark-mode nextjs night-mode night-theme prefers-color-scheme react reactjs styled-components theme
Last synced: 21 Dec 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: 21 Dec 2024
https://github.com/aichbauer/styled-bootstrap-components
The bootstrap components made with styled-components π
bootstrap css design-system grid javascript layout react react-components styled-bootstrap-components styled-components theme ui
Last synced: 21 Dec 2024
https://github.com/xxczaki/styled-react-boilerplate
Minimal & Modern boilerplate for building apps with React & styled-components
babel babel7 boilerplate minimal modern modern-normalize react simple styled-components stylelint webpack webpack4 xo
Last synced: 19 Dec 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: 15 Dec 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: 19 Dec 2024
https://github.com/ansumanshah/css-in-js
Autocomplete React Native / JS Styles and converting plain CSS to JS styles
atom css-in-js glamor glamorous jss styled-components
Last synced: 17 Dec 2024
https://github.com/SaraVieira/styled-loaders
Loaders Built with Preact and Styled Components
javascript preact styled-components
Last synced: 14 Nov 2024
https://github.com/react-theming/storybook-addon
Develop themable components with Emotion/Styled Components/Material-UI with help of Storybook & React Theming
addon boilerplate developer-tools emotion material-ui material-ui-react react react-storybook react-storybook-addons react-theme react-theming storybook styled-components theme theming theming-boilerplate theming-components
Last synced: 18 Dec 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: 17 Dec 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: 20 Dec 2024
https://github.com/yusinto/react-site-nav
A kick ass site menu powered by styled components inspired by Stripe.
animated-menu bar css-animations menu menu-animation menu-item menu-navigation menubar nav navbar navigate navigation navigation-menus navigationbar navigationview react-site-nav site sitenav sitenavigationelement styled-components
Last synced: 20 Dec 2024
https://github.com/imshubhamsingh/15-puzzle
The 15-puzzle is a sliding puzzle that consists of a frame of numbered square tiles in random order with one tile missing, built in react
15-puzzle css hooks jsx parcel react react-dom scss styled-components
Last synced: 18 Dec 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/blazity/styled2tailwind
π Transform your Styled-Components into TailwindCSS with this handy codemod.
cli codemod nextjs nextjs-tailwind nextjs13 react styled-components tailwindcss
Last synced: 17 Dec 2024
https://github.com/based-ghost/react-functional-select
Micro-sized & micro-optimized select component for React.js
dropdown functional multi-select performance react react-components react-functional-select select styled-components virtualization windowing
Last synced: 26 Oct 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/howtocards/frontend
Save and share your best solutions
atomic-design effector featureslices howtocards react styled-components
Last synced: 16 Nov 2024
https://github.com/echoulen/storybook-addon-styled-component-theme
storybook addon
addon react storybook styled-components styled-components-theme typescript
Last synced: 21 Dec 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: 22 Dec 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: 16 Dec 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/kuldeepkeshwar/filbert-js
A lightweight(~1kb) css-in-js framework
1kb-library css css-in-js cssinjs emotion filbert-js hacktoberfest hacktoberfest2020 light-weight preact react styled-components styling
Last synced: 21 Dec 2024
https://github.com/bntzio/gatsby-theme-superstylin
π A Gatsby Theme with styled-components
blog css-in-js gatsby gatsby-theme hacktoberfest landing-page react static-site styled-components
Last synced: 19 Dec 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/woowacourse-teams/2021-zzimkkong
β 곡κ°μ ν λμ, μμ½μ ν λ²μ!
java jenkins react spring-boot styled-components typescript
Last synced: 19 Dec 2024
https://github.com/codebucks27/wibe-studio
Build a stunning Fashion Studio Website Landing page with React JS. This website is created using locomotive-scroll for smooth scrolling. Also, GSAP and Framer-Motion for some custom animations and effects. You can learn to make this website by visiting the tutorial link from the description.
fashion framer-motion gsap gsap-scrolltrigger landing-page locomotive-scroll portfolio portfolio-project react reactjs styled-components website website-template
Last synced: 21 Dec 2024
https://github.com/delirvfx/delir
Web Technology driven VFX Application
cross-platform delirvfx electron javascript nodejs styled-components typescript vfx
Last synced: 28 Sep 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: 19 Dec 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: 19 Dec 2024
https://github.com/sungik-choi/gatsby-starter-apple
π Gatsby blog starter kit with beautiful responsive design
blog blog-starter gatsby gatsby-blog gatsby-starter gatsbyjs markdown react styled-components
Last synced: 20 Dec 2024
https://github.com/krasevych/react-redux-styled-hot-universal
react boilerplate used best practices and focus on performance
boilerplate es6 immutablejs isomorphic javascript react react-router readux- redux starter-kit styled-components universal webpack webpack2 yarn
Last synced: 11 Oct 2024