Let it linger.
Hold the button. Release for a soft light decay.
Interaction lab
Light that
responds.
Press, release, choose, drag, complete. A little extra light at the moment it matters.
Touch and keyboard welcome. Reduced motion skips animated blooms. These examples use unreleased repository features.
A little confirmation.
A green response after the action succeeds.
Something needs you.
A brief rose-colored response, with a clear message.
Pause for a moment.
An amber pulse draws attention to a warning.
Keep your place.
A gentle edge stays with the selected state.
Light follows your hand.
Drag or use arrow keys. Reach 100 for a completion pulse.
Make it intentional.
Hold for one second to confirm. Release early to cancel.
Ready.
Finish with light.
A simulated upload builds toward one final bloom.
Ready.
Right here.
A quiet edge follows focus into your existing field.
A gentle arrival.
Bring attention to a new message without moving it.
No new messages.
Your action. Our light.
const [feedback] = brightenFeedback(button);
// Call after your application action succeeds:
feedback.flash('success');
feedback.select(true);
feedback.destroy();No application actions, sounds, vibration, or third-party UI dependencies are added by the helper. Existing focus indicators remain visible.