Icon Burst

Icon Burst, minimal, monochrome

Preview image. Unlock full-res

A minimal UI card component where brand asset icons burst apart into particles and reassemble, demonstrating a playful microinteraction for a design system.

More like this

See all

Summary

A minimal UI card component where brand asset icons burst apart into particles and reassemble, demonstrating a playful microinteraction for a design system.

Visual description

A white card centered on a light background containing a particle burst animation. The card has a clear hierarchy with a bold headline at top left, body text at bottom describing brand deliverables, and a central monochrome icon set (close button, LinkedIn mark, gear, image icon) surrounded by radiating grayscale particles exploding outward.

Key takeaway

Use particle burst effects around static icon groups to convey dynamic data transformation or system capability. The combination of simple monochrome icons with organic particle trails creates visual interest without color complexity.

Reuse notes

Reach for this as a motion still reference. Pairs with minimal directions. Original by Kons.

More like this

Keep what you find

A free account saves references to boards and can send you a weekly email of picks based on what you save.

To see every result, go Pro.