Every trick recreated from the source video as a live, self-contained demo. Search, filter, open, steal.
A custom-styled checkbox featuring an SVG checkmark that draws itself with a smooth stroke animation. It supports unchecked, checked, and indeterminate states while maintaining native accessibility.
An SVG-based circular progress bar that animates from 0% to 100% using the `stroke-dashoffset` property. It features a round line cap and starts filling from the 12 o'clock position, with a numerical percentage updating in sync.
An animated success indicator featuring a glowing circle that draws itself, followed by a dynamically drawing checkmark, and a 'Done!' message, creating a satisfying visual reward for a completed action.
Recreates a "blueprint" style effect where UI components, their dimensions, and labels are animated as if being drawn by a CAD plotter, using SVG path animations and timed content reveals.