The library

Techniques, not templates

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

1 / 2

Chip / Tag Input Field

An interactive input field that converts typed entries into visible, removable 'chips' upon pressing Enter. Chips are styled as rounded pills and can be individually dismissed by clicking an 'x' button or by pressing Backspace when the input field is empty. Includes accessibility for screen readers.

accessibilityinputjavascriptflexboxchipstags

2 / 2

Dynamic Tag Input with Chips

An interactive input field where users can type text, press Enter to create a tag chip, and click '×' to remove a tag. The input field dynamically adjusts its width and wraps as tags are added or removed, offering a smooth user experience.

forminputjavascriptdynamicchipstags