Liquid Gooey

Liquid UI effects for React: Morph (gooey merge, jelly shape change, contact dissolve), Move (liquid-rubber trails), Melt (two images running molten into each other) and Bend (bodies that bow with velocity). SVG-filter silhouette layer + crisp content layer, real shadows on the merged liquid. Cross-browser, Safari included.

Library

Libraries.dev

Framework

React

Type

component

License

All-Rights-Reserved+MIT

Files

• packages/liquid-gooey/design/gooey-connected-circles-latest.svg
• packages/liquid-gooey/design/gooey-latest-exact-trace.svg
• packages/liquid-gooey/design/gooey-latest-version.svg
• packages/liquid-gooey/design/gooey-merge-icon-2.svg
• packages/liquid-gooey/design/gooey-merge-icon-32.svg
• packages/liquid-gooey/design/gooey-merge-icon-latest-32.svg
• packages/liquid-gooey/src/context.ts
• packages/liquid-gooey/src/filter.tsx

Source

https://github.com/Jakubantalik/Libraries.dev

Categories

• Backdrop Components
• React Backdrop Components
• Tailwind CSS Backdrop Components
• Animated Backdrop Components
• Effect Components
• React Effect Components
• Tailwind CSS Effect Components
• Animated Effect Components
• Orb Components
• React Orb Components
• Tailwind CSS Orb Components
• Animated Orb Components

More from Libraries.dev

• Border Beam
• Bot Avatars
• Img Fx
• Magnetkit Web
• Metal Fx
• Thinking Orbs
• Voice Glow
• Voice Ring