Skip to main content
← Back to library
Preview of gooey-react
GitHub

Backgrounds, Effects & CSS Oddities · Gooey & metaballs

gooey-react

Half-kilobyte React component applying the SVG gooey filter so overlapping shapes blob together like liquid metal.

Why it’s a gem

0.5 KB for the metaball look everyone otherwise reaches for WebGL to get

Visit github.com
Author
Luuk de Vlieger (@luukdv)
Type
GitHub repository
License
MIT
Added
Aug 17, 2026
Domain
github.com
reactsvg-filtergooeymetaball
Browse more:Backgrounds, Effects & CSS OdditiesGooey & metaballs#react#svg-filter#gooey#metaball

More from Gooey & metaballs

Preview of fluidkit

fluidkit

React library for liquid glass and metaball UI animations, including morphing nav indicators and blob transitions.

Unknownopen-source

the Vibing Company®

the Vibing Company®

Est. for tomorrow.

jon@vibing.inc

Navigate

  • Home
  • Services
  • Pricing
  • About
  • Hiring
  • Contact
  • Start a project

Library

  • The Vibing Library
  • New this week
  • Best-of round-ups
  • Creators
  • Submit a project
  • Featured badge
  • Design generators
  • UI components
  • AI skills & MCP
  • Motion & animation
  • Shaders & WebGL
  • Starters to clone

Guides

  • All guides
  • What is vibe coding
  • Lovable vs Cursor
  • Build an MCP server
  • Export Lovable Cloud data
  • iOS Safari white bar fix

Elsewhere

  • Developer docs & API
  • For agents
  • llms.txt
  • OpenAPI
  • MCP manifest
  • X
  • Terms
  • Refunds
  • Privacy
  • Cookies
  • Imprint
© 2026 the Vibing Company®