Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

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 görüntüleme • 2 ay önce •via X (Twitter)

Bilim & Teknoloji
LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

Orijinal gönderinin yorumları burada görünecek

Benzer Videolar

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 görüntüleme • 3 ay önce

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 görüntüleme • 2 ay önce

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 görüntüleme • 6 ay önce

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 görüntüleme • 2 ay önce

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 görüntüleme • 1 ay önce

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 görüntüleme • 2 ay önce

✨ 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 görüntüleme • 2 yıl önce

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 görüntüleme • 2 ay önce

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 görüntüleme • 9 ay önce

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 görüntüleme • 2 ay önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 2 ay önce

Liquid Metal is the new Liquid Glass
0:10

Liquid Metal is the new Liquid Glass

Dogan Ural

24,211 görüntüleme • 2 ay önce

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 görüntüleme • 7 gün önce

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

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

Daniel Destefanis

17,480 görüntüleme • 4 ay önce

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 görüntüleme • 3 ay önce

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 görüntüleme • 4 ay önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 1 yıl önce