Search results
161 packages found
Responsive Media Query Higher-Order Component (HOC) for React
Simple and powerfull css breakpoints for styled-components
- media
- react
- css-in-js
- breakpoint
- media-query
- breakpoints
- css-in-react
- media-queries
- styled-components
- styled-breakpoints
Sass media queries mixins for checking group of devices (mobile, tablet, laptop, desktop) or device by name (iPhone 5, iPhone 13, iPhone 13 mini, iPhone 13 Pro, iPhone 13 Pro Max, iPad Pro 12.9, etc). Expandable and very simple for usage.
- css
- sass
- scss
- compass
- mixins
- media
- screen
- queries
- mediascreen
- media-screen
- mediaquery
- media-query
- mediaqueries
- media-queries
- View more
Easy media query in `backticks`
Detects user’s color scheme preferences using the 'prefers-color-scheme' CSS3 level 5 media query.
- a11y
- accessibility
- css
- environment-blending
- forced-colors
- inverted-colors
- level-5
- light-level
- matchmedia
- media-query
- prefers-color-scheme
- prefers-contrast
- prefers-reduced-motion
- prefers-reduced-transparency
React made responsible
Web component for media queries (like iron-media-query) implemented with LitElement.
provider and decorator to manage media queries with react
Beautiful media queries for styled-component
Detects user’s preferences for reduced motion using the 'prefers-reduce-motion' CSS3 level 5 media query.
- a11y
- accessibility
- css
- media-query
- level-5
- matchmedia
- prefers-reduced-motion
- light-level
- environment-blending
- inverted-colors
- prefers-reduced-transparency
- prefers-contrast
- prefers-color-scheme
- forced-colors
SASS Media queries on a single line
Detects the user’s preferences for inverted colors using the 'inverted-colors' CSS3 level 5 media query.
- a11y
- accessibility
- css
- media-query
- level-5
- matchmedia
- prefers-reduced-motion
- light-level
- environment-blending
- inverted-colors
- prefers-reduced-transparency
- prefers-contrast
- prefers-color-scheme
- forced-colors
Detects the characteristics of the user’s display using 'environment-blending' CSS3 level 5 media query.
- a11y
- accessibility
- css
- media-query
- level-5
- matchmedia
- prefers-reduced-motion
- light-level
- environment-blending
- inverted-colors
- prefers-reduced-transparency
- prefers-contrast
- prefers-color-scheme
- forced-colors
Detects the ambient light-level of the user’s device using the 'light-level' CSS3 level 5 media query.
- a11y
- accessibility
- css
- media-query
- level-5
- matchmedia
- prefers-reduced-motion
- light-level
- environment-blending
- inverted-colors
- prefers-reduced-transparency
- prefers-contrast
- prefers-color-scheme
- forced-colors
Detects user’s preferences for contrast using the 'prefers-contrast' CSS3 level 5 media query.
- a11y
- accessibility
- css
- media-query
- level-5
- matchmedia
- prefers-reduced-motion
- light-level
- environment-blending
- inverted-colors
- prefers-reduced-transparency
- prefers-contrast
- prefers-color-scheme
- forced-colors
Detects user’s transparency preferences using the 'prefers-reduced-transparency' CSS3 level 5 media query.
- a11y
- accessibility
- css
- environment-blending
- forced-colors
- inverted-colors
- level-5
- light-level
- matchmedia
- media-query
- prefers-color-scheme
- prefers-contrast
- prefers-reduced-motion
- prefers-reduced-transparency
Bring responsiveness to HTML headings
better media-query for... (e.g. styled-components, emotion, ...)
Simple and powerfull css breakpoints for styled-components and emotion
- media
- query
- media-query
- media-queries
- styled
- react
- javascript
- css-in-js
- breakpoint
- breakpoints
- css-in-react
- typescript
- styled-media-query
- styled media query
- View more
A React Native module to manage responsive layouts more efficiently