Button
Button with an icon, solid, gradient or video background, animated border and hover effects
The examples are only part of the story. Every tile also has the advanced options: animations, mouse effects, visibility by device or by date, positioning and more.
01
Just added
This is how it looks as soon as you add it to the page, before any changes.
02
The three actions of a trattoria
A real hierarchy: a solid pill in the primary color, an outlined button that fills on hover and an underlined link with only a bottom border.
03
The tickets of a night festival
On a night background: rotating gradient border, uppercase mono text with the “Animated gradient” effect and, next to it, an outlined button with a neon glow.
04
Sign-ups for a ceramics workshop
A single full-width call to action: gradient background from the Background component, arrow after the text, a warm shadow that grows and a radius that widens on hover.
05
A retro-computing museum, brutalist style
Thick black border, sharp corners, mono typeface and a sharp offset shadow that shortens on hover: the button looks pressed.
06
A florist's links, one below the other
A narrow column like a social profile: four full-width pills with a thin border and an icon, which fill with the primary color on hover.
07
The filters of an independent bookshop
Four small pills in small caps on a blue tint, the active one solid; on hover they grow and fill in.
08
An agritech startup's app
Two dark app-store buttons on the blue background: large icon, medium radius, strong shadow and a background that shifts toward blue on hover.
09
A button with a video inside
The Background component puts a looping video inside the pill, with a dark overlay to keep the text readable; on hover the button pulses.
