Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

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 💜

Abmankendrick's profile picture

Abraham John 🦄🦓

63,213 subscribers

26,117 görüntüleme • 1 ay önce •via X (Twitter)

SanatBilim & Teknoloji
LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

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

Benzer Videolar

Made a skill for expressive UI. The libraries-dev skill teaches your agent where and how to use library effects in your project, making your UI less generic, more expressive.
0:18

Made a skill for expressive UI. The libraries-dev skill teaches your agent where and how to use library effects in your project, making your UI less generic, more expressive.

Jakub Antalik

279,055 görüntüleme • 1 ay önce

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

UI/UX Designers and Developers I found this cool inspiration site today you can bookmark it for later. Website →
0:18

UI/UX Designers and Developers I found this cool inspiration site today you can bookmark it for later. Website →

Abraham John 🦄🦓

27,884 görüntüleme • 2 yıl önce

Excited to launch Transitions Builder and Community. All these components were generated with a single prompt with the Transition UI agent, default setup, no designs provided. The agent creates on the library’s knowledge, UI craft principles, and libraries-dev libraries, with a focus on UI motion and the details that make an interface feel polished.
0:19

Excited to launch Transitions Builder and Community. All these components were generated with a single prompt with the Transition UI agent, default setup, no designs provided. The agent creates on the library’s knowledge, UI craft principles, and libraries-dev libraries, with a focus on UI motion and the details that make an interface feel polished.

Jakub Antalik

50,572 görüntüleme • 26 gün önce

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

76,784 görüntüleme • 2 ay önce

UI/UX Designers, here's a go-to tool for generating UI colour palettes. Radix colour is an online colour tool for a purpose-driven colour scale. Customise hues for borders, backgrounds, text, and more. Bookmark it for later 💜 you'll love it Website →
0:12

UI/UX Designers, here's a go-to tool for generating UI colour palettes. Radix colour is an online colour tool for a purpose-driven colour scale. Customise hues for borders, backgrounds, text, and more. Bookmark it for later 💜 you'll love it Website →

Abraham John 🦄🦓

97,817 görüntüleme • 2 yıl önce

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

59,549 görüntüleme • 11 gün önce

UI/UX Designers, this might be one of the most practical color tools you can add to your workflow. Radix Colors is a purpose-driven color generator platform that helps you create scalable, accessible color systems for real UI use cases, from backgrounds and borders to text and interactive states. Bookmark it for later 💜
0:12

UI/UX Designers, this might be one of the most practical color tools you can add to your workflow. Radix Colors is a purpose-driven color generator platform that helps you create scalable, accessible color systems for real UI use cases, from backgrounds and borders to text and interactive states. Bookmark it for later 💜

Abraham John 🦄🦓

15,112 görüntüleme • 1 ay önce

✨ Aceternity UI is a complete collections of stunning effects ready to used for your website. It's shadcn/ui for magic effects. Can't believe it's free! 👉
0:17

✨ Aceternity UI is a complete collections of stunning effects ready to used for your website. It's shadcn/ui for magic effects. Can't believe it's free! 👉

Greg Bergé

53,842 görüntüleme • 2 yıl önce

UI/UX Designers, this might be one of the best free resources for exploring world-class design systems. Design Systems Surf is a massive curated collection of design systems featuring visual styles, UI components, patterns, and references from some of the best product teams in the industry. Can’t believe this resource is free. Bookmark it for later 💜
0:14

UI/UX Designers, this might be one of the best free resources for exploring world-class design systems. Design Systems Surf is a massive curated collection of design systems featuring visual styles, UI components, patterns, and references from some of the best product teams in the industry. Can’t believe this resource is free. Bookmark it for later 💜

Abraham John 🦄🦓

86,910 görüntüleme • 5 ay önce

Player stats UI animation with GPT Image 2 and MiniMax H3. This model is amazing for UI animations. Give GPT Image 2 your character image and ask it to create a stats UI. Then use that UI as a reference for MiniMax H3. You can check the prompt in the replies.
0:15

Player stats UI animation with GPT Image 2 and MiniMax H3. This model is amazing for UI animations. Give GPT Image 2 your character image and ask it to create a stats UI. Then use that UI as a reference for MiniMax H3. You can check the prompt in the replies.

Kōda

43,260 görüntüleme • 2 ay önce

UI/UX Designers, you can now generate stunning 3D mockup images and videos without relying on Figma plugins. I found this amazing tool called ContentCore, It quickly generate high-quality 3D device mockups (images and video animations) to showcase your UI designs, with zero design hassle. Bookmark it for later 💜
0:16

UI/UX Designers, you can now generate stunning 3D mockup images and videos without relying on Figma plugins. I found this amazing tool called ContentCore, It quickly generate high-quality 3D device mockups (images and video animations) to showcase your UI designs, with zero design hassle. Bookmark it for later 💜

Abraham John 🦄🦓

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

Whenever I start a new JavaScript project, I install these libraries. -> Non-negotiable. Save this for later ;)
0:14

Whenever I start a new JavaScript project, I install these libraries. -> Non-negotiable. Save this for later ;)

Josef Bender

113,447 görüntüleme • 9 ay önce

Developers rushing to remove TypeScript from their libraries.
0:12

Developers rushing to remove TypeScript from their libraries.

Ben Lesh

69,690 görüntüleme • 3 yıl önce

UI/UX Designers, this might be one of the best tools for color palette inspiration. Happy Hues gives you curated color palette ideas displayed on real website examples, so you can instantly see how colors work together before designing. Bookmark it for later 💜
0:14

UI/UX Designers, this might be one of the best tools for color palette inspiration. Happy Hues gives you curated color palette ideas displayed on real website examples, so you can instantly see how colors work together before designing. Bookmark it for later 💜

Abraham John 🦄🦓

100,847 görüntüleme • 6 ay önce

Border beam for light mode: Animated border beam component for React, 5 different types and multiple color variants npm install border-beam
0:14

Border beam for light mode: Animated border beam component for React, 5 different types and multiple color variants npm install border-beam

Jakub Antalik

35,869 görüntüleme • 4 ay önce

Fantastic sites for UX/UI designers 💜
0:19

Fantastic sites for UX/UI designers 💜

Jan Mraz

97,993 görüntüleme • 2 yıl önce

"P is for Palestine. I is for Intifada." This is from a book. For children. In Toronto school libraries. Board-approved! And U is for "uprising." Obviously. She loves it!👇
0:12

"P is for Palestine. I is for Intifada." This is from a book. For children. In Toronto school libraries. Board-approved! And U is for "uprising." Obviously. She loves it!👇

dahlia kurtz ✡︎ דליה קורץ

103,545 görüntüleme • 1 yıl önce