Awesome Open Source

Programming Languages

Search results for css media queries

media-queries x

31 search results found

Flex Layout ⭐ 5,917

Provides HTML UI layout for Angular applications; using Flexbox and a Responsive API

Css Element Queries ⭐ 3,931

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

A simple, tiny alternative to element/container queries

Darkmodejs ⭐ 395

Utility package for managing Dark Mode on the web

React Native Css Modules ⭐ 247

Style React Native components using CSS, PostCSS, Sass, Less or Stylus.

Awesome Web Styling ⭐ 144

Awesome Web Styling with CSS Animation Effects ⭐️

Postcss Sort Media Queries ⭐ 142

PostCSS plugin for sorting and combining CSS media queries with mobile-first / desktop-first methodologies.

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.

Mq Scss ⭐ 118

Extremely powerful Sass media query mixin. Allows you to create almost any media query you can imagine.

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)

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;

Emotion Native Extended ⭐ 41

Better styling support for Emotion (React Native): Media queries, relative units, percents, operations and more...

Postcss If Media ⭐ 31

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

React Context Responsive ⭐ 26

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

Media Blender ⭐ 24

Easy and predictable SASS/SCSS media queries

Svelte Media Queries ⭐ 24

A ✨light✨ and magical Svelte component for CSS media queries🐹

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.

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.

📏 A reasonable breakpoint scale using @custom-media

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

Add JavaScript tests to <link> tags to toggle stylesheets

Afcon2022 Cameroon ⭐ 11

A 3-page website built using semantic HTML5 elements, Bootstrap4 as well as plain CSS3. The pages start with a header section that uses the Bootstrap4 navbar classes to make it responsive.

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.

Listen to media query updates in JavaScript

At Rule Packer ⭐ 10

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

Stylebuddy ⭐ 9

🐻 Generate encapsulated css inline styles which are extremely configurable.

🌈 CSS Framework written in Stylus inspired by Tailwind and NIB

Origamid_html_e_css_para_iniciantes ⭐ 8

Front End, HTML, Tags, Acessibilidade, CSS, Grid Layout, Flexbox, Media Queries, Responsivo, VS Code e mais.

Html Capstone Project Shop ⭐ 8

A beautiful and responsive musical instruments shop built with business specifications based on the design by Mohammed Awad. CSS Flexbox, Grid, and Media Queries were used among other industry-standard tools. Made with HTML5 and CSS3. Totally responsive. Based on the design by Mohammed Awad.

React Point Break ⭐ 6

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

Syringe.js ⭐ 6

💉 Injects additional CSS at runtime

Flexbox layout and responsive components.

Responsively ⭐ 6

Responsive styles with atomic CSS declarations.

Coffee Mania ⭐ 6

Good Starter Project for using Media query

The Next Web Responsive ⭐ 6

In this project, we clone the Next Web homepage using semantic HTML5 elements appropriately sized and positioned. We made the background with images and gradients. Build with HTML and CSS.

React Native Css Media Query Processor ⭐ 5

Match style objects containing CSS Media Queries with React Native

Prefers Color Scheme ⭐ 5

🎨 Get a user's preferred color scheme using CSS @media(prefers-color-scheme)

Responsiveless ⭐ 5

Responsive media queries for LESS

Element Queries ⭐ 5

A responsive element queries library based on modern ResizeObserver technology.

3 Column Preview Card Component ⭐ 5

Desafio Frontend Mentor - 3 Column Preview Card Component.

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.

Html Css Capstone Project ⭐ 5

A static fully-responsive website built for a Forex Trading Company that shows a detailed description of an upcoming conference. Built with HTML5, CSS, Boostrap & Media Queries.

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..

Friendly Queries ⭐ 5

Human-friendly media queries for Sass

Related Searches

Javascript Css (34,035)

Html Css (25,410)

Css Theme (9,890)

Reactjs Css (8,863)

Css Bootstrap (8,210)

Css Sass (5,766)

Python Css (3,949)

Css Jekyll (3,923)

Css Scss (3,854)

Css Angular (3,622)

1-31 of 31 search results

Privacy | About | Terms | Follow Us On Twitter

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