Adventureland Registry
Motion / Effects

Choker Reveal

Animated erode + roughened edges on a posterized cadence — a logo/shape reveal.

ChokerReveal stacks an AE-style recipe: a feMorphology erode whose radius animates from fromRadius → toRadius, roughened alpha edges via feTurbulence + feDisplacementMap, and a posterized seed so the whole reveal steps on twos. Wrap a logo or shape to have it "develop" in.

Installation

npx shadcn@latest add @adv/choker-reveal

Usage

import { ChokerReveal } from '@adv/motion';

<ChokerReveal fromRadius={16} toRadius={0} startFrame={0} durationInFrames={50}>
  <YourLogo />
</ChokerReveal>

Example

Turbulent Text

Edge breakup + surface warp + internal grain — print-on-texture blending.

Chromatic Aberration

RGB-split fringing — a light drop-shadow variant and a heavy channel-split variant.

On this page

InstallationUsageExample