Every trick recreated from the source video as a live, self-contained demo. Search, filter, open, steal.
A headline that types itself out with no JavaScript at all. The trick is animating width from 0 to the text's own character count in ch units, with white-space: nowrap and overflow: hidden clipping the rest, and a steps() timing function landing the reveal one character at a time. A blinking border-right doubles as the caret.
Demonstrates a smooth entrance and exit animation for tag chips using CSS `keyframes` and `transform: scale()`. Chips dynamically appear and disappear, creating a subtle popping effect.
A self-dismissing toast notification that slides in, remains visible for a set duration, and then slides out, all powered purely by CSS animations without JavaScript.
A heart icon button that, when clicked, changes color and performs a satisfying 'pop' animation using CSS keyframes and a hidden checkbox for state management, requiring no JavaScript.
A pure CSS loading bar that uses a ::before pseudo-element and keyframe animation to create an infinitely sliding, indeterminate progress effect, without any JavaScript.
Recreate the classic 'typing…' indicator with three bouncing dots using only CSS. It features a staggered animation delay for a smooth, sequential bounce.