Loading video...

Video Failed to Load

Go Home

Gooey (liquid) effect Optimized for UI, 2 different types, works with shadows, build-in image melting effect, playground, zero dep npm install liquid-gooey

Jakubantalik's profile picture

Jakub Antalik

23,042 subscribers

339,131 views • 3 months ago •via X (Twitter)

ArtsScience & TechnologyEducation
LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

Gooey library updated with a new melt and bend effects. Optimized for UI, cross-browser, 4 different effects, playground, zero dep npm install liquid-gooey
0:11

Gooey library updated with a new melt and bend effects. Optimized for UI, cross-browser, 4 different effects, playground, zero dep npm install liquid-gooey

Jakub Antalik

66,393 views • 2 months ago

Super simple (and easy) gooey effect demo. #swiftui
0:11

Super simple (and easy) gooey effect demo. #swiftui

Minsang Choi

19,842 views • 1 year ago

introducing: gooey effect component for Framer use this component to add morphing animations that blend and flow across your site for a fun, smooth effect. comment "GOOEY" and i’ll send you the component :)
0:11

introducing: gooey effect component for Framer use this component to add morphing animations that blend and flow across your site for a fun, smooth effect. comment "GOOEY" and i’ll send you the component :)

Framer University

25,555 views • 1 year ago

the liquid magnesium effect
0:12

the liquid magnesium effect

Sol Dept.

11,346 views • 6 months ago

Added more types to the Generative effect skill. It now includes UI, text, and image variants. UI examples were generated with UI agent.
0:14

Added more types to the Generative effect skill. It now includes UI, text, and image variants. UI examples were generated with UI agent.

Jakub Antalik

60,738 views • 19 days ago

Built something new: Voice effect. Animated voice glow effect, no shades & zero dep, 3 types, multiple states, dark & light theme.
0:17

Built something new: Voice effect. Animated voice glow effect, no shades & zero dep, 3 types, multiple states, dark & light theme.

Jakub Antalik

114,998 views • 1 month ago

Mixing a powder blush with a liquid highlighter for a glowing effect. ✨
0:16

Mixing a powder blush with a liquid highlighter for a glowing effect. ✨

Zil.

1,316,298 views • 9 months ago

I created the best liquid glass effect in Figma To get it for Free: 1. Follow me - so I could DM 2. Comment "LIQUID" 3. RT (optional) - so more people get this
0:16

I created the best liquid glass effect in Figma To get it for Free: 1. Follow me - so I could DM 2. Comment "LIQUID" 3. RT (optional) - so more people get this

Augustas

49,330 views • 1 year ago

Border beam effect is now available for Swift and React Native Dynamic colors, 5 types, playground, dark & light mode, zero dependencies
0:17

Border beam effect is now available for Swift and React Native Dynamic colors, 5 types, playground, dark & light mode, zero dependencies

Jakub Antalik

111,230 views • 3 months ago

I recreated the Liquid Glass effect Did I cook? 😂
0:16

I recreated the Liquid Glass effect Did I cook? 😂

Gary Szászik — Edral Studio

37,737 views • 1 year ago

I created this gooey text effect animation using View Transitions and the blur + contrast method
0:13

I created this gooey text effect animation using View Transitions and the blur + contrast method

Kevin Grajeda

172,510 views • 1 year ago

💧How to make Liquid Glass Effect in Figma - Supafast tutorial, lets go! :🧵
0:17

💧How to make Liquid Glass Effect in Figma - Supafast tutorial, lets go! :🧵

Camden @ Designownow

402,106 views • 1 year ago

Liquid glass + depth effect on Android home screen 🔥 #Shipaton #BuildInPublic
0:12

Liquid glass + depth effect on Android home screen 🔥 #Shipaton #BuildInPublic

Vuk Andric

15,346 views • 2 months ago

Beautiful UI components you can just copy & paste. Save this 👇 - - WebGL effects over live HTML - - animated border beam effect - - free animated component library - - UI components for AI agent chats - - essential transitions for web apps - - liquid metal effect for buttons - - crafted primitives for AI interfaces - - annotate UI, brief your coding agent - - animated thinking orbs for AI UIs What am I missing?
0:16

Beautiful UI components you can just copy & paste. Save this 👇 - - WebGL effects over live HTML - - animated border beam effect - - free animated component library - - UI components for AI agent chats - - essential transitions for web apps - - liquid metal effect for buttons - - crafted primitives for AI interfaces - - annotate UI, brief your coding agent - - animated thinking orbs for AI UIs What am I missing?

Tran Mau Tri Tam ✪

129,010 views • 3 months ago

Built an animated Liquid Metal border component library with built-in reflections on neighboring components, multiple styles and color modes, dark & light mode npm install metal-fx
0:16

Built an animated Liquid Metal border component library with built-in reflections on neighboring components, multiple styles and color modes, dark & light mode npm install metal-fx

Jakub Antalik

136,006 views • 6 months ago

You can create a cool gooey effect by combining a blur and fade animations between icons with a high-contrast parent element
0:14

You can create a cool gooey effect by combining a blur and fade animations between icons with a high-contrast parent element

Kevin Grajeda

377,445 views • 1 year ago

Rebuilt the Metal effect library: It now includes reflection on the cursor, fluid hover bending, reflection on neighbor elements, dynamic glow, 4 types, ready to use npm install metal-fx
0:19

Rebuilt the Metal effect library: It now includes reflection on the cursor, fluid hover bending, reflection on neighbor elements, dynamic glow, 4 types, ready to use npm install metal-fx

Jakub Antalik

46,396 views • 2 months ago

Free UI resources that actually slap ↓ - - liquid effects for React - - animated border beam - - liquid metal border - - animated thinking orb Bookmarking all of these for our next MVP build.
0:15

Free UI resources that actually slap ↓ - - liquid effects for React - - animated border beam - - liquid metal border - - animated thinking orb Bookmarking all of these for our next MVP build.

kartikey singh

82,871 views • 2 months ago