Fieldbook
Sign in

Buttons

Extruded tilt button

A heavy display button leaning in perspective whose hollow letters are extruded by two hard offsets that flip sides as the plate swings on hover and slap flat when pressed.

Using Extruded tilt button

A heavy display button leaning in perspective whose hollow letters are extruded by two hard offsets that flip sides as the plate swings on hover and slap flat when pressed.

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, accent, tiltDegrees, extrusion, sweep

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 code, framework versions and installation commands are available in the workbench above.

Connect your agent

Nearby

Letter drop press button
2517Letter drop press buttonButtonsA key-cap button on a darker ledge whose label drops away on hover and is rebuilt letter by letter from above, pressing down onto the ledge when clicked.
Perspective sheen button
2582Perspective sheen buttonButtonsA solid rectangular button carrying a translucent sheen panel skewed in perspective that flattens flush on hover.
Shrink and emphasize button
2726Shrink and emphasize buttonButtonsA button that contracts on hover while its label grows larger and heavier, so the type presses outward against the shrinking shell.
Two face flip button
1661Two face flip buttonButtonsA button with two stacked faces that rotate past each other in 3D on hover, the front tipping away toward a chosen edge while the back swings in to take its place.
Amber upload pill
2707Amber upload pillButtonsA warm gradient upload pill with a bright rim that widens its coloured cast and lights the label from behind on hover.
Anaglyph wobble button
2625Anaglyph wobble buttonButtonsA button that hangs in a slow 3D swing and, when hovered or focused, throws warm and cool duplicates of itself out of register with an overshooting wobble.