The library

Techniques, not templates

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

1 / 2

Clamp a Paragraph to N Lines

Cutting a preview to a fixed number of lines used to mean measuring text and slicing strings. Three declarations do it instead: display: -webkit-box with a vertical box-orient lets -webkit-line-clamp cut at whatever line you name, and the browser adds the ellipsis. The line count here is a custom property, so the same rule serves every card.

csstypographytexttruncationline-clamp

2 / 2

Multi-Line Text Truncation with Ellipsis

Truncate multi-line text to a fixed number of lines using CSS `line-clamp`, automatically adding an ellipsis when the content overflows. The demo switches between short and long descriptions to illustrate the effect.

animationcsstexttruncationline-clampellipsis