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.
-
Updated
Jun 18, 2024 - JavaScript
#
media-queries
Here are 2,245 public repositories matching this topic...
An SSR compatible approach to CSS media query based responsive layouts for React.
-
Updated
Jun 24, 2025 - TypeScript
A custom element that allows you to easily put a Dark Mode 🌒 toggle or switch on your site:
dark-theme web-components custom-elements dark-mode media-queries custom-elements-v1 dark-theme-switcher prefers-color-scheme dark-mode-switcher dark-mode-toggle dark-theme-toggle supported-color
-
Updated
May 7, 2025 - JavaScript
-
Updated
Dec 9, 2022 - JavaScript
Simple and powerful breakpoints for styled components and emotion.
react typescript preact styled-components breakpoint media emotion css-in-js breakpoints responsive-design responsive-layout media-query media-queries css-in-react styled-media-query
-
Updated
Jun 23, 2025 - JavaScript
A simple, tiny alternative to element/container queries
-
Updated
Jan 4, 2023 - JavaScript
🎉 React library to render components only on specific viewports 🔥
-
Updated
Apr 7, 2024 - JavaScript
PostCSS 伸缩视图转换插件。PostCSS plugin for viewport scaling. Optimized postcss-px-to-viewport/postcss-pxtorem for mobile.
css postcss mobile-first media-queries pixel-units responsive-web-design css-scale mobile-design viewport-units postcss-px-to-viewport mobile-forever
-
Updated
Mar 25, 2025 - Vue
📸 Sliding action script
javascript vuejs slideshow typescript easings reactjs slider carousel animations media-queries webcomponent sveltejs solidjs malinajs
-
Updated
Jun 17, 2025 - TypeScript
Slice media queries with ease
sass scss breakpoint scss-mixins breakpoints responsive-design media-query sass-mixins media-queries responsive-web-design breakpoint-slicer
-
Updated
Jan 6, 2023 - SCSS
Style React Native components using CSS, PostCSS, Sass, Less or Stylus.
-
Updated
Feb 25, 2024
Media-query- or JavaScript-based theme variants with fallback for Tailwind CSS
-
Updated
Oct 4, 2023 - TypeScript
🌈 Define custom viewports for your Nuxt project
-
Updated
May 3, 2025 - TypeScript
PostCSS plugin for sorting and combining CSS media queries with mobile-first / desktop-first methodologies.
css postcss sort mobile-first mediaquery postcss-plugin css-optimizations media-queries mq responsive-css css-mqpacker node-css-mqpacker desktop-first combine-media-query sort-media-query
-
Updated
Jan 11, 2025 - JavaScript
Extremely powerful Sass media query mixin. Allows you to create almost any media query you can imagine.
sass query mixins responsive aspect-ratio scss ratio breakpoint media scss-mixins mixin breakpoints media-queries mq-scss device-ratio mq-variable
-
Updated
May 17, 2019 - CSS
💅 Helps manage media queries with styled components
css styled-components breakpoint media css-in-js cssinjs breakpoints media-query media-queries css-in-react
-
Updated
Mar 4, 2023 - JavaScript
MatchMedia component library for Vue
-
Updated
Mar 5, 2023 - TypeScript
A powerful and flexible React component for creating responsive content with automatic media query generation. 为响应式内容自动生成媒体查询
-
Updated
Oct 1, 2024 - TypeScript
Respond to changes in a DOM element's size. With React Breakpoints, element queries are no longer "web design's unicorn" 🦄
-
Updated
Mar 25, 2025 - TypeScript
Improve this page
Add a description, image, and links to the media-queries topic page so that developers can more easily learn about it.
Add this topic to your repo
To associate your repository with the media-queries topic, visit your repo's landing page and select "manage topics."