Buttons

Count Sweep CTA

A compact dark call to action with a leading mark, a divider and a live tally, crossed by a slow diagonal light streak on hover.

Using Count Sweep CTA

A compact dark call to action with a leading mark, a divider and a live tally, crossed by a slow diagonal light streak on hover.

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: label, count, accent, glintMs, showCount

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

2314Charge Up Action ButtonButtonsA charcoal pill that lights into a saturated gradient key on hover, lifting off the surface while its mark turns and brightens.

2622Disc to Pill CTAButtonsA small filled disc beside a bare uppercase label stretches into a full pill on hover or focus, revealing the text and carrying the arrow along.

2763Draining fill buttonButtonsA flooded button that drains out of one edge on hover, leaving a hollow outline with the label flipped to the accent.

1633Flip face buttonButtonsA button with two faces that trades one for the other on a three dimensional turn, reversing from wherever it is when the pointer leaves.

1862Gradient swap buttonButtonsA rounded button whose diagonal shading trades its two stops on hover, so the light corner travels across the face.

2669Graphite Slab CTAButtonsA fixed-width dark slab button with a subtle graphite ramp that lifts on hover and carries a thin accent rule along its bottom edge.