Compare Features LandingLanding page, 1 page
Flowline SaaS LandingLanding page, 1 page
Prismo Creative AgencyCreative, 1 page
Velour Car DetailingLanding page, 1 pageBurst Like Button
Toggle buttons (aria-pressed) for likes, favourites, stars and bookmarks: switching on fills the icon, pops it with a springy scale and throws a ring of particles (Web Animations API, cleaned up after each burst), and th…
50 sites for €79 only, Compare all plans
The system behind it
One pattern, your whole brand.
Burst Like Button reads your ACSS tokens, so changing a color, a font or a spacing value once restyles it everywhere. No hard-coded values, nothing to override.
- Type
- Element
- Category
- Buttons
- Responsive
- Desktop to phone
- Works with
- Etch, ACSS, plain CSS
Options 7
Set on the section, in Etch’s attributes panel. No code needed.
data-themesurface of the showcase section
data-alignrow alignment
data-particlescount · particles per burst
data-spreadpx · how far the particles fly
data-durationms · length of the burst
data-colorsparticles in the button colour or multicolour confetti
data-animentrance of the row
Component props 1
Only the repeating unit is a component. Duplicate, reorder or delete it in Layers and edit these props.
labelLike
ariaLabelLike this post
iconheart
tonedanger
stylesoft
sizem
pressedFalse
showLabelTrue
showCountTrue
count128
Free pattern. Yours to use on any site, no plan needed.
Included in Pro From €39 a year, with all 469 patterns.
Get Pro
