Compare Features LandingLanding page, 1 page
Flowline SaaS LandingLanding page, 1 page
Prismo Creative AgencyCreative, 1 page
Velour Car DetailingLanding page, 1 pageDrifting Bubble Field
Ambient icon-bubble field built as a plain, fully editable Etch tree: section > container > header (eyebrow, h2, intro) > stage holding "Field Bubble" component instances (duplicate/reorder/delete in Layers to change the…
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.
Drifting Bubble Field 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
- Component
- Category
- Interactive
- Responsive
- Desktop to phone
- Works with
- Etch, ACSS, plain CSS
Options 5
Set on the section, in Etch’s attributes panel. No code needed.
data-themedata-driftgentle autonomous floating motion on every bubble
data-speeddrift speed
data-repelbubbles glide away from the pointer as it passes near them
data-popclicking/tapping a bubble pops it
Component props 1
Only the repeating unit is a component. Duplicate, reorder or delete it in Layers and edit these props.
iconPathM12 2.6l2.9 5.9 6.5.95-4.7 4.6 1.1 6.5L12 17.5l-5.8 3.05 1.1-6.5-4.7-…
labelCraft
toneneutral
size1.3
x14
y22
Included in Pro From €39 a year, with all 753 patterns.
Get Pro
