Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/ryanve/actual
Determine actual CSS media query breakpoints via JavaScript
breakpoints javascript media-queries media-query
Last synced: 02 Jul 2024
![](https://github.com/ryanve.png)
https://github.com/mvrlin/nuxt-viewport
🌈 Define custom viewports for your Nuxt project
media-queries nuxt nuxt-module viewport
Last synced: 01 Jun 2024
![](https://github.com/mvrlin.png)
![](https://github.com/mrtnvh.png)
https://github.com/stowball/eqio
A simple, tiny alternative to element/container queries
container-queries css element-queries javascript media-queries responsive-design
Last synced: 30 May 2024
![](https://github.com/stowball.png)
https://github.com/mg901/styled-breakpoints
Simple and powerful breakpoints for styled components and emotion.
breakpoint breakpoints css-in-js css-in-react emotion media media-queries media-query preact react responsive-design responsive-layout styled-components styled-media-query typescript
Last synced: 30 May 2024
![](https://github.com/mg901.png)
https://github.com/levchak0910/css-media-splitter
The tool extracts all media at-rules into dedicated files and download them only when the user device matches the media query.
css media-queries nuxt nuxt-module vite vite-plugin
Last synced: 25 May 2024
![](https://github.com/levchak0910.png)
https://github.com/evrone/postcss-px-to-viewport
A plugin for PostCSS that generates viewport units (vw, vh, vmin, vmax) from pixel units. The best choice to create a scalable interface on different displays by one design size.
css-scale media-queries mobile-design pixel-units postcss rem-units taro vh viewport-units vw
Last synced: 14 May 2024
![](https://github.com/evrone.png)
https://github.com/artsy/fresnel
An SSR compatible approach to CSS media query based responsive layouts for React.
media-queries nextjs react react-18 responsive ssr
Last synced: 11 May 2024
![](https://github.com/artsy.png)
https://github.com/flexdinesh/react-socks
🎉 React library to render components only on specific viewports 🔥
breakpoints library media-queries react viewport
Last synced: 10 May 2024
![](https://github.com/flexdinesh.png)
![](https://github.com/xelaok.png)
https://github.com/GoogleChromeLabs/dark-mode-toggle
A custom element that allows you to easily put a Dark Mode 🌒 toggle or switch on your site:
custom-elements custom-elements-v1 dark-mode dark-mode-switcher dark-mode-toggle dark-theme dark-theme-switcher dark-theme-toggle media-queries prefers-color-scheme supported-color web-components
Last synced: 03 May 2024
![](https://github.com/GoogleChromeLabs.png)
https://github.com/CyberAP/vue-component-media-queries
MatchMedia component library for Vue
matchmedia media-queries nuxt ssr vue
Last synced: 27 Apr 2024
![](https://github.com/CyberAP.png)
https://github.com/jofftiquez/vue-media-query-mixin
A vue mixin to get current media query, xs, sm, md and lg.
hacktoberfest media-queries mixins vue vue-mixin vuejs vuejs2
Last synced: 27 Apr 2024
![](https://github.com/jofftiquez.png)
https://github.com/nash403/fine-mq
A fine API to manage media queries in JS with ease. It has first-class integration with VueJS.
matchmedia media-queries media-query mobile mobile-first mq nuxt nuxt-mq responsive rwd vue-plugin
Last synced: 27 Apr 2024
![](https://github.com/nash403.png)
https://github.com/yunusga/postcss-sort-media-queries
PostCSS plugin for sorting and combining CSS media queries with mobile-first / desktop-first methodologies.
combine-media-query css css-mqpacker css-optimizations desktop-first media-queries mediaquery mobile-first mq node-css-mqpacker postcss postcss-plugin responsive-css sort sort-media-query
Last synced: 26 Apr 2024
![](https://github.com/yunusga.png)
https://github.com/kristerkari/react-native-css-modules
Style React Native components using CSS, PostCSS, Sass, Less or Stylus.
css css-modules css-variables less media-queries postcss react-native sass stylus viewport-units
Last synced: 25 Apr 2024
![](https://github.com/kristerkari.png)
![](https://github.com/mrtnvh.png)
https://github.com/black7375/Fluid-Size
:triangular_ruler::iphone::computer::desktop_computer: A method of fluidly resizing in various devices based on visual angle. (with SASS) :revolving_hearts: :eyes:
breakpoint breakpoints design media-queries responsive sass scss
Last synced: 20 Apr 2024
![](https://github.com/black7375.png)
https://github.com/TyMick/use-window-orientation
A React hook for using window orientation.
hacktoberfest hook hooks javascript landscape media-queries npm orientation package portrait react responsive responsive-design screen-dimension screen-orientation typescript window-dimensions window-orientation
Last synced: 18 Apr 2024
![](https://github.com/TyMick.png)
https://github.com/TyMick/use-window-width-breakpoints
A React hook for using window width breakpoints.
breakpoints hacktoberfest hook hooks javascript media-breakpoints media-queries npm package react responsive responsive-design screen-size screen-width typescript
Last synced: 18 Apr 2024
![](https://github.com/TyMick.png)
https://github.com/Dan503/mq-scss
Extremely powerful Sass media query mixin. Allows you to create almost any media query you can imagine.
aspect-ratio breakpoint breakpoints device-ratio media media-queries mixin mixins mq-scss mq-variable query ratio responsive sass scss scss-mixins
Last synced: 09 Apr 2024
![](https://github.com/Dan503.png)
https://github.com/JNavith/tailwindcss-theme-variants
Media-query- or JavaScript-based theme variants with fallback for Tailwind CSS
css-selectors dark-mode media-queries prefers-color-scheme tailwindcss tailwindcss-plugin theming
Last synced: 09 Apr 2024
![](https://github.com/JNavith.png)
https://github.com/renatorib/react-sizes
:left_right_arrow: Hoc to easily map window sizes to props.
high-order-component hoc media-queries react responsive
Last synced: 27 Mar 2024
![](https://github.com/renatorib.png)
https://github.com/lolmaus/breakpoint-slicer
Slice media queries with ease
breakpoint breakpoint-slicer breakpoints media-queries media-query responsive-design responsive-web-design sass sass-mixins scss scss-mixins
Last synced: 25 Mar 2024
![](https://github.com/lolmaus.png)