Motion & effects / Effect library
Libraries.dev Gooey
Explore a merging, liquid visual motif.
Understand the resource
What it is.
The former gooey.jakubantalik.com page announces its move to Libraries.dev. The current library presents gooey effects for React, giving the treatment a maintained documentation destination to inspect.
When it is useful
A small decorative interaction benefits from shapes appearing to merge.
A proposed application
Put it to work.
This example illustrates a possible use. The proposed workflow and expected result are separate from the bounded checks recorded below.
Try this
Apply the effect to a synthetic icon treatment while keeping the actual button hit area and label unchanged.
Result to aim for
One visual motif within a stable control.
Before you start
What you need.
- A compatible implementation and a nonessential effect boundary.
The practical boundaries
What to watch for.
- Merging shapes can hide boundaries or make targets ambiguous.
- Check the current package, license and reduced-motion options; no effect was installed or rendered here.
Review record
What we could establish.
- Public primary documentation and the bounded account-free checks below were reviewed. Changing Goo blur from six to sixteen changed the sample SVG Gaussian-blur value to sixteen. This verifies one live parameter, not the full React library.
The source-review notes describe documentation and identity. The account-free evaluation below records exactly which public interaction or local fixture was checked, what happened, and what remains untested.
Check current access, terms, licensing and data handling before using a resource with your own material.
Runtime and security evaluation
What the evaluation covers.
Changing Goo blur from six to sixteen changed the sample SVG Gaussian-blur value to sixteen. This verifies one live parameter, not the full React library.
Methods: Public HTTP response · Public browser sample. A completed check covers the stated sample; it is not a safety certification.
- Target
- https://libraries.dev/gooey
- Version or capture
- Unversioned public page checked 2026-10-19
- Integrity scope
- sha256:6cdd51682a05a774905513eb3b8421db8892e83da0109ab965518c25a2f24bed
Test conditions
- Chromium 155.0.8059.82 on Windows; fresh temporary profile and fresh account-free contexts.
- Public HTTPS GET/HEAD requests only; telemetry/auth routes and WebSockets blocked. No account storage or credential environment variables.
Individual checks and observations
Public document and DOM
passPublic browser sample: Fresh Chromium GET, then inspect rendered controls after hydration delay
Observed: HTTP 200; 22 captured button labels; 4 inputs; 0 canvases.
Gooey control response
passPublic browser sample: Adjust Goo blur range and inspect value plus SVG filter output
Observed: Slider 6 -> 16; Gaussian deviations ["6","6","6","16"].
Security findings and boundaries
Passive inspection of the public response headers, requested hosts and the named browser sample. No active exploitation, authenticated permissions test or complete security audit.
Observed · caution
Filter strength changes the rendered treatment
The public control changed an SVG filter value. Readability and rendering cost can vary with the chosen blur and the content beneath it.
Practical caveats
- Keep the effect decorative and test the real action without it, including reduced motion and low-power devices.
- Pin and recheck the selected version or sample before adoption; the observations apply only to the scope and date shown.
What remains untested
- No local package install, frame-rate measurement, screen reader or full browser support test.
- Fresh-browser restrictions can affect external assets and hydration. Initial failed selectors and limited probes remain in the evidence; they are not blanket product failures.
Security limits
- No authenticated workspace, private content, production backend permissions or data-retention verification.
- No local package install, frame-rate measurement, screen reader or full browser support test.
Evaluation sources
Follow the evidence
Sources and further reading.
Keep exploring