Rivelle Effects

Motion you can actually feel.

Pointer fields, animated buttons, reactive backgrounds, text motion and dimensional surfaces. Each effect is a focused primitive with editable source.

Pointer-awareReduced motionSource owned
Effects collection

Eleven distinct mechanics. No duplicate glow fillers.

Effect style
Drag the divider

Compare Slider

MediaInteractive

A controlled or uncontrolled before-and-after stage with drag, hover and keyboard interaction.

Enter from any edge

Try all four sides

Direction Reveal

MotionInteractive

A generic reveal surface whose overlay enters and exits from the actual pointer direction.

0xRIVELLEDETAIL / 2048
Inspect the details

Cursor Lens

MediaInteractive

A circular magnifier for arbitrary React content with configurable lens size and zoom.

RIVELLE / 03

Pulse

RIVELLE / 02

Orbit

RIVELLE / 01

Signal

Throw the top card

Draggable Stack

MotionInteractive

A spring-driven stack that promotes the next card after the top card is dragged past a threshold.

Bend the spectrum.

Move the light field

Cursor Gradient

BackgroundInteractive

An animated color mesh with a luminous field that follows the pointer in real time.

Draw a delayed wave

Ripple Grid

CursorInteractive

A field of cells that contracts and illuminates in a delayed wave around the pointer.

Spatial surface

Change the angle

Tilt Card

3DInteractive

A perspective wrapper with pointer-driven rotation, dimensional content and a glare layer.

Tilt the horizon

Perspective Grid

3DInteractive

A reactive horizon grid whose perspective tilts toward the pointer without canvas or WebGL.

Hover to replay

Text Scramble

TextInteractive

A decoding text animation that resolves random glyphs into an accessible final message.

Approach from any side

Magnetic Button

ButtonInteractive

A tactile action that leans toward pointer intent and springs precisely back into place.

Move over the light

Shimmer Button

ButtonInteractive

A luminous action with a looping shimmer and a second glow that follows the pointer.