Warp Reel, Pattern Paste

Canonical: https://patternpaste.com/interactive/warp-reel/

Interactive (https://patternpaste.com/interactive/) Warp Reel Needs plugin (https://patternpaste.com/docs/install-pattern-paste/)

# The Warp Reel block

A screen-filling photographic wheel that snaps to a complete project after every scroll or drag and loops in both directions. Choose a finite page-scroll sequence instead in the editor. Narrow screens use a compact swipeable photo gallery with optional instructions; without motion, every project remains in a native gallery.

Subscribe (https://patternpaste.com/account/#plan)The 3 designs

Destination reel · Twenty Twenty-Five Plays best in its own window (https://patternpaste.com/previews/gallery-warp-reel-destinations/twentytwentyfive.html)

Open in its own window (https://patternpaste.com/previews/gallery-warp-reel-destinations/twentytwentyfive.html) Rendered by WordPress in Twenty Twenty-Five. Open this pattern (https://patternpaste.com/pattern/gallery-warp-reel-destinations.html)

3 patterns 3 designs 9 settings patternpaste/warp-reel Requires a block theme on WordPress 6.7 to 7.0. Classic themes and page builders are outside our supported setup. Adaptive patterns use the block theme’s colour, spacing and typography presets; styled variations declare their own colours or type.

## The designs

3 patterns, 3 designs between them. Each is this one block wrapped in core blocks, so everything around it takes its colours, spacing and type from your theme.

All 36 interactive patterns (https://patternpaste.com/interactive/#warp-reel)

Shot in Twenty Twenty-Five Gallery Gallery Needs plugin

### Destination reel

A full-screen-height landscape reel fills the left beside an editorial heading and numbered travel index.

9 blocks Open preview (https://patternpaste.com/pattern/gallery-warp-reel-destinations.html)

Shot in Twenty Twenty-Five Hero Hero Needs plugin

### Fullscreen portfolio reel

A photographic wheel fills the screen from top to bottom, with one project opening between curved neighbours.

7 blocks Open preview (https://patternpaste.com/pattern/hero-warp-reel-portfolio.html)

Shot in Twenty Twenty-Five Hero Hero Needs plugin

### Studio split reel

A large studio statement holds the left while a screen-height photographic wheel fills the right.

9 blocks Open preview (https://patternpaste.com/pattern/hero-warp-reel-studio.html)

## How it moves

A screen-filling photographic wheel that settles on a complete project after every scroll or drag, looping seamlessly in both directions. Choose Wheel / Drag with optional scroll-wheel input, or a finite Page scroll sequence in the editor. Turn off Scroll wheel for drag-only browsing that leaves page scrolling native. The projects and links stay editable core blocks. Narrow screens use a compact swipeable photo gallery. Show instructions optionally hides the browsing guidance in either layout.

## What you can set before you copy

Every one of these is an attribute of the block, so it is the same control the editor's inspector offers after you have pasted. The Motion drawer on a pattern's own page writes your values into the markup before you copy it.

Setting | Attribute | Values | Default |

Animate this block | patternpasteMotion | On or off | On |

Interaction | patternpasteInteraction | Wheel / Drag or Page scroll | Wheel / Drag |

Show instructions | patternpasteInstructions | On or off | On |

Scroll wheel | patternpasteWheel | On or off | On |

Loop | patternpasteLoop | On or off | On |

Warp on movement | patternpasteStrength | 0 to 1.35, in steps of 0.05 | 1 |

Resting curvature | patternpasteBarrel | 0 to 0.5, in steps of 0.02 | 0.4 |

Screen height (%) | patternpasteHeight | 70 to 100svh, in steps of 5 | 100svh |

Ribbon width | patternpasteWidth | 45 to 96%, in steps of 1 | 64% |

Back to the interactive patterns (https://patternpaste.com/interactive/)

## Needs the plugin

Install the Pattern Paste plugin first, then paste. This section embeds one of its blocks: the plugin comes with your access, downloads from your account, and takes a minute. Paste without it and the section arrives as a plain stack of your headings, text and images, with none of the motion.

The plugin is yours to use forever: after you cancel, it and every section using it keep working. Only updates and support stop.

How to install it (https://patternpaste.com/docs/install-pattern-paste/)

The plugin registers this block and nothing else: it ships no patterns of its own. The designs live here, as copy-paste markup.

### Before you paste

Requires a block theme on WordPress 6.7 to 7.0. Classic themes and page builders are outside our supported setup. Adaptive patterns use the block theme’s colour, spacing and typography presets; styled variations declare their own colours or type.