The library

Techniques, not templates

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

1 / 2

Interactive Drag-and-Drop Zone

A responsive drag-and-drop file upload zone that visibly reacts to drag-over states, displays upload progress, and confirms successful completion, all driven by CSS transitions and JavaScript event handling.

transitionsjavascriptprogress-barcss-statesfile-uploaddrag-and-drop

2 / 2

60-30-10 Color Ratio Bar

An animated bar visually demonstrates the 60-30-10 color distribution rule. Neutral, secondary, and accent colors sequentially fill up the bar according to their ratios, followed by percentage labels and role names for a clear explanation of color hierarchy.

animationcsslayoutprogress-barinfographiccolor-theory