Gallery Catalog JSONComponent5 artifacts

Heidi component

CSS modal motion variants with tiny state triggers

Flip Modal

CSS modal motion variants with tiny state triggers

Tags

modal
css-motion
css-keyframes
3d-transform
zero-dependency
source-matched
reduced-motion

Preview visible

Effect

State

Files

ManifestPage JSON Guide Zip

Runtime: HTML/CSS/JS
Preview: Source-matched preview
Exports: Source bundle, guide, zip, preview HTML
Packages: None
Assets: No assets
Motion: Keyframes, 3D transform, Clip-path, Backdrop filter

The iframe preview is backed by the same HTML, CSS, and JS files in the source bundle.

HTML/CSS/JS · Source-matched previewPage JSON Guide Zip

effects/flip-modal/flip-modal.htmlhtml

Loading source...