Buttons

Circle plus add button

A wordless add button whose plus sign draws its two strokes outward from the centre on hover while the fill deepens.

Shipping crate

Order 4471, 12 of 40 parts packed

Quick add, same crate

Using Circle plus add button

A wordless add button whose plus sign draws its two strokes outward from the centre on hover while the fill deepens.

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: accent, width, strokeGrowth, spinRing

Which frameworks are available?

The catalog lists these versions: react. 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

2398Panel swallow buttonButtonsA button with a darker icon panel docked at one edge; on hover or keyboard focus the panel grows across the whole width and the label fades beneath it.

2568Quarter Turn Add ButtonButtonsA circled plus that turns a quarter revolution and floods solid when pointed at, then flips instantly to a light stroke while held.

2723Rising Circle FillButtonsAn outlined pill that fills on hover as a large accent circle rises from below its rim while the label tracking widens.

2037Shrinking cap icon rowButtonsA row of round icon buttons whose fill hides behind a dark cap that collapses away on hover, uncovering the colour from the rim inward.

2466Add Then Confirm ChipButtonsA dark chip with a warm label whose plus rocks side to side on hover, then rotates into a tick and reports the item added.

2707Amber upload pillButtonsA warm gradient upload pill with a bright rim that widens its coloured cast and lights the label from behind on hover.