The library

Techniques, not templates

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

1 / 2

Pull-to-refresh with resistance

This UI trick demonstrates a realistic pull-to-refresh gesture. Dragging down on the content at the top of a scrollable area reveals a spinner, with a 'rubber band' like resistance as you pull further. Releasing above a threshold snaps the content back, while releasing below it triggers a refresh animation before snapping back.

animationcssjavascriptmobilepull-to-refreshgesture

2 / 2

Enlarged Tap Targets for Small Elements

This UI trick demonstrates how to create comfortably large tap targets for small buttons or icons, enhancing mobile usability and accessibility. By using `min-width`, `min-height`, and padding, the interactive area is expanded without visually scaling up the contained element.

uxcssaccessibilityresponsivenessbuttonsmobile