Compare Features LandingLanding page, 1 page
Flowline SaaS LandingLanding page, 1 page
Prismo Creative AgencyCreative, 1 page
Velour Car DetailingLanding page, 1 pageMorphing Icon Toggles
Six two-state icon buttons that swap icons with a spring rotation and scale: menu and close, play and pause, sun and moon, heart outline and filled, bell and muted bell, volume and mute. Each is a real toggle button wit…
50 sites for €79 only, Compare all plans
All photos and visual assets used in this preview are sourced from Unsplash.
The system behind it
One pattern, your whole brand.
Morphing Icon Toggles 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
- Icons
- Responsive
- Desktop to phone
- Works with
- Bricks, ACSS, plain CSS
Options 6
Set on the section, in Bricks’ attributes panel. No code needed.
data-themesurface
data-stylebutton look
data-sizebutton size
data-shapebutton shape
data-labelsshow the state name under each button
data-animentrance
Included in Pro €99 once with Pro Unlimited Lifetime: all 785 patterns, unlimited sites.
Get Pro
