Projects in Awesome Lists tagged with mediaquery
A curated list of projects in awesome lists tagged with mediaquery .
https://github.com/angular/flex-layout
Provides HTML UI layout for Angular applications; using Flexbox and a Responsive API
adaptive angular engine flexbox grid layout mediaquery responsive
Last synced: 14 Jan 2026
https://github.com/eduardoboucas/include-media
π Simple, elegant and maintainable media queries in Sass
breakpoint mediaquery sass scss
Last synced: 14 May 2025
https://github.com/Assortment/darkmodejs
Utility package for managing Dark Mode on the web
css darkmode javascript matchmedia mediaquery prefers-color-scheme
Last synced: 13 Mar 2025
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: 14 May 2026
https://github.com/farfetch/react-context-responsive
A package that provides a responsive context to your application, using React Context API.
context-api css farfetch hacktoberfest matchmedia mediaqueries mediaquery mobile react reactjs responsive responsive-layout viewport
Last synced: 13 Apr 2025
https://github.com/richardzcode/fluid-react
Grid system for React, and more
fluid grid javascript mediaquery pseudo-elements react
Last synced: 25 Jun 2025
https://github.com/nggepe/simple_grid
Inspired by bootstrap , This is dynamic grid layout that you can use Like a bootstrap grid, and the size is following material UI break points. But, don't to worry you can customize your break point like here. This package purely using mediaquery, don't worry about the render.
bootstrap-grid dart flutter flutter-grid grid mediaquery
Last synced: 31 Oct 2025
https://github.com/dbox/caesura
:straight_ruler: A reasonable breakpoint scale using @custom-media
css cssnext custom-media mediaqueries mediaquery postcss
Last synced: 26 Oct 2025
https://github.com/soluml/at-rule-packer
Merge media queries (@media), @supports, and other duplicate At-rules together under a single block.
at-rule css mediaqueries mediaquery postcss postcss-plugin postcss-plugins
Last synced: 18 Jan 2026
https://github.com/mahmoudelsayed7/flutter-extensions
Flutter Extensions offer useful tools for enhancing code readability and functionality, covering themes, screens, navigation, and widget styling.
buildcontext cliprrect cubit dart dart-extension datetime extention extentions flutter flutter-extension flutter-extensions flutter-ui flutter-widget gestures margin mediaquery navigation padding
Last synced: 16 May 2026
https://github.com/superreal/srbreakpoints
SASS Helpers for Breakpoint Handling
breakpoint mediaquery responsive sass
Last synced: 14 Apr 2025
https://github.com/ela-fhd/microsoft
I developed Microsoft website with html, css, flexbox and css grid,I hope you enjoy it π
css css-grid flexbox html mediaquery
Last synced: 15 Apr 2025
https://github.com/pixelize/react-styled-mediaquery
Simple and practical utility for managing media queries in react with styled components
breakpoints custom-breakpoints media media-queries mediaqueries mediaquery mobile queries query react responsive rwd styled-components styledcomponents tablet
Last synced: 06 Jul 2025
https://github.com/zhang6464/fitter
UI Responsive fitting approach according to screent width
Last synced: 23 Oct 2025
https://github.com/rikschennink/conditioner-boilerplate-webpack
A webpack boilerplate for Conditioner.
conditioner es6 mediaquery module-loader responsive webpack
Last synced: 14 May 2026
https://github.com/gregorisoria/sass-mediaquery-singleline
SASS Media queries on a single line
codepen css frontend media-queries mediaquery mixins sass scss
Last synced: 14 Apr 2025
https://github.com/saoudi-h/tw-screens
React hooks for using Tailwind CSS breakpoints easily and efficiently.
breakpoint breakpoints css design gatsby hook hooks media-queries mediaquery nextjs npm-package pnpm react remix responsive tailwindcss web
Last synced: 14 Aug 2025
https://github.com/soenneker/soenneker.blazor.mediaquery
A Blazor interop library for media queries for viewport size logic
blazor csharp dotnet interop js media mediaquery mediaqueryinterop query viewport
Last synced: 13 Mar 2026
https://github.com/lgraubner/mqr
Functional matchMedia wrapper for media query handling.
breakpoint functional matchmedia mediaqueries mediaquery responsive state
Last synced: 30 Mar 2025
https://github.com/ade179/capstone-project1
My first capstone project after mastering Html CSS javascript
css html javascript mediaquery
Last synced: 11 Apr 2025
https://github.com/raoufsezar/kanban_board_mern-stack
this project is for the kanban board project, the user can add a board, and inside it can add tasks to the lists like backlog, in Progress, todo and done, and can delete task card or can delete all the board with all its tasks.
axios ecma6 express expressjs html5 mediaquery mongodb mongoose nodejs postman reacr-router-dom react responsive-design rest-api scss
Last synced: 11 Apr 2026
https://github.com/rikschennink/conditioner-boilerplate-browserify
A Browserify boilerplate for Conditioner.
browserify conditioner mediaquery module-loader responsive
Last synced: 05 Jul 2026
https://github.com/vvaldesc/luxor
Sophisticatedly designed web page (ANIMATIONS AND RESPONSIVE MQ)
css css-filters css-flexbox css-grid css-hover-effects css-selectors html html5 javascript keyframe-animation mediaquery onload-script positioning pseudoclass zindex
Last synced: 07 May 2026
https://github.com/rejas/mediaquery-event
Get events when mediaquery changes happen
es6 mediaquery vanilla-javascript
Last synced: 19 Feb 2026
https://github.com/mehmet-github06/check.out
This project implements a checkout system for a library app where users can purchase books. The checkout system calculates the total price, including discounts, taxes, and shipping costs, and allows users to manage their cart by adding, removing, and adjusting the quantity of items.
flexbox html-css-javascript mediaquery responsive
Last synced: 19 Aug 2025
https://github.com/webcyou-org/replacer
Changing image paths with Media Queries.
img javascript library mediaqueries mediaquery replace typescript
Last synced: 21 Feb 2026
https://github.com/MAHMOUDELSAYED7/Flutter-extensions
Flutter Extensions offer useful tools for enhancing code readability and functionality, covering themes, screens, navigation, and widget styling.
buildcontext cubit datetime extention extentions flutter flutter-extension flutter-extensions margin mediaquery navigation padding theme
Last synced: 22 Jul 2026
https://github.com/hasiniwijerathna/dietclub
Restaurant Food Ordering Mobile Application - React Js
mediaquery nodemailer reactjs responsive stripe-payments
Last synced: 03 May 2026
https://github.com/hiborn4/testline
The Quiz Application is a Flutter-based mobile app designed to provide an engaging and interactive quiz experience. With dynamic quiz data fetched from a remote API, the app offers intuitive navigation, real-time progress tracking, and detailed results. Gamification elements enhance the user experience, making learning both fun and challenging
android-application animation flutter flutter-apps flutter-package flutter-ui flutter-widget ios-app lottie-animation mediaquery provider
Last synced: 09 May 2026
https://github.com/SoftEngMuhammadAli/DentaCare-Website
DentaCare: A responsive website clone built with HTML, CSS, and MediaQuery, replicating the design and functionality of the original site, with a focus on delivering a seamless user experience across various devices
css html mediaquery responsive-design web-development web-front-end website
Last synced: 24 Jun 2025
https://github.com/siffahim/fitness-care
bootstrap5 css-grid css3 mediaquery react reactjs reactrouter
Last synced: 12 Mar 2025
https://github.com/rgglez/svelte-mediaquery
Conditionally rendering code fragments based on screen resolution.
css mediaquery screensize svelte svelte3 svelte5
Last synced: 15 May 2026
https://github.com/globocom/with-match-media-props
CSS Media Queries props injection HOC for React
Last synced: 08 Jun 2026
https://github.com/kyw0716/block-chain
sha256 ν¨μλ₯Ό μ΄μ©ν΄ λ§λ block chain simulator
javascript mediaquery reactjs sha256-hash
Last synced: 14 May 2026
https://github.com/iamkhan21/media-query-js
Use same mechanics like CSS media queries in JavaScript instead ResizeObserver
css-object-model javascript media-query mediaquery mediaquerylist
Last synced: 21 May 2026
https://github.com/siffahim/fitness-traing-frontend
bootstrap5 css-grid css3 mediaquery react reactjs reactrouter
Last synced: 28 Apr 2026
https://github.com/madeehawaqas04/html-css-js-portfolio-tutorial-2-main
Personal Portfolio
css html javascript mediaquery
Last synced: 30 Apr 2026
https://github.com/alizakhalidkhan/div-media-query
This is the folder to practice Media Query in divs
css css3 html html5 mediaquery
Last synced: 03 May 2026
https://github.com/kyw0716/stopwatch-online
javascript mediaquery react setinterval-timer timer
Last synced: 04 May 2026
https://github.com/github-dev12345/huddle-landing-page-with-alternating-feature-blocks-challenge-hub
Finally i complete this challenge πππ & my Third SASS/SCSS project. Using CSS-FlexBox, But SASS powers and method very usefull this project like : Mixing, variables, extend, partails And one of the best SASS feature is Nestingππ
button hover-effects mediaquery mobile-re preprocessor responsive-design sass sass-mixins scss
Last synced: 23 Jun 2026
https://github.com/only-icesoul/react-native-mediaquery
Responsive Android Web IOS
android ios mediaquery react react-native responsive web
Last synced: 13 Apr 2026
https://github.com/pavlovalor/mediacontroller
JS event thrower base on mediaQuaries
event-creator javascript mediaquery
Last synced: 25 Mar 2025
https://github.com/pooranjoyb/newspaperwebsite
This is my first responsive simple Newspaper paper website created using basic HTML & CSS.
Last synced: 22 Feb 2026