Search results
255 packages found
Breakpoints Badge Preset for UnoCSS
Moves elements from one place to another.
- lightweight
- performance
- responsive
- adaptive
- breakpoints
- vanilla
- javascript
- pure
- library
- dom-manipulation
- no-dependencies
v-breakpoints is a Vue 3 plugin designed to streamline responsive design by providing a centralized way to manage and listen to viewport changes. It simplifies handling breakpoints and screen sizes, enhancing component behavior and layout adjustments acro
- v-breakpoints
- useBreakpoints
- vue
- vue3
- media
- responsive
- screen
- breakpoints
- viewport
- media queries
- composition api
- vue composition api
- vue plugin
- responsive design
- View more
A React component to conditionally render children based on Ant Design's breakpoints or custom media queries.
Angular reactive breakpoint observer based on Signals.
This hook returns the viewport width in real time, as well as observing a breakpoint.
ViewportJS is built on top of `window.matchMedia` and provides valuable features that enable more structure when querying and subscribing to media queries.
``` npm i breakpoint-hooks pnpm add breakpoint-hooks yarn add breakpoint-hooks ```
Angular Flex-Layout =======
A React component that provides a visual overlay for displaying and debugging grid layouts in your application, defined by tailwind classes.
- react
- tailwind
- grid
- layout
- debug
- overlay
- visualization
- responsive
- breakpoints
- columns
- development-tool
- ui
- css
- web-development
**What** - tiny plugin for working with responsiveness intervals, focused runtime performance and great DX. **Why** - I'm obsessed with runtime performance and ease of use: see [how it works](#how-it-works).
- vue
- vue3
- vue responsiveness plugin
- vue plugin
- responsiveness
- responsive design
- responsiveness breakpoints
- responsiveness interval
- breakpoints
- custom breakpoints
- matchmedia
- window matchmedia
- match media
- media query
- View more
A responsive management system based on screen width.
A small and simple CSS gutter to create rows and cells using the flexbox model.
A small but feature-rich code editor for the web
- code-editor
- text-editor
- browser
- javascript
- syntax-highlighting
- editor
- typescript
- web
- code
- contenteditable
- rtl
- breakpoints
- line-numbers
A React component that automatically arranges child elements into columns based on the available screen space, similar to the Discord GIF browser. This package is great for creating product listings, galleries, and more.
Simple hook to detect changes on the width of a container when matches a given breakpoint and also for the global breakpoints
A React component to conditionally render children based on matching breakpoints or custom media queries with plenty on options.
Build responsive design into your Vue 3 app
Simple hook to listen for media query changes.
Gatsby plugin providing breakpoints using React Hooks