Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

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 🦄🦓

63,213 subscribers

26,117 views • 2 months ago •via X (Twitter)

Arts Science & Technology

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

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.

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

280,714 views • 1 month 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?

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

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

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

Abraham John 🦄🦓

27,884 views • 2 years ago

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.

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 views • 1 month 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.

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

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 →

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 views • 2 years ago

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

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 • 20 days ago

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 💜

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 views • 1 month ago

✨ 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! 👉

✨ 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 views • 2 years ago

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 💜

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 views • 5 months ago

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.

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,394 views • 3 months ago

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 💜

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 views • 1 year ago

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

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

Josef Bender

113,516 views • 9 months ago

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

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

Developers rushing to remove TypeScript from their libraries.

Developers rushing to remove TypeScript from their libraries.

Ben Lesh

69,692 views • 3 years ago

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 💜

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 views • 6 months ago

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

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 views • 4 months ago

Fantastic sites for UX/UI designers 💜

Fantastic sites for UX/UI designers 💜

Jan Mraz

98,014 views • 2 years ago

"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!👇

"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 views • 1 year ago