container-queries

There are 0 repository under container-queries topic.

• eqcss / eqcss

  EQCSS is a CSS Reprocessor that introduces Element Queries, Scoped CSS, a Parent selector, and responsive JavaScript to all browsers IE8 and up

  eqcsscsspolyfilljavascriptresponsiveparent-selectormin-widthmax-widthreprocessorelement-queriescontainer-queriescss-reprocessorscoped-cssscoped-selectorsmeta-selectoreval
  Language:HTML 1495
• resize-observer

  juggle / resize-observer

  Polyfills the ResizeObserver API.

  resizeobserverresize-observerpolyfillponyfillelementresizeresize-eventobservertypescriptapionresizeeventwebcomponentsangularvuereacthtmljavascriptcsscontainer-queries
  Language:TypeScript 943

• wellyshen / react-cool-dimensions

  😎 📏 React hook to measure an element's size and handle responsive components.

  reacthookdimensionsmeasuresizeresizeobserverresponsive-componentscontainer-queriesperformancetypescript
  Language:TypeScript 941

• react-container-query / react-container-query

  :package: Modular responsive component

  reactresponsivebrowserresponsive-layoutcontainer-querieselement-queries
  Language:JavaScript 886

• ausi / cq-prolyfill

  Prolyfill for CSS Container Queries

  container-queriescsselement-queriesjavascript
  Language:JavaScript 567

• stowball / eqio

  A simple, tiny alternative to element/container queries

  container-queriescsselement-queriesjavascriptmedia-queriesresponsive-design
  Language:JavaScript 427

• tomhodgins / cssplus

  CSSplus is a collection of CSS Reprocessor plugins that dynamically update CSS variables

  cssreprocessorcursoryscrolleryselectoryvarsityscoped-csselement-queriescontainer-queriescsspluscss-variablescss-reprocessoraspect-ratioxpathxpath-selectorscss-in-jsjs-in-css
  Language:JavaScript 143
• ember-container-query

  ijlee2 / ember-container-query

  Make container queries that harness the power of Ember

  container-queryelement-queryresponsive-designemberjsember-addonglintembroidertypescriptcontainer-querieselement-queries
  Language:TypeScript 44

• chadian / ember-fill-up

  Friendly container queries for Ember

  component-architecturecontainer-queriescontainer-queryelement-querieselement-queryemberember-addonresponsive-componentsresponsive-web-design
  Language:JavaScript 19

• tomhodgins / slinky

  Add JavaScript tests to <link> tags to toggle stylesheets

  css-reprocessorelement-queriescontainer-queriesmedia-queriesresponsiverwdcss
  Language:HTML 11

• Merri / react-use-queries

  [Buggy on Firefox] React hook for media queries on window and any container element. NOTE: Container Queries seem to be coming to browsers in 2022!

  reactreact-hookscontainer-queriescontainer-queryelement-querieselement-querymatchmediabreakpoints
  Language:JavaScript 8

• v-comp / vue-container-query

  vue-container-query

  responsive-layoutcontainer-querieselement-queriesresize-observervueresponsive
  Language:JavaScript 7

• judas-christ / breaks2000

  Responsive elements script.

  container-queriesjavascriptwebelement-queries
  Language:JavaScript 6

• tomhodgins / jsincss-element-query

  An element query plugin for jsincss

  jsincssjs-in-csselement-querieselement-querycontainer-queriescontainer-queryresponsiverwd
  Language:JavaScript 3

• dragontheory / D7460N

  Modern, vanilla (no dependencies), standards compliant, pure CSS UI template.

  cascade-layercontainer-queriescss-gridcss-hascss-htmlcss-onlycss3custom-elementscustom-propertiesdata-agnosticframework-agnosticmedia-platform-agnosticpure-css
  Language:CSS 2

• rodydavis / nested-master-detail

  Nested master detail example with container queries

  adaptivecontainer-queriescontainer-querycsslitresponsive
  Language:TypeScript 2

• leventefrks / container-query-showcase

  The 6 best films of 2022 (so far) - container query try out

  container-queriesreact
  Language:CSS 1

• martinsbicudo / styled-container-queries

  Simple lib to use container queries with styled-components :nail_care:

  containercontainer-queriescontainer-querycontainerscss-in-jscss-in-reactjavascriptqueryreactstyledstyled-componentstypescriptstyled-container-query
  Language:HTML 1

• mmmurray / react-responsive-layout

  React component library that enables CSS container queries.

  reactcsslayoutresponsiveresponsive-layoutcontainer-querieselement-queriesmedia-queriescontainer-queryelement-querymedia-querytypescriptcss-in-js
  Language:TypeScript 1

• SimonPadbury / baselayer-3

  A modern starter CSS library with container queries, a real CSS grid system, clamp() powered typography and spacing sizes, color-mix() shade utilities, and custom properties.

  csscssgriddocumentationpostcssvariablescascade-layerscontainer-queriescolor-mixeleventy-siteresponsive-layout
  Language:CSS 1

• tomhodgins / mini-container-queries

  A <200 byte container query plugin

  container-queriescontainer-queryelement-querieselement-query
  Language:HTML 1

• verlok / container-queries-test

  CSS Container Queries

  container-queriescssresponsiveresponsive-design
  Language:HTML 1

• Wildhoney / Regrowth

  🔬Regrowth is a monstrous laboratory experiment in container queries brought to life.

  container-queriescontainer-queryelement-querieselement-querymodularresponsivecomponentelement
  Language:JavaScript 1

• gotpop / css-2023

  An @container query & Next.js based component system. Uses draft CSS properties so should only be viewed in Chrome/Chrome Canary with "Experimental Web Platform" flag enabled.

  component-architecturecontainernextjspostcsspostcss-preset-envvercel-deploymentchrome-canaryexperimentalcontainer-queriescss-gridcustom-propertieshwbvercel
  Language:TypeScript 0

• llighter / parkyunha.com

  My blog built with Next.js, and TailwindCSS

  blogcontainer-queriesframer-motionmdxnextjsreacttailwindcss
  Language:TypeScript 0

• teotimepacreau / Discarding-effect-and-container-queries-Day3-of-100DaysOfCode

  Discarding effect and container queries to adapt cards dynamically built with CSS and HTML

  card-effectcontainer-queriescsscss-transitionsflexboxgridhover-effecthtmlrestaurant-menudiscarding-effect100daysofcodecoding-challenge
  Language:CSS 0

• Toucaan / css-architecture-2024-a-primer-on-intrinsic-web-design

  My first talk on Intrinsic Web Design | Dulles Coffee & Code

  container-queriescssdesignextrinsicintrinisicstandards
  Language:JavaScript 0

• andrekubotsu / container-queries-css

  Container queries example

  container-queriescss
  Language:JavaScript

• collectivecloudperu / css-consulta-contenedores

  Consulta de Contenedores en CSS (CSS Container Queries)

  container-queriescsshtml
  Language:HTML

• tomhodgins / qompile

  Build with Container Queries. Ship CSS.

  html-compilercsscontainer-querieselement-queriescss-preprocessorcss-reprocessorjs-in-csspreprocessorreprocessor
  Language:HTML