Awesome Open Source

Programming Languages

Search results for javascript media queries

media-queries x

51 search results found

Css Element Queries ⭐ 3,931

CSS Element-Queries aka Container Queries. High-speed element dimension/media queries in valid css.

Postcss Px To Viewport ⭐ 2,706

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.

Dark Mode Toggle ⭐ 1,123

A custom element that allows you to easily put a Dark Mode 🌒 toggle or switch on your site:

Conditioner ⭐ 1,015

💆🏻 Frizz free, context-aware, JavaScript modules

React Sizes ⭐ 730

↔️ Hoc to easily map window sizes to props.

Styled Breakpoints ⭐ 542

Simple and powerful breakpoints for styled components and emotion.

📱 💻 Define your breakpoints and build responsive design semantically and declaratively in a mobile-first way with Vue.

A simple, tiny alternative to element/container queries

React Socks ⭐ 400

🎉 React library to render components only on specific viewports 🔥

Darkmodejs ⭐ 395

Utility package for managing Dark Mode on the web

📸 Sliding action script

Mediacheck ⭐ 238

Control JS with mediaqueries

Vue Media ⭐ 186

A CSS media query component for Vue.js

Container Query ⭐ 135

A PostCSS plugin and Javascript runtime combination, which allows you to write container queries in your CSS the same way you would write media queries.

Nuxt Mq ⭐ 132

vue-mq module for Nuxt.js.

Postcss Mobile Forever ⭐ 115

一款 PostCSS 插件，将固定尺寸的视图转为可跟随宽度变化而等比例伸缩的视图。To adapt different displays by one mobile viewport.

Styled Media Helper ⭐ 69

💅 Helps manage media queries with styled components

Color Scheme Change ⭐ 55

Detect system color scheme changes on the web (Dark Mode)

Vue Media Queries ⭐ 48

Vue 2.0 media query helpers

Determine actual CSS media query breakpoints via JavaScript

Postcss Inline Media ⭐ 43

Media queries shortcut, built on PostCSS, example: font-size: 20px @1200 18px @480 16px;

Breakpoint ⭐ 35

A tiny API wrapper around window.matchMedia

Styled Responsive Media Queries ⭐ 34

Responsive Media Queries for Emotion styled or styled-components — Standard size from Chrome DevTools.

Cj Resized ⭐ 34

Return different values based on browser width

Mobx React Matchmedia ⭐ 33

A React HOC with mediaqueries for responsive layout

Postcss If Media ⭐ 31

A PostCSS plugin to inline or nest media queries within CSS rules & properties.

Super Query ⭐ 29

🎠 A super media-query for styled-components. Intuitive and easy of use.

React Context Responsive ⭐ 26

A package that provides a responsive context to your application, using React Context API.

Vue Media Query Mixin ⭐ 26

A vue mixin to get current media query, xs, sm, md and lg.

Capstone Project ⭐ 22

In this capstone project, I'm going to build is based on an online website for a conference using HTML, CSS and JavaScript.

React Responsive ⭐ 22

🔍 <Only /> displays some contents for particular screen sizes

Awesome Books ⭐ 21

In this project, I will build a basic website that allows users to add/remove books from a list. I will achieve that by using JavaScript objects and arrays. I will also need to dynamically modify the DOM and add basic events.

Portfolio Setup And Mobile First ⭐ 20

In this project, I will build a portfolio website from scratch for mobile and desktop version using HTML, CSS and JavaScript.

Awesome Books Es6 ⭐ 19

In this project, I will restructure your Awesome books app code. The goal is to make it more organized by using modules. I will also practice the ES6 syntax that I have learned.

React Native Css Modules With Media Queries Example ⭐ 18

An example app to show how CSS Media Queries work in React Native.

Breakpoint Helper ⭐ 17

Small helper library to work with layout breakpoints in Javascript.

Fluid React ⭐ 17

Grid system for React, and more

Polyglot Talk ⭐ 17

