The library

Techniques, not templates

Every trick recreated from the source video as a live, self-contained demo. Search, filter, open, steal.

1 / 2

Swipeable Card Stack with Depth Effect

Recreates a satisfying swipeable card stack interaction where the top card is flung away, revealing the next card which smoothly rises into position with a depth effect. Utilizes CSS transforms for scaling, translation, and rotation, managed by JavaScript for interaction.

animationui/uxinteractiontransformscss variablescard stack

2 / 2

3D Tilt Card with Glare

A dynamic 3D card effect that tilts and generates a 'light-catching' glare as the cursor moves across its surface, giving elements a sense of floating depth.

animation3dtransformsinteractiveglarecss variables