Vault Version 1.0

The Button Vault

Button is the most important element of UI, and here is my favorite button collection.

01. Hold to Confirm

A deliberate interaction pattern for critical actions. The progress-based feedback ensures users are fully aware of the consequences before completion, with an automatic reset mechanism for seamless repeated use.

Prototyping

02. Editable Chip

Smoothly transitioning between static content and interactive input. This micro-interaction eliminates the need for modal popups, allowing for inline editing that maintains context and visual flow within the interface.

03. Dynamic Split Action

Transforming a single entry point into multiple specific actions. This layout-driven transition provides a playful yet highly functional way to reveal secondary operations without cluttering the initial view.

Created by Tival Ibadi RasyidinInteraction Design 2025