As a polyglot who speaks French, Spanish, English, and Chinese, I am excited to share my experiences and insights on the importance of language learning in today's global society. In my talk, I will explore how learning multiple languages can broaden our perspectives, foster empathy and understanding, and open up new opportunities.

Mesto Project ⭐ 16

Course project of Yandex.Practicum. Theme: Adaptive and responsive make up, API, OOP.

Dhalsim Js ⭐ 15

Dhalsim is a media query for javascript

Humans is designed for mobile and desktop for human users. And it is vue-based implementation. To help developer to build UI quickly.

Belfius Banking ⭐ 13

HTML - CSS - JS

Ifbreakpoint ⭐ 13

ifbreakpoint.js : if Bootstrap 4 breakpoint (media query) is X do something

Use Media Query Hook ⭐ 12

react use-media-query-hook

Js.device.selector ⭐ 11

ES6 class and jQuery Plugin to get the current Device Type and Display Type of a Browser while making CSS Breakpoints available in JavaScript.

My Videos ⭐ 11

My Videos is a responsive React.js application with video sections, custom categories, channel pages, and can play videos directly from this app.

Add JavaScript tests to <link> tags to toggle stylesheets

Media Engine ⭐ 10

Media queries engine written in pure JS!

React Hook Media Query ⭐ 10

A React hook to match media queries

React Media Material Ui ⭐ 10

An easy way to use breakpoints from your material-ui theme with react-media

At Rule Packer ⭐ 10

Merge media queries (@media), @supports, and other duplicate At-rules together under a single block.

Lit Media Query ⭐ 10

Web component for media queries (like iron-media-query) implemented with LitElement.

React Native Web Responsive ⭐ 10

Universal media queries for React Native and web

Listen to media query updates in JavaScript

React Screen Size ⭐ 9

Stylebuddy ⭐ 9

🐻 Generate encapsulated css inline styles which are extremely configurable.

React Breakpoints Hook ⭐ 9

React hook for responsive design logic

React With Responsive ⭐ 8

📱↔️ 🖥️ Responsive Media Query Higher-Order Component (HOC) for React

Use Window Width Breakpoints ⭐ 7

A React hook for using window width breakpoints.

Mediaquery ⭐ 7

Turns human readable breakpoints into correct mediaqueries

React Shopping Project ⭐ 6

Netflixclone_capacitor_android ⭐ 6

Netflix Progressive web app and Android Capacitor with react.js

React Point Break ⭐ 6

React CSS media queries with breakpoint render props Component and Provider. 🔫

React Contextual Router ⭐ 6

📱Render components based on user context

Responsively ⭐ 6

Responsive styles with atomic CSS declarations.

Coffee Mania ⭐ 6

Good Starter Project for using Media query

Syringe.js ⭐ 6

💉 Injects additional CSS at runtime

React Queries ⭐ 5

React component for manipulate media queries

Portfolio ⭐ 5

Portfolio is made with vanilla-js and I did it with my partner. I have added so many user interaction and the most importantly I made it Accessible so that disabled person can be able to navigate through my portfolio.

React Native Css Media Query Processor ⭐ 5

Match style objects containing CSS Media Queries with React Native

Use Window Orientation ⭐ 5

A React hook for using window orientation.

Element Queries ⭐ 5

A responsive element queries library based on modern ResizeObserver technology.

Lumen5_clone ⭐ 5

Lumen5 is a video creation platform designed for brands and businesses to produce engaging video content for social posts, stories, and ads. Created a clone of it with the functionalities of the original One..

Related Searches

Javascript Reactjs (117,233)

Javascript Html (34,278)

Javascript Deployment (32,768)

Javascript Css (31,968)

Javascript Express (27,853)

Javascript Command Line (22,145)

Javascript Testing (21,652)

Javascript Redux (21,545)

Javascript Vue (19,058)

Javascript Jquery (18,659)

1-51 of 51 search results

Privacy | About | Terms | Follow Us On Twitter

Copyright 2018-2024 Awesome Open Source. All rights reserved.