Image expand
Spatial interaction
A collection of copy-ready React components for the quiet details that make an interface feel considered.
NEWImage View TransitionsOpen Demo
Image modal
Focus and hierarchy
Icon morph
State feedback
Toggle sound
Emoji picker
Expressive input
Choose an emoji
Search expand
Focused input
Feedback morph
Inline feedback
Was this helpful?
Incorrect password
Input validation
Max width
Responsive layout
Breathing a little better.
This morning I left my phone behind and walked until the noise softened. The air felt slower out here, and so did I.
Notification reveal
Transient feedback
Spring button
Press feedback
Hold to delete
Deliberate action
Tabs
Content navigation
Text highlight
Reading interaction
The view across Tanzania stays with you.
Tooltip
Context on demand
Hover for detail
Code block
Copy feedback
const interaction = "useful";Â console.log(interaction);