React Component to maintain a consistent width-to-height ratio (aspect ratio), preventing cumulative layout shift.

Display the loading state of a component while avoiding layout shift

`@next/font` includes built-in automatic self-hosting for any font file. This means you can optimally load web fonts with zero layout shift, thanks to the underlying CSS size-adjust property used.

A Storybook addon that provides a real-time performance monitoring panel with frame timing, input latency, layout shift, and React render profiling.

Generates a .gif showing the layout shift events for a website.

Font loading optimizer for spark-html sites — @font-face + preload + size-adjusted fallbacks in one config, no FOUT, no layout shift. Zero dependencies.

ESLint plugin to force responsive media elements to set the width/height attributes

Hover-expand overlay sidebar for Svelte 5: rail<->pinned tri-state, no-layout-shift morphing nav tree, DI seam for i18n/haptics/auth/flags

 [](https://codecov.io/gh/potato4d/rehyp

A Svelte component for creating responsive, optimized images from Sanity.io. Powered by the [Sanity Image Builder](https://www.sanity.io/docs/image-url) under the hood, it simplifies responsive image handling and layout shift prevention in your Svelte pro

Variable font weight hover and bold interactions without layout shift — wght increase with automatic wdth/tracking compensation

Visionary Image — The easiest way to Blurhash. Renders true-to-size placeholders that eliminate layout shift and crush Core Web Vitals. SSR-ready React & Web Components.

Zero-config SvelteKit/Vite font plugin: auto-detect, self-host, and metric-matched fallbacks that eliminate layout shift.

React bindings for ConsentLoop — the fastest cookie consent (CMP) for the web. Provider, useConsent hook and <ConsentGate>. GDPR & CCPA, Google Consent Mode v2, zero layout shift.

A zero-configuration Vite plugin that measures text off the main thread in a Web Worker (via @chenglou/pretext): reserve height to stop layout shift, shrink-wrap to content width, style by wrapped line count, or read measurements with zero forced layout.

A utility package for generating CSS custom properties from image dimensions to prevent layout shift

Serviço leve para evitar layout shift ao esconder a scrollbar do body durante modais, overlays e afins.

Drop-in Blurhash placeholders for any website. Eliminate layout shift and improve Core Web Vitals — via script tag or SSR HTML.

The fastest cookie consent banner for the web — a source-available CMP. Zero dependencies, zero layout shift, ~1.5 KB loader. Google Consent Mode v2, GDPR & CCPA presets, script & embed gating, per-service consent, 58 languages, headless mode.

Avoid content layout shift with home made client hints!