Interactive demo of a CSS blob-style radial menu with smooth SVG filter animations. Customize colors and export the HTML and CSS code for your own project.
Open CSS Blob Menu Demo → free, no sign-inThe CSS Blob Menu Demo showcases a fluid, organic-looking radial navigation menu built with CSS and SVG filter effects. Items merge and separate with a gooey blob animation when the menu opens and closes. Customize the accent color and item count, then export the code.
Front-end developers looking for an unusual navigation pattern, designers exploring organic UI, and anyone who wants a distinctive interactive menu for a creative project.
No tutorials. No learning curve. Open it and get started.
No server uploads. Everything runs locally in your browser. Your files and data never leave your device.
Completely free. No trial period. No premium tier for basic functionality. No account required. Use it as often as you need.
One job, done well. CSS Blob Menu Demo was built to solve a specific problem cleanly. No feature bloat, no ads, no distractions.
What creates the gooey blob effect?
An SVG filter (feGaussianBlur + feColorMatrix) applied to the menu container creates the organic merging effect.
Does it work without JavaScript?
The open/close toggle requires a small JavaScript snippet included in the export.
Is it accessible?
The demo focuses on the visual effect. For production use, add ARIA attributes and keyboard navigation.
Does it require any libraries?
No dependencies — pure HTML, CSS, and vanilla JS.
Can I change the number of menu items?
Yes — adjust the item count in the controls and the layout updates automatically.
Free. Instant. No sign-in. Open it and get the job done.
Open CSS Blob Menu Demo on Doathingy.com →