Draw attention
Border beam
Highlight a primary action, focused input or important card with a moving border.
Interactive React components for agent interfaces. Find an interaction, try it live and copy the code for your app.
7 of 7 libraries · Interactive previews, controls and React code
Highlight a primary action, focused input or important card with a moving border.
Make searching, listening and composing states visible with an animated particle orb.
Give an assistant a character that follows the pointer and responds to working or sleeping states.
Give menus, sliders and draggable items a liquid surface that stretches and merges.
Show speaking and listening activity with a glow, dots or wireframe driven by audio level.
Add reflective rings, text or badges to an action, plan label or announcement.
Transition an image from a pixel mosaic to a finished result with an animated reveal.
Choose a component by what it does, or start with a ready-made example.
Change states, materials and motion. Preview your choices in light or dark mode.
Install the component source and copy the code. Keep your own content and design tokens.