---
title: "gooey-react"
description: "Half-kilobyte React component applying the SVG gooey filter so overlapping shapes blob together like liquid metal."
canonical: "https://vibing.inc/library/gooey-react-vg-0145"
category: "Backgrounds, Effects & CSS Oddities"
subcategory: "Gooey & metaballs"
license: "MIT"
author: "Luuk de Vlieger (@luukdv)"
source: "https://github.com/luukdv/gooey-react"
---

# gooey-react
Half-kilobyte React component applying the SVG gooey filter so overlapping shapes blob together like liquid metal.
## Facts
- Source: https://github.com/luukdv/gooey-react
- Category: Backgrounds, Effects & CSS Oddities / Gooey & metaballs
- Author: Luuk de Vlieger (@luukdv)
- Licence: MIT
- Tags: react, svg-filter, gooey, metaball
## Why it's a gem
0.5 KB for the metaball look everyone otherwise reaches for WebGL to get
---
Listed in The Vibeary: https://vibing.inc/library/gooey-react-vg-0145 · JSON: https://vibing.inc/api/public/library/gems/gooey-react-vg-0145