The library

Techniques, not templates

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

1 / 2

Staggered List Fade-in Animation

This effect makes a list of items appear one after another with a slight delay and a subtle lift, giving the perception of a lighter, more fluid loading experience compared to an abrupt, simultaneous appearance.

animationuxcssstaggeredlistfade-in

2 / 2

Pure CSS Typing Dots Animation

Recreate the classic 'typing…' indicator with three bouncing dots using only CSS. It features a staggered animation delay for a smooth, sequential bounce.

animationcssflexboxstaggeredkeyframeschat-ui