Buttons

Tilting Backer Tile

A square translucent tile with a solid colored plate sitting exactly behind it that tilts out from under the face on hover.

Using Tilting Backer Tile

A square translucent tile with a solid colored plate sitting exactly behind it that tilts out from under the face 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: accent, label, size, tilt, duration

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

1756Twin Sweep TileButtonsA square outlined tile that tilts as it lifts, runs two slanted light bands across itself in opposite directions and trades its glyph for a caption.

1741Rising Fill BadgeButtonsA square tile whose round badge shrinks and climbs while a large circle wipes upward from below and a caption rises into the space it leaves.

2025Rotating backer buttonButtonsA dark plate with a tinted panel hidden just behind it that spins a half turn on hover while the light spilling past its edges spreads wider.

2567Squaring backer buttonButtonsA solid pill with a tilted twin behind it that snaps level and lit on hover while an arrow unfolds from the left beside the label.

2590Copy flick tileButtonsA square tile holding a stack of two pages; a long press flicks the top page away, confirms the copy in the caption, then resets the stack.

2577Corner bracket target buttonButtonsA boxy button framed by four corner brackets that retract inward on hover, closing on the label like a sight.