The library

Techniques, not templates

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

1 / 2

Before/After Image Slider with Clip-Path

This component demonstrates a draggable image comparison slider built by layering two images and dynamically adjusting the `clip-path` property of the top layer using a CSS custom property controlled by JavaScript.

cssjavascriptclip-pathsliderdragimage comparison

2 / 2

Swipe to Reveal Actions

A fluid, native-feeling interaction where swiping a list item to the left reveals hidden action buttons behind it, which then snap open or spring back closed.

animationjavascriptlistinteractionswipedragcss transform