Effects

Animated backgrounds, motion details and page transitions that make a product feel alive, without heavy dependencies.

Page Transitions

Find the quiet
in the work

Curtain Transition

A panel rises from the bottom to cover the page, then carries on off the top.

Find the quiet
in the work

Wipe Transition

A panel sweeps across from the right, pushing the page along.

Pro

Find the quiet
in the work

Columns Transition

Bars rise one after another to cover the page, then carry on upward like blinds.

Pro

Find the quiet
in the work

Stack Transition

The whole page steps back like a card, and a sheet slides up over it.

Pro

Find the quiet
in the work

Corner Transition

Two panels grow from the top-left corner, then the next page opens through a widening window.

Pro

Find the quiet
in the work

Slide-over Transition

The next page slides up over this one, which steps back into the dark.

Pro

Find the quiet
in the work

Frame Transition

A red rectangle grows from the middle of the screen, and the next page grows inside it.

Pro

Backgrounds

Dot Pattern

Dot Pattern

Lightweight SVG dot grid background, ready to mask into any shape.

Animated Grid Pattern

Animated Grid Pattern

Grid background whose cells fade in and out at random positions.

Pro

Motion

NorthwindGlobexInitechUmbrellaHooli
NorthwindGlobexInitechUmbrellaHooli
NorthwindGlobexInitechUmbrellaHooli
NorthwindGlobexInitechUmbrellaHooli

Marquee

Infinitely scrolling row of content that pauses on hover, horizontally or vertically.