Skip to content
Buy

Data GridPro

6 effects for the data grid family · every one loops · pure CSS unless a card says otherwise

The previews are open to everyone; the code of these effects comes with WunderUI Core and Pro.

1282,3409144
Cell Flash

Live data that changed gets a 600 ms tint, then settles.

Pure CSSData Grid
Heat Bloom

Cells bloom in reading order; intensity carries the value.

Pure CSSData Grid
Row Sweep

The load-in for any row set.

Pure CSSData Grid
Scroll Shadows

The edge fade appears only when there is more to scroll. Chrome 115+, Safari 26+; Firefox still open.

Modern CSSData Grid
Revenue ↓
Sort Wave

A tint runs down the column you just sorted by.

Pure CSSData Grid
Spring Curves

linear() samples a spring into a curve. Snappy, default and bouncy on one press. It cannot carry velocity across an interruption; that still needs JS.

Pure CSSData Grid