The library

Techniques, not templates

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

1 / 2

Sliding Segmented Control with CSS Transform

A UI component with 'Day/Week/Month' tabs where an interactive pill slides smoothly behind the selected option, implemented using only CSS transform transitions driven by hidden radio inputs.

animationcssaccessibilityformssegmented-controlradios

2 / 2

Segmented Control Sliding Pill

A pure CSS segmented control with a smoothly sliding and resizing pill indicator, using radio inputs and labels for interaction. The pill animates its position and width with a springy cubic-bezier transition.

animationcsstransitionsformsno-jssegmented-control