Atelier UI®

DocsCatalogShader StudioPricingGithub
Docs 1.0.0

tools

  • Browse Catalog
  • Shader Studio
    pro
  • Collage
    new

Documentation

  • Installation
  • How to contribute

Page Transition (01)

  • Clip Transition

Components (42)

  • Orbit Gallery
  • Sphere Gallery
  • Glowing Fog
  • Gradient Flow
  • Halftone Glow
  • Scattered Grid
  • Tag Cloud
  • Edge Bounce
  • Fluid Distortion
  • Image Trail
  • Lens Media
  • Liquid Media
  • Magnetic Dot Grid
  • Pixel Media
  • Pixel Trail
  • Dither Cursor
  • Hover Burst
  • Image Bloom
  • Curve Media
  • Infinite Gallery
  • Infinite Parallax
  • Infinite Zoom
  • Pixel Scroll
  • Scattered Scroll
  • Elastic Stick
  • Letter Swarm
  • Magnify Trail
  • Stacking Grid
  • Wavy Scroll
  • Pixelated Text
  • Text Bounce
  • Text Fluid
  • Text Scramble
  • Falling Text
  • Text Roll
  • Smooth Scroll
  • Text Split
  • WebGL Image
  • WebGL Provider
  • WebGL Scene
  • WebGL Text
  • WebGL Video
Atelier UI 1.0.0 ©2026
Star on githubBuy me a coffeellms.txt
  1. Docs
  2. /
  3. Page Transition
  4. /
  5. Clip Transition

Clip Transition

A covered route transition that clips and scales the page, WebGL compatible.

https://atelier-ui.com/clip-transition
Unlock Code

Unlock component

One license unlocks every pro feature for life, including the ones we haven't built yet.

Get pro access

Already have an account? Sign in

Credits

Motion
React animation library.

  • Install
  • Usage
  • Note
  • How the transition works
  • API
  • ClipTransition
  • TransitionLink
  • TransitionPage
  • TransitionProvider
  • Credits
Star on githubBuy me a coffeellms.txt