Loading video...

Video Failed to Load

Go Home

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...

tranmautritam's profile picture

Tran Mau Tri Tam ✪

33,887 subscribers

129,010 views • 3 months ago •via X (Twitter)

ArtsScience & Technology
LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

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

Introducing Spell UI Highly refined UI components. Copy, paste, and ship. Crafted for modern interfaces. Link ↓
0:19

Introducing Spell UI Highly refined UI components. Copy, paste, and ship. Crafted for modern interfaces. Link ↓

tom

159,679 views • 8 months ago

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

A few gems I’ve found in the past couple of weeks: → UI blocks for AI agent interactions → UI components for AI products → UI blocks for interactive AI experiences → showcase of products built by designers → text morphing library with zero dependencies → typography utility for keeping text together
0:17

A few gems I’ve found in the past couple of weeks: → UI blocks for AI agent interactions → UI components for AI products → UI blocks for interactive AI experiences → showcase of products built by designers → text morphing library with zero dependencies → typography utility for keeping text together

CJ @ Jackie Brown

100,890 views • 1 month ago

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

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

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

UI/UX Designers, here are some of the best DESIGN. md resources for AI coding you should bookmark: Styles → Design Systems → UI Components → Web Design → Design. md → Design Resources → Open Design → Design. md → What did I miss? ⬇️
0:20

UI/UX Designers, here are some of the best DESIGN. md resources for AI coding you should bookmark: Styles → Design Systems → UI Components → Web Design → Design. md → Design Resources → Open Design → Design. md → What did I miss? ⬇️

Abraham John 🦄🦓

57,613 views • 1 month ago

Introducing Voice Nav - navigate any website with your voice. Coming soon as part of ElevenLabs UI: an open-source library of audio & agent components for the web.
0:11

Introducing Voice Nav - navigate any website with your voice. Coming soon as part of ElevenLabs UI: an open-source library of audio & agent components for the web.

Louis

78,532 views • 1 year ago

Introducing prompt-kit A set of high-quality, customizable components for building AI interfaces. Built on top of shadcn/ui, starting with PromptInput, a flexible input field for chatting with AI models. New components coming soon!
0:13

Introducing prompt-kit A set of high-quality, customizable components for building AI interfaces. Built on top of shadcn/ui, starting with PromptInput, a flexible input field for chatting with AI models. New components coming soon!

Ibelick

104,375 views • 1 year ago

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

Created a new skill for UI generation skeleton effect, something I’ve been using in my UI videos. These UI examples are built with UI Agent.
0:15

Created a new skill for UI generation skeleton effect, something I’ve been using in my UI videos. These UI examples are built with UI Agent.

Jakub Antalik

192,129 views • 22 days ago

Pro tip for Vibe Coding: just knowing the "terms" behind UI components can 100x your frontend results This website shows you ALL the typical UI components found on websites with examples and inspiration Learn it, screenshot it, and vibe code
0:15

Pro tip for Vibe Coding: just knowing the "terms" behind UI components can 100x your frontend results This website shows you ALL the typical UI components found on websites with examples and inspiration Learn it, screenshot it, and vibe code

Melvyn • Builder

160,836 views • 8 months ago

Working on a tiny resource: AI loaders for modern apps. Small animated loading states for moments like: Thinking, generating, searching, summarizing, reviewing… React + Tailwind, copy-paste ready. Would this be useful?
0:11

Working on a tiny resource: AI loaders for modern apps. Small animated loading states for moments like: Thinking, generating, searching, summarizing, reviewing… React + Tailwind, copy-paste ready. Would this be useful?

Erdem Kirmitci

29,056 views • 5 months ago

You guys asked for a tutorial, so here it is. Animated Apple-style websites FULLY with AI, perfect for web and UI work. Let's break it down step-by-step below. Prompts included.
0:13

You guys asked for a tutorial, so here it is. Animated Apple-style websites FULLY with AI, perfect for web and UI work. Let's break it down step-by-step below. Prompts included.

Viktor Oddy

82,638 views • 9 months ago

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

WTF Broooo??....... Someone literally made Pinterest but for UI blocks. 🤯 A stunning collection of interactive UI blocks you can explore, play around with, and use in in your own projects. If you're a developer, designer, AI coder, or vibe coder, this is definitely gonna be a goldmine for UI inspiration :) Follow me for more amazing AI, Coding & Web Dev insights 💎
0:17

WTF Broooo??....... Someone literally made Pinterest but for UI blocks. 🤯 A stunning collection of interactive UI blocks you can explore, play around with, and use in in your own projects. If you're a developer, designer, AI coder, or vibe coder, this is definitely gonna be a goldmine for UI inspiration :) Follow me for more amazing AI, Coding & Web Dev insights 💎

Ram Maheshwari

32,832 views • 1 month ago

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