Opens in a new tab

Icons and Icon Boxes

Rotate, bounce, pulse and spotlight effects for Icon and Icon Box elements.

Icon and icon-box effects

Native Bricks Icon and Icon Box elements with the Enhanced Bricks icon and icon-box controls applied.

Rotate

Bounce

Reveal

Pulse

Swap

Spotlight icon box

Hover to see the spotlight treatment across the full native icon box.

Lift icon box

The whole icon box lifts on hover, making the surface action more obvious.

Tilt icon box

Pointer movement tilts this native icon-box element.

Reveal icon box

Viewport reveal on the complete icon-box component.

Animate icon

The box stays calm while the icon receives the animated treatment.

Sequence contents

The icon, heading, and body copy sequence in together.