Interaction and motion

Click effects, page spotlight, background parallax, avatar motion, card entrances, scrollbar and selection.

Where: Extras → Effects → Interaction / Card entrance / Motion / Page details

Click effect

None, Ripple, Confetti, Hearts, Sparks

Default: None

A burst wherever someone clicks or taps. Uses your accent colors.

Page spotlight

0–100%

Default: 0 (off)

A soft Accent light that follows the mouse across the page. Desktop only.

Background parallax

0–100%

Default: 0 (off)

The background drifts slightly against the mouse for depth. Desktop only, and only for image, GIF and video backgrounds.

Avatar motion

Still, Float, Pulse, Sway

Default: Still

Your picture moves gently. Not on Editorial, Terminal, Desktop 98 or Old Web.

Works on: Identity, After Dark, Spotlight, Bento, Panel

Card entrance

none, fade, slide-left, slide-right, slide-up, scale, flip, glitch-in, hacker, matrix, shatter, pulse

Default: none

How your whole page appears when it opens. With the click-to-enter screen on, it plays when the visitor taps in.

Animation speed

25–200%

Default: 100%

The speed of your name and bio effects.

Scrollbar

Default, Thin accent colored, Hidden

Default: Default

Hidden still lets people scroll.

Accent text selection

On / Off

Default: Off

Highlighted text uses your Accent color.

Visitors who prefer reduced motion

Some people turn on “reduce motion” on their phone or computer because movement makes them unwell. For them yen.bio automatically turns off 3D tilt, click effects, page spotlight, parallax and the cursor trail, freezes background particles, skips entrance animations and shows Terminal instantly. You don’t need to do anything.

Related

Cursor

Cursor effects, custom cursor images (including animated .ani), color and size.

3D tilt

The card that leans toward the mouse on After Dark and Panel, and when it switches off.

Click-to-enter screen

The splash screen before your page: why it matters for sound, and every style option.

Still stuck?Ask in our Discord