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.

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

Tran Mau Tri Tam ✪

33,850 subscribers

125,970 views • 1 month 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

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

76,784 views • 24 days 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 💜

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

25,734 views • 10 days 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? ⬇️

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

46,015 views • 5 days ago

Gradient & color tools that make your work pop. Save this 👇 - - mesh gradients with WebGL effects - - color ramps & tokens, WCAG-ready - - animated 3D shader gradients - - generative patterns for wall art - - mesh gradient studio, 100+ presets - - test color contrast for a11y - - editorial CSS gradients, one click - - curve-based gradient creator - - animated gradients, export to 4K What am I missing?

Gradient & color tools that make your work pop. Save this 👇 - - mesh gradients with WebGL effects - - color ramps & tokens, WCAG-ready - - animated 3D shader gradients - - generative patterns for wall art - - mesh gradient studio, 100+ presets - - test color contrast for a11y - - editorial CSS gradients, one click - - curve-based gradient creator - - animated gradients, export to 4K What am I missing?

Tran Mau Tri Tam ✪

19,851 views • 1 month ago

React Native now has its own shadcn/ui equivalent — introducing 𝗡𝗮𝘁𝗶𝘃𝗲𝗨𝗜. If you love the flexibility of copying customisable components directly into your project (avoiding heavy, dependency-laden packages), NativeUI is designed for you. 𝗡𝗮𝘁𝗶𝘃𝗲𝗨𝗜 offers beautifully crafted, accessible components tailored for React Native, following the same copy-paste philosophy as shadcn/ui. Built with 𝗡𝗮𝘁𝗶𝘃𝗲𝗪𝗶𝗻𝗱 for fast, declarative, and flexible styling optimised for React Native. ➡️ 𝗖𝗼𝗽𝘆 𝗰𝗼𝗺𝗽𝗼𝗻𝗲𝗻𝘁 𝗰𝗼𝗱𝗲 𝗱𝗶𝗿𝗲𝗰𝘁𝗹𝘆 𝗶𝗻𝘁𝗼 𝘆𝗼𝘂𝗿 𝗽𝗿𝗼𝗷𝗲𝗰𝘁 — no black-box dependencies required. ➡️ 𝗖𝗼𝗺𝗽𝗼𝗻𝗲𝗻𝘁𝘀 𝗮𝗿𝗲 𝗮𝗰𝗰𝗲𝘀𝘀𝗶𝗯𝗹𝗲 𝗯𝘆 𝗱𝗲𝗳𝗮𝘂𝗹𝘁, supporting screen readers and keyboard navigation, and designed to align with native iOS and Android UX patterns. ➡️ 𝗙𝘂𝗹𝗹 𝗰𝗼𝗻𝘁𝗿𝗼𝗹 𝗼𝘃𝗲𝗿 𝘆𝗼𝘂𝗿 𝗨𝗜 without rebuilding common elements like buttons, inputs, or sliders from scratch. ➡️ 𝗖𝗼𝗺𝗽𝗮𝘁𝗶𝗯𝗹𝗲 𝘄𝗶𝘁𝗵 𝗘𝘅𝗽𝗼 𝗮𝗻𝗱 𝘃𝗮𝗻𝗶𝗹𝗹𝗮 𝗥𝗲𝗮𝗰𝘁 𝗡𝗮𝘁𝗶𝘃𝗲 𝗽𝗿𝗼𝗷𝗲𝗰𝘁𝘀, but not yet integrated with Tamagui’s styling system (future support may be planned). ➡️ 𝗦𝘂𝗽𝗽𝗼𝗿𝘁𝘀 𝘁𝗵𝗲𝗺𝗶𝗻𝗴 𝘃𝗶𝗮 𝗡𝗮𝘁𝗶𝘃𝗲𝗪𝗶𝗻𝗱 — though you’ll need to wire it up manually using Tailwind variables, context providers, and config files. Note: The term “install” in the documentation refers to using the shadcn CLI (e.g., npx shadcn@latest add component) to fetch and copy component code into your project, not adding a package to your dependencies. NativeUI isn’t a plug-and-play library; it’s a lightweight toolbox that empowers you to shape your UI with precision and control. 𝗪𝗵𝗮𝘁’𝘀 𝘆𝗼𝘂𝗿 𝗽𝗿𝗲𝗳𝗲𝗿𝗲𝗻𝗰𝗲: npm install a pre-built UI kit for speed, or copy/paste NativeUI components for ultimate customisation? #ReactNative #KeyboardUX #MobileDev #OpenSource #JSDev #Performance #iOSDev #KeyboardExtensions #ReactNativeKeyboard #UIUX #shadcn #nativeui

