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…
Get this with ProIncluded in your plan
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
- Etch, ACSS, plain CSS
Options 6
Set on the section, in Etch’s attributes panel. No code needed.
data-themelightdark
surface
data-stylesoftsolidoutlineghost
button look
data-sizesml
button size
data-shaperoundsquircle
button shape
data-labelstruefalse
show the state name under each button
data-animrisefadenone
entrance
Included in Pro From €39 a year, with all 785 patterns.
Get Pro
