Scribble Reveal

Basic

Stacked A

Stacked B

Stacked C

Scratch A

Scratch B

Scratch C

Signature

Circle

How it works

Scribble Reveal is a widget made up of a Title and a Scribble.
Scribble is a title itself and the scribble will fill it’s dimensions, just like the demos, but you can create long headings using the prefix and sufix controls.
There are 9 types available to choose from: Basic, Stacked A, Stacked A, Stacked A, Scratch A, Scratch B, Scratch C, Signature, Circle. Just like the demo.

Scribble group

Scribble is an SVG so thickness and color controls are applied to the stroke.
Each Scribble positioning and dimensions may vary depending on the type selected. You can adjust them with the width and distance controls at pleasure.

ScrollTrigger group

Scribble Reveal animation uses ScrollTrigger Library to fire on scroll. Learn more about ScrollTrigger here.
Start: determines the position of the Scribble Reveal element to fire the animation. “top bottom” means when the top of the element hits the bottom of the viewport.
Replay on enter back: if enabled, the animation will replay each time the Scribble Reveal element enters the viewport at the start position selected.