Compare Features LandingLanding page, 1 page
Flowline SaaS LandingLanding page, 1 page
Prismo Creative AgencyCreative, 1 page
Velour Car DetailingLanding page, 1 pageRipple Press Button
Buttons with touch feedback: pressing spreads a soft ripple from the exact pointer or touch position (keyboard Enter and Space ripple from the centre), the button dips on press and lifts on hover. One ripple layer per b…
Get this with ProIncluded in your plan
50 sites for €79 only, Compare all plans
The system behind it
One pattern, your whole brand.
Ripple Press 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 4
Set on the section, in Etch’s attributes panel. No code needed.
data-themelightdark
surface
data-alignstartcenterend
row alignment
data-shapepillroundedsquare
corner style
data-animrisefadenone
entrance
Component props 1
Only the repeating unit is a component. Duplicate, reorder or delete it in Layers and edit these props.
PropTypeDefault
labeltext
Add to project
styletext
solid
sizetext
m
icontext
plus
Included in Pro From €39 a year, with all 469 patterns.
Get Pro
