The Catalog — Signal Folio Effects Library

Series C — cursors

Try a cursor. Right now.

C1 lagging ring behind a dot · C2 sparks that scatter and fade · C3 drag glowing ink across the whole page · C4 a torch that darkens everything but where you point · C5 a ring that grows onto anything clickable · C6 a comet tail of trailing dots · C7 a pen line that draws where you move, then fades · C8 a dot that inverts every color it passes over · C9 full-screen crosshairs with live coordinates · C10 a field of particles that flee your cursor.

You're on a touch device — cursor demos need a mouse. Everything else below still works.

Series 1 — Text

Headlines & type

Rise on cue.

Line rise

Lines lift out of a clipped mask — the signature hero move.

Typewriter

Characters arrive one by one with a blinking caret.

########

Scramble decode

Glyphs churn, then lock into the real word.

Every word arrives on time.

Word cascade

Each word fades up in sequence.

Wavy.

Wave loop

Letters bob on a gentle standing wave, forever.

HOVER MEHOVER ME

Outline fill

Hollow type floods with color on hover.

Series 2 — Buttons

Hover states & micro-interactions

Magnetic pull

The button leans toward your cursor before you arrive.

Fill sweep

Color slides through on hover like a wiper.

Glow pulse

A soft neon heartbeat while hovered.

Border draw

The outline sketches itself around the button.

Arrow shift

The arrow leans into the click — small, but everyone feels it.

Series 3 — Images

Galleries & cards

3D tilt

The card tips toward your cursor in perspective.

Color reveal

Grayscale until you hover — then it wakes up.

Gloss sweep

A sheen of light passes across on hover.

Timewarp · Kissimmee

Zoom + caption

Slow zoom while the caption slides in from below.

Wipe reveal

The image unveils itself with a clean directional wipe.

Series 4 — Scroll & motion

Things that move with the page

0 reviews

Count-up

Numbers roll up to their value as they enter the screen.

CUSTOM ✕ ANIMATED ✕ HAND-BUILT ✕

Marquee

An endless strip that never stops rolling.

Parallax layers

Move your cursor over it — layers drift at different depths.

Look at the top edge of this page — the lime bar is your scroll progress. That's 4D, running site-wide right now.

Scroll progress

A thin bar tracks how far down the page you are.

Every card on this page
faded up as you scrolled.

Scroll reveal

Sections rise in as they enter view — the baseline of every build.

Series 5 — Ambient

Loaders, idles & backgrounds

Dot loader

Three dots doing their little dance while things load.

Skeleton shimmer

Content placeholders that shimmer until the real thing arrives.

Breathing blob

A soft glow that inhales and exhales behind content.

Signal pulse

A waveform that draws itself and idles with a pulse.

Floating particles

Particle field

Slow-drifting specks that make a section feel alive.

Pick your effects by number.