Inputs

Avatar profile picker

A profile setup card: an avatar stage whose glow ring recolors per selection, a thumbnail strip to switch avatars, and a validated username field.

Pick your avatar

Choose a look, then claim a handle to finish setting up.

Username

0/20

Using Avatar profile picker

A profile setup card: an avatar stage whose glow ring recolors per selection, a thumbnail strip to switch avatars, and a validated username field.

Try the live preview with a pointer and keyboard, then check focus visibility and the narrow layout in your own page. Use the plate number or slug when asking your coding agent to fetch this component.

Props: heading, username, minLength, avatarCount

Which frameworks are available?

The catalog lists these versions: react, vue, svelte, astro, html. The live preview on this page runs React.

How do I access the implementation?

The preview and component description are public. Sign in with an authorized account to open the code, framework versions and installation panel.

Connect your agent

Nearby

2801Compact select menuInputsA trigger button that opens a floating list of choices, with the current pick shown on the button and a check beside it in the list.

2772Model picker prompt boxInputsA prompt composer with an auto growing field, a dropdown for choosing which assistant handles the request, an attach control and a send action.

2297Addon Input GroupInputsA text field wrapped in one bordered shell that can carry a leading icon, a trailing button or text, and shares one focus ring across the whole group.

2108Appointment Range CardInputsA card that pairs a single-month date grid with a start-time and end-time field below it, for picking one day plus a time window in one compact block.

2109Appointment Scheduler CardInputsA single date picker framed inside a titled card with a jump to today button in the corner, styled for booking one appointment.

2792Auto Grow TextareaInputsA multi-line text field that grows taller as the person types more, instead of scrolling inside a fixed box.