React Native now has its own shadcn/ui equivalent — introducing 𝗡𝗮𝘁𝗶𝘃𝗲𝗨𝗜. If you love the flexibility of copying customisable components directly into your project (avoiding heavy, dependency-laden packages), NativeUI is designed for you. 𝗡𝗮𝘁𝗶𝘃𝗲𝗨𝗜 offers beautifully crafted, accessible components tailored for React Native, following the same copy-paste philosophy as shadcn/ui. Built with 𝗡𝗮𝘁𝗶𝘃𝗲𝗪𝗶𝗻𝗱 for fast, declarative, and flexible styling optimised for React Native. ➡️ 𝗖𝗼𝗽𝘆 𝗰𝗼𝗺𝗽𝗼𝗻𝗲𝗻𝘁 𝗰𝗼𝗱𝗲 𝗱𝗶𝗿𝗲𝗰𝘁𝗹𝘆 𝗶𝗻𝘁𝗼 𝘆𝗼𝘂𝗿 𝗽𝗿𝗼𝗷𝗲𝗰𝘁 — no black-box dependencies required. ➡️ 𝗖𝗼𝗺𝗽𝗼𝗻𝗲𝗻𝘁𝘀 𝗮𝗿𝗲 𝗮𝗰𝗰𝗲𝘀𝘀𝗶𝗯𝗹𝗲 𝗯𝘆 𝗱𝗲𝗳𝗮𝘂𝗹𝘁, supporting screen readers and keyboard navigation, and designed to align with native iOS and Android UX patterns. ➡️ 𝗙𝘂𝗹𝗹 𝗰𝗼𝗻𝘁𝗿𝗼𝗹 𝗼𝘃𝗲𝗿 𝘆𝗼𝘂𝗿 𝗨𝗜 without rebuilding common elements like buttons, inputs, or sliders from scratch. ➡️ 𝗖𝗼𝗺𝗽𝗮𝘁𝗶𝗯𝗹𝗲 𝘄𝗶𝘁𝗵 𝗘𝘅𝗽𝗼 𝗮𝗻𝗱 𝘃𝗮𝗻𝗶𝗹𝗹𝗮 𝗥𝗲𝗮𝗰𝘁 𝗡𝗮𝘁𝗶𝘃𝗲 𝗽𝗿𝗼𝗷𝗲𝗰𝘁𝘀, but not yet integrated with Tamagui’s styling system (future support may be planned). ➡️ 𝗦𝘂𝗽𝗽𝗼𝗿𝘁𝘀 𝘁𝗵𝗲𝗺𝗶𝗻𝗴 𝘃𝗶𝗮 𝗡𝗮𝘁𝗶𝘃𝗲𝗪𝗶𝗻𝗱 — though you’ll need to wire it up manually using Tailwind variables, context providers, and config files. Note: The term “install” in the documentation refers to using the shadcn CLI (e.g., npx shadcn@latest add component) to fetch and copy component code into your project, not adding a package to your dependencies. NativeUI isn’t a plug-and-play library; it’s a lightweight toolbox that empowers you to shape your UI with precision and control. 𝗪𝗵𝗮𝘁’𝘀 𝘆𝗼𝘂𝗿 𝗽𝗿𝗲𝗳𝗲𝗿𝗲𝗻𝗰𝗲: npm install a pre-built UI kit for speed, or copy/paste NativeUI components for ultimate customisation? #ReactNative #KeyboardUX #MobileDev #OpenSource #JSDev #Performance #iOSDev #KeyboardExtensions #ReactNativeKeyboard #UIUX #shadcn #nativeui

The React Native Rewind

118,542 views • 1 year ago

We were never fully satisfied with the animated components available outside. Some looked good but were hard to customize. Some were easy to use but felt too basic. So 2 months ago, we started building our own. It started as a Framer component library. Then we expanded it to Next.js and MCP, so people can use it with code and AI builders too. Now we’re finally launching the beta on July 2, 11 AM IST. Only for the first 500 users. If you’re building animated websites, this will save you a lot of time. And I think you’re going to love this.

We were never fully satisfied with the animated components available outside. Some looked good but were hard to customize. Some were easy to use but felt too basic. So 2 months ago, we started building our own. It started as a Framer component library. Then we expanded it to Next.js and MCP, so people can use it with code and AI builders too. Now we’re finally launching the beta on July 2, 11 AM IST. Only for the first 500 users. If you’re building animated websites, this will save you a lot of time. And I think you’re going to love this.

Praha

45,613 views • 2 months ago

Introducing A library of interactive UI blocks you can explore, tune, bench, and take into your own projects. Started as a spare-time experiment to see what happens when my design thinking and style meet Claude, pushing further into interactions, components, and the details that make interfaces feel good. Then it became something worth building properly. New blocks every week. More to come. Excited for this 🐐🔥

Introducing A library of interactive UI blocks you can explore, tune, bench, and take into your own projects. Started as a spare-time experiment to see what happens when my design thinking and style meet Claude, pushing further into interactions, components, and the details that make interfaces feel good. Then it became something worth building properly. New blocks every week. More to come. Excited for this 🐐🔥

Lorenzo Cabra

196,251 views • 8 days ago

Hailuo MiniMax (official) MiniMax Design (H3) H3 A prototype motion-graphics landing page for ice cream, built to test just how far H3 can push UI animation, typography, transitions, hover interactions, and product motion. I tried creating similar effects manually in Adobe After Effects but this version is 100% generated with H3. The model handles these complex motion-design elements incredibly well, and the results are STUNNING - Animated Shape Layers - Kinetic Typography - Cursor Hover Update - Bounce Effects - Wiggle Effects - Live Background - Micro Text Renders - Ease in Ease out Keyframes Prompt Below

Hailuo MiniMax (official) MiniMax Design (H3) H3 A prototype motion-graphics landing page for ice cream, built to test just how far H3 can push UI animation, typography, transitions, hover interactions, and product motion. I tried creating similar effects manually in Adobe After Effects but this version is 100% generated with H3. The model handles these complex motion-design elements incredibly well, and the results are STUNNING - Animated Shape Layers - Kinetic Typography - Cursor Hover Update - Bounce Effects - Wiggle Effects - Live Background - Micro Text Renders - Ease in Ease out Keyframes Prompt Below

Shams

35,225 views • 24 days ago

🎬 $PALM Presents: the long-awaited Creator Studio. A token holdings based usage system to use the latest generative AI for animations and graphics. Forget about downloadable tools or paying high subscription fees for no usage for mediocre results. Creator Studio allows you to access the tools our developers use for high-quality animated video making with the latest Generative AI tools. Creator Studio is part of the Parrot Framework that assigns tasks to AI agents when possible. You can navigate in a seamless Web UI, making the quality, three-dimensional, non-trippy AI videos and sequences you've ever wanted. We support up to 100 images per user stored in the cloud for you to make video sequences of up to 5 minutes with. Most importantly, we don't charge you a fee - your usage depends on your amount of $PALM tokens! The usage is reset monthly, so if you suddenly run out and need more points to complete your creation, you know what to do - buy some $PALM. This and more is being deployed live at where you can see a preview.

🎬 $PALM Presents: the long-awaited Creator Studio. A token holdings based usage system to use the latest generative AI for animations and graphics. Forget about downloadable tools or paying high subscription fees for no usage for mediocre results. Creator Studio allows you to access the tools our developers use for high-quality animated video making with the latest Generative AI tools. Creator Studio is part of the Parrot Framework that assigns tasks to AI agents when possible. You can navigate in a seamless Web UI, making the quality, three-dimensional, non-trippy AI videos and sequences you've ever wanted. We support up to 100 images per user stored in the cloud for you to make video sequences of up to 5 minutes with. Most importantly, we don't charge you a fee - your usage depends on your amount of $PALM tokens! The usage is reset monthly, so if you suddenly run out and need more points to complete your creation, you know what to do - buy some $PALM. This and more is being deployed live at where you can see a preview.

PaLM AI - $PALM

15,750 views • 1 year ago

The AI Agent Terminal (Public Beta) is LIVE. Trade, analyze, and strategize, all in natural language. 🚀 With Terminal Public Beta: ✨ Revamped platform + Lander page 📖 New docs + Educational content pages from Gen3 ⚡ Streamlined UX + UI What can the AI Agent Terminal do? - AI-Powered Swaps → Trade instantly with plain text. - AI Market Analysis → Hourly updates + daily recaps. - Automated Tasks → Price alerts, rebalancing, recurring actions. - Strategy Building → Create + run strategies in natural language. - Advanced Transactions → Complex XRPL ops made effortless. - External Wallet Integrations → Works with Joey Wallet, Xaman® Wallet 🪝 + more. Pricing: - Terminal = Free - Inference = Very cheap, we are always looking for the best model rates - Link your Aigent Pass NFT holdings for discounted inference costs - Pay for inference balances directly with $AIXRP 🌍 Why it matters: AI + DeFi aren’t hype anymore, they’re live, accessible, and ready for you on XRPL. This is just the beginning. More agentic power is coming! Are you ready to enter the Terminal? Please bring all feedback to our Discord or Telegram.. we’re building this together. 💬

The AI Agent Terminal (Public Beta) is LIVE. Trade, analyze, and strategize, all in natural language. 🚀 With Terminal Public Beta: ✨ Revamped platform + Lander page 📖 New docs + Educational content pages from Gen3 ⚡ Streamlined UX + UI What can the AI Agent Terminal do? - AI-Powered Swaps → Trade instantly with plain text. - AI Market Analysis → Hourly updates + daily recaps. - Automated Tasks → Price alerts, rebalancing, recurring actions. - Strategy Building → Create + run strategies in natural language. - Advanced Transactions → Complex XRPL ops made effortless. - External Wallet Integrations → Works with Joey Wallet, Xaman® Wallet 🪝 + more. Pricing: - Terminal = Free - Inference = Very cheap, we are always looking for the best model rates - Link your Aigent Pass NFT holdings for discounted inference costs - Pay for inference balances directly with $AIXRP 🌍 Why it matters: AI + DeFi aren’t hype anymore, they’re live, accessible, and ready for you on XRPL. This is just the beginning. More agentic power is coming! Are you ready to enter the Terminal? Please bring all feedback to our Discord or Telegram.. we’re building this together. 💬

aigent.run

25,889 views • 1 year ago

I found 9 sites that generate Design Markdown files for your AI builds ! here are the links: - - - - - - - - They help turn your visual direction into an actual design system your coding agent can follow. typography, colors, spacing, radius, shadows, components, states and responsive behaviour. before you build any screen, pick a visual direction and generate the design .md file aligned with your product mechanics and outcome goals add it to Claude Code or Cursor, then use /design to describe what should stay consistent across every screen this gives the agent actual constraints instead of asking it to “make the UI look premium” and hoping for a good output you'll ship much cleaner product ideations at lightning fast speed ! ( this and a folder of 5-6 visual references are the first things we prepare before starting a client build )

I found 9 sites that generate Design Markdown files for your AI builds ! here are the links: - - - - - - - - They help turn your visual direction into an actual design system your coding agent can follow. typography, colors, spacing, radius, shadows, components, states and responsive behaviour. before you build any screen, pick a visual direction and generate the design .md file aligned with your product mechanics and outcome goals add it to Claude Code or Cursor, then use /design to describe what should stay consistent across every screen this gives the agent actual constraints instead of asking it to “make the UI look premium” and hoping for a good output you'll ship much cleaner product ideations at lightning fast speed ! ( this and a folder of 5-6 visual references are the first things we prepare before starting a client build )

Harshil Tomar

80,784 views • 11 days ago

I compiled 200+ n8n automation templates you can copy & paste into your business or sell to other companies. Just straight plug-and-play systems for: – Lead gen -Content creation – Email outreach – CRM updates – AI workflows – Slack/Discord bots …and more. Follow + Reply “n8n” and I’ll send it over. This is completely FREE. Don't even want your email.

I compiled 200+ n8n automation templates you can copy & paste into your business or sell to other companies. Just straight plug-and-play systems for: – Lead gen -Content creation – Email outreach – CRM updates – AI workflows – Slack/Discord bots …and more. Follow + Reply “n8n” and I’ll send it over. This is completely FREE. Don't even want your email.

Damian Player

9,136,142 views • 1 year ago

🚨 Alibaba just open sourced a GUI agent that lives inside your webpage and controls it with natural language. It's called Page Agent and it's not a browser extension. It's pure JavaScript no Python, no Puppeteer, no headless browser, no screenshots. Just one script tag and your web app understands natural language. Here's what it actually does: → Embed it with a single tag or npm install → Control any web interface with plain English commands → Text-based DOM manipulation no OCR, no vision models needed → Bring your own LLM (GPT, Claude, Qwen, anything) → Ships a built-in UI with human-in-the-loop support → Turn 20-click ERP/CRM workflows into one sentence → Optional Chrome extension for multi-tab agent tasks → Works on any web app SaaS, admin panels, internal tools Companies are charging $30/month for AI copilots built on this exact idea. This is 3 lines of code. Your users. Your interface. The AI copilot layer for every web app just got open sourced. 1.6K stars. 100% Open Source. (Link in the comments)

🚨 Alibaba just open sourced a GUI agent that lives inside your webpage and controls it with natural language. It's called Page Agent and it's not a browser extension. It's pure JavaScript no Python, no Puppeteer, no headless browser, no screenshots. Just one script tag and your web app understands natural language. Here's what it actually does: → Embed it with a single tag or npm install → Control any web interface with plain English commands → Text-based DOM manipulation no OCR, no vision models needed → Bring your own LLM (GPT, Claude, Qwen, anything) → Ships a built-in UI with human-in-the-loop support → Turn 20-click ERP/CRM workflows into one sentence → Optional Chrome extension for multi-tab agent tasks → Works on any web app SaaS, admin panels, internal tools Companies are charging $30/month for AI copilots built on this exact idea. This is 3 lines of code. Your users. Your interface. The AI copilot layer for every web app just got open sourced. 1.6K stars. 100% Open Source. (Link in the comments)

Ihtesham Ali

135,634 views • 6 months ago

DEEPSEEK HAS JUST KILLED THE ENTIRE CODING AGENT INDUSTRY It's called deepseek-harness It's the most complete framework for creating code agents Open source. Claude's most complete plan costs $200 a month. This is FREE And it comes with a brutal idea Everything is a plugin The model The tools The sandbox The UI Even the agent's own loop You can swap out any of those pieces just by tweaking the config Without touching the base code One single command and you have the local web interface: npx deepseek-ai/dsh web Compatible with DeepSeek, Claude, GPT, Gemini and whatever else you want to plug in It reached over 160 thousand stars in just a few days A frontier lab just dropped for free the exact layer that other companies are selling as premium product I'll leave the repo in the comments

DEEPSEEK HAS JUST KILLED THE ENTIRE CODING AGENT INDUSTRY It's called deepseek-harness It's the most complete framework for creating code agents Open source. Claude's most complete plan costs $200 a month. This is FREE And it comes with a brutal idea Everything is a plugin The model The tools The sandbox The UI Even the agent's own loop You can swap out any of those pieces just by tweaking the config Without touching the base code One single command and you have the local web interface: npx deepseek-ai/dsh web Compatible with DeepSeek, Claude, GPT, Gemini and whatever else you want to plug in It reached over 160 thousand stars in just a few days A frontier lab just dropped for free the exact layer that other companies are selling as premium product I'll leave the repo in the comments

sauda moni

176,675 views • 4 days ago

1/3 🤖 Meet AgentOS: A Token-efficient, Microkernel AI agent with on-device model routing across CLI, Web UI, and chat. A local router reads every message on your device and sends it to the cheapest model that can still do the job well. You stop overpaying for AI. ⚡ What makes it stand out: ■ Smart on-device model routing across 20+ providers ( bankrbot LLM Gateway, OpenRouter, OpenAI, Anthropic, Ollama, and more). ■ Persistent local memory that survives restarts. ■ A layered security sandbox (Standard, Strict, Locked). ■ 37 built-in skills plus MCP, loaded only when a task needs them, and more ■ One unified gateway for CLI, Web UI, Slack, Telegram, Discord, and more Remember this: AgentOS has been integrated with the Bankr LLM Gateway since day one. That means any Bankr user with Bankr API key can start using AgentOS in minutes. Let the router cook.

1/3 🤖 Meet AgentOS: A Token-efficient, Microkernel AI agent with on-device model routing across CLI, Web UI, and chat. A local router reads every message on your device and sends it to the cheapest model that can still do the job well. You stop overpaying for AI. ⚡ What makes it stand out: ■ Smart on-device model routing across 20+ providers ( bankrbot LLM Gateway, OpenRouter, OpenAI, Anthropic, Ollama, and more). ■ Persistent local memory that survives restarts. ■ A layered security sandbox (Standard, Strict, Locked). ■ 37 built-in skills plus MCP, loaded only when a task needs them, and more ■ One unified gateway for CLI, Web UI, Slack, Telegram, Discord, and more Remember this: AgentOS has been integrated with the Bankr LLM Gateway since day one. That means any Bankr user with Bankr API key can start using AgentOS in minutes. Let the router cook.

AgentOS

204,940 views • 2 months ago

Ya know what- **FREE REACTIVE AND ART RAFFLE** *I love making these so I'm doing a free raffle before I officially open comms for these animated reactives! Included with the animated versions you will also get a the talking and non-talking versions as PNG'S that you can do WHATEVER YOU WANT WITH THEM. (just obviously give me credit, and DO NOT use it for AI in any way, shape or form) *You don't have to follow me (though that would be nice of you if you did 👉👈 ) or repost, just comment with your character sheet/art below and tell me one thing you're planning to achieve in 2026!! Raffle closes on December 15th and I'll announce the winner the following day! Good luck!

Ya know what- FREE REACTIVE AND ART RAFFLE I love making these so I'm doing a free raffle before I officially open comms for these animated reactives! Included with the animated versions you will also get a the talking and non-talking versions as PNG'S that you can do WHATEVER YOU WANT WITH THEM. (just obviously give me credit, and DO NOT use it for AI in any way, shape or form) You don't have to follow me (though that would be nice of you if you did 👉👈 ) or repost, just comment with your character sheet/art below and tell me one thing you're planning to achieve in 2026!! Raffle closes on December 15th and I'll announce the winner the following day! Good luck!

~Salem~🩷 🦇

15,345 views • 9 months ago