react-measure
Compute measurements of React components.
Found 34 results for container-queries
Compute measurements of React components.
React hook to measure an element's size and handle responsive components.
Use Container Queries [Element Queries] with styled-components
Make container queries that harness the power of Ember
A react hook that tracks a containers size and the range that width falls into within a list of breakpoints. This allows better responsive styling, where the user can style DOM elements based on their container, rather than the browser viewport.
Get position and size of the DOM element for any React Component
Tailwind CSS plugin to enable tailwind container queries for both width and height
Prolyfill for CSS Container Queries (aka Element Queries)
Simple helper components to make responsive design easier in React.
Meta object builder for Container Queries.
PostCSS processing for container queries, using a media query like syntax.
A modern, flexible 12-column CSS Grid system with container queries, fluid layouts, and subgrid support
React higher order component to manage a single Container instance.
A modern container-query solution.
Simple, elegant and maintainable container queries in Sass. A respectful adaptation of include-media by Eduardo Boucas and Kitty Giraudel.
Symphony CSS 2.0 - A semantic-first, AI-ready CSS framework with OKLCH colors, container queries, cascade layers, and zero-class baseline styling
Respond to changes in a DOM element's size. With React Breakpoints, element queries are no longer "web design's unicorn" 🦄
Use element queries effortlessly on any element or component. Make responsive components with CSS transformations and/or template transfomrations.
Advanced MCP server for intelligent, context-aware CSS suggestions with logical units, container queries, and automated feature discovery
Elastic responsive utilities for Tailwind CSS v4 with intelligent clamp() and container query support
Modern CSS layout system with responsive grid patterns, container queries, configurable builds, and responsive image srcsets generation
Modular, lightweight CSS framework and design system for modern web projects. Optimized for Astro JS, LightningCSS and Container Queries with @layer-based architecture and comprehensive accessibility.
JavaScript tests for element query conditions
## IMPORT IT FROM NPM. LINK IT. BOOM. DONE!
A copy of styled-jsx@5.1.1 work where we manually added support for the new container queries.
Simple lib to use container queries with styled-components
The Modern Web Development Framework for Accessible, Responsive, and High-Performance Applications. Intelligent container queries, fluid typography, WCAG compliance, and performance optimization.
Compute measurements of React components.
Copy of stylis@3.5.4 to support container queries
B235 is a cutting-edge CSS framework for building modern, responsive web layouts with minimal effort. Inspired by the flexibility of Tailwind (the "saw") and the composability of Bootstrap (the "LEGO brick"), B235 empowers developers to create UIs with ea
Advanced responsive design patterns and utilities for tachUI framework
A Bootstrap 4 based grid implimenting cq-prolyfill container query into the breakpoint logic.
Container queries made with sass mixins and a little bit of javascript
Production-ready, multi-application CSS framework with dynamic customization capabilities