Liquid Blur
@fluidkit/blurA glass material in plain CSS. Press behaviors, and pieces of glass that melt together.
Fluid Kit is a family of libraries for fluid interfaces: a glass material in plain CSS, controls that grow into panels of it, and highlights that follow the pointer. No framework needed.
Listen Now
New albumNeon Tides, out now
PlaylistGlass, calm and clear
Recently Played
Neon Tides
Lumen
Glass Houses
Paper Kites
Soft Machines
Arlo Vance
Afterglow
Mira Sol
Low Light
The Weekend Club
Night Swim
Coral
Bloom
Ines Okafor
Still Water
Northern Lakes
Prism
Vela
Golden Hour
June & the Tide
Top Songs
- Surface Tension
Lumen3:42 - Frosted
Vela4:05 - Refraction (Not Included)
Paper Kites2:58 - Backdrop
Mira Sol3:21 - Saturate
Coral3:47
Morph
@fluidkit/morphOne element flows into another and back, on springs you can turn around mid-way.
Indicator
@fluidkit/indicatorOne element flies onto whatever is hovered, pressed or chosen: menus, tabs, segmented controls.
Make your interface fluid. Free and open source, MIT.