Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

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.

askwhykartik's profile picture

kartikey singh

14,690 subscribers

76,784 Aufrufe • vor 2 Monaten •via X (Twitter)

Wissenschaft & Technologie
LIVE

Anya Rossi• Live Now

Private livecam show

0 Kommentare

Keine Kommentare verfügbar

Kommentare vom Original-Post werden hier angezeigt

Ähnliche Videos

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 Aufrufe • vor 3 Monaten

A new home for all my libraries. 5 UI effect libraries, 20+ variants, ready to use for free. Border beam, Orbs, Metal, Gooey, Image
0:10

A new home for all my libraries. 5 UI effect libraries, 20+ variants, ready to use for free. Border beam, Orbs, Metal, Gooey, Image

Jakub Antalik

189,203 Aufrufe • vor 2 Monaten

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

135,765 Aufrufe • vor 6 Monaten

The best UI components ready to use, save this 👇 - free animated component library - Animated thinking orb component - essential transitions for web apps - crafted UI for AI-native interfaces. - huge community library - The React component library - patterns from 95 design systems - Annotate your UI. Guide your coding agent What Did I Miss?
0:16

The best UI components ready to use, save this 👇 - free animated component library - Animated thinking orb component - essential transitions for web apps - crafted UI for AI-native interfaces. - huge community library - The React component library - patterns from 95 design systems - Annotate your UI. Guide your coding agent What Did I Miss?

Nero

97,259 Aufrufe • vor 2 Monaten

Designers and Developers, this is your new home for UI libraries. Libraries dev brings together 5 UI effect libraries with 20+ variants, ready to use for free. → Border Beam → Orbs → Metal → Gooey → Image Effects Bookmark it for later 💜
0:10

Designers and Developers, this is your new home for UI libraries. Libraries dev brings together 5 UI effect libraries with 20+ variants, ready to use for free. → Border Beam → Orbs → Metal → Gooey → Image Effects Bookmark it for later 💜

Abraham John 🦄🦓

26,117 Aufrufe • vor 1 Monat

Found some ridiculously good resources for background gradients & colors. Save this 👇 - 1,000+ ready-to-use gradient & AI backgrounds - create gradients, glass & grain backgrounds - advanced mesh gradient generator - grainy, smooth & animated gradients - simple CSS gradient generator - customizable 3D & animated gradient maker - build color ramps & accessible palettes - mesh gradient studio with tons of presets - generate customizable patterns for free - animated React backgrounds & UI blocks what else am I missing?
0:17

Found some ridiculously good resources for background gradients & colors. Save this 👇 - 1,000+ ready-to-use gradient & AI backgrounds - create gradients, glass & grain backgrounds - advanced mesh gradient generator - grainy, smooth & animated gradients - simple CSS gradient generator - customizable 3D & animated gradient maker - build color ramps & accessible palettes - mesh gradient studio with tons of presets - generate customizable patterns for free - animated React backgrounds & UI blocks what else am I missing?

Imran

61,251 Aufrufe • vor 2 Monaten

✨ Introducing Magic UI 🪄 A UI library of animated components to build beautiful landing pages. Built using React, Tailwind CSS and Framer motion. 100% Free and Open Source.
0:17

✨ Introducing Magic UI 🪄 A UI library of animated components to build beautiful landing pages. Built using React, Tailwind CSS and Framer motion. 100% Free and Open Source.

Dillion

325,302 Aufrufe • vor 2 Jahren

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

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

Jakub Antalik

338,876 Aufrufe • vor 2 Monaten

liquid metal ui looks so premium.. even in light mode..
0:10

liquid metal ui looks so premium.. even in light mode..

Aurelien

149,239 Aufrufe • vor 9 Monaten

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,184 Aufrufe • vor 2 Monaten

Save these animated burger menus for your next project 🚀 Code for free in the comments 👨‍💻
0:10

Save these animated burger menus for your next project 🚀 Code for free in the comments 👨‍💻

David Mráz

19,946 Aufrufe • vor 1 Jahr

If you design or vibe code, save this list. - Kokonut UI; animated React components - Motion Sites; website and animation inspiration - Motion .dev; web animation - Anime .js; JavaScript animation - Particles Casberry; interactive particles and WebGL effects Useful for both design and build.
0:16

If you design or vibe code, save this list. - Kokonut UI; animated React components - Motion Sites; website and animation inspiration - Motion .dev; web animation - Anime .js; JavaScript animation - Particles Casberry; interactive particles and WebGL effects Useful for both design and build.

Manish Kumar

24,097 Aufrufe • vor 2 Monaten

Liquid Metal is the new Liquid Glass
0:10

Liquid Metal is the new Liquid Glass

Dogan Ural

24,211 Aufrufe • vor 2 Monaten

Best DESIGN resources for AI coding, all in one list 👇 — Visual design inspiration. — AI-powered website design and building. — Backgrounds and gradients. — Ready-made UI templates. — Animated React components. — Real app screens and user flows. — Website navigation inspiration. — UI animations and interactions. — Motion design inspiration. — Curated website designs. — Landing page inspiration. — Free fonts for your projects. — Remove image backgrounds. — Webflow templates and resources. What did i miss?
0:18

Best DESIGN resources for AI coding, all in one list 👇 — Visual design inspiration. — AI-powered website design and building. — Backgrounds and gradients. — Ready-made UI templates. — Animated React components. — Real app screens and user flows. — Website navigation inspiration. — UI animations and interactions. — Motion design inspiration. — Curated website designs. — Landing page inspiration. — Free fonts for your projects. — Remove image backgrounds. — Webflow templates and resources. What did i miss?

Nero

33,722 Aufrufe • vor 7 Tagen

Liquid glass but it's 3d, all in metal
0:17

Liquid glass but it's 3d, all in metal

Daniel Destefanis

17,480 Aufrufe • vor 4 Monaten

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 Aufrufe • vor 3 Monaten

liquid glass + animated dots combo is way too clean.. i couldn’t resist adding it to eko
0:12

liquid glass + animated dots combo is way too clean.. i couldn’t resist adding it to eko

Aurelien

82,140 Aufrufe • vor 4 Monaten

Border security = National Security. Thinking of crossing the border illegally? Think again. CBP’s partnership with @DeptofDefense in establishing National Defense Areas ensures that our border remains secure.
0:16

Border security = National Security. Thinking of crossing the border illegally? Think again. CBP’s partnership with @DeptofDefense in establishing National Defense Areas ensures that our border remains secure.

CBP

427,695 Aufrufe • vor 1 Jahr

Let's ignore those readability concerns for a second. Look at these satisfying Liquid Glass animations & visual effects on iOS 26.
0:09

Let's ignore those readability concerns for a second. Look at these satisfying Liquid Glass animations & visual effects on iOS 26.

Alvin

876,581 Aufrufe • vor 1 Jahr