The library

Techniques, not templates

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

1 / 2

CSS Subgrid for Aligned Pricing Cards

This snippet demonstrates how CSS Subgrid allows elements within child grid items to align perfectly across a parent grid, even when the content length varies. It showcases a common pricing card layout where titles, descriptions, prices, and buttons snap to the same baseline, eliminating manual height adjustments.

csslayoutresponsivegridalignmentsubgridcards

2 / 2

Interactive Radio Cards

A set of custom-styled radio buttons where selecting an option dynamically updates the appearance of its entire parent card using the `:has()` CSS selector for a premium feel.

cssformscardsselectionradio buttonshas