Loading video...

Video Failed to Load

Go Home

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.

Jakubantalik's profile picture

Jakub Antalik

21,963 subscribers

137,175 views • 1 day ago •via X (Twitter)

Science & Technology
LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

🚀 The new open-source layout is here! A beautiful crypto wallet UI built with shadcn/ui and Origin UI!
0:13

🚀 The new open-source layout is here! A beautiful crypto wallet UI built with shadcn/ui and Origin UI!

Pasquale Vitiello

23,252 views • 1 year 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,079 views • 29 days 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

272,344 views • 19 days ago

I've started using Base UI for Hypermode's new UI components and I'm absolutely loving it. The component API's are excellent, and the DX in pairing it up with Motion has been seamless. WIP of a new Hypermode dialog with form elements built on BaseUI 👇
0:14

I've started using Base UI for Hypermode's new UI components and I'm absolutely loving it. The component API's are excellent, and the DX in pairing it up with Motion has been seamless. WIP of a new Hypermode dialog with form elements built on BaseUI 👇

Derek Briggs

14,980 views • 1 year ago

I created a cinematic, data-driven UI built around complex systems and a strong central hero. First non-client UI I’ve built from scratch in a long time. Built in Illustrator → animated in After Effects. Hero asset: Midjourney → Nano Banana wireframe.
0:16

I created a cinematic, data-driven UI built around complex systems and a strong central hero. First non-client UI I’ve built from scratch in a long time. Built in Illustrator → animated in After Effects. Hero asset: Midjourney → Nano Banana wireframe.

Nawaz Alamgir

41,261 views • 8 months ago

Today, we're joining Google's release of A2UI v0.9 🎉 Declarative Generative UI with your own design system. Works with any AG-UI Agent. Your agents describes UI via JSON, your frontend renders it using your components catalog like lego building blocks UI is alive and dead. CLI for agents, Generative UI for humans. Try it out: npx copilotkit@latest create my-app --framework a2ui
0:19

Today, we're joining Google's release of A2UI v0.9 🎉 Declarative Generative UI with your own design system. Works with any AG-UI Agent. Your agents describes UI via JSON, your frontend renders it using your components catalog like lego building blocks UI is alive and dead. CLI for agents, Generative UI for humans. Try it out: npx copilotkit@latest create my-app --framework a2ui

Atai Barkai

71,895 views • 5 months ago

finally shadcn combobox with creatable support built with Base UI I have been waiting for this for too long npx shadcn add @flowkit-ui/creatable-combobox
0:18

finally shadcn combobox with creatable support built with Base UI I have been waiting for this for too long npx shadcn add @flowkit-ui/creatable-combobox

Ali Bey

26,003 views • 6 months ago

If you are using my UI or are using Cooldown Manager Centered, a new experimental feature just dropped allowing you to see your keypress overlay on the Cooldown Manager! My Free Midnight UI available:
0:10

If you are using my UI or are using Cooldown Manager Centered, a new experimental feature just dropped allowing you to see your keypress overlay on the Cooldown Manager! My Free Midnight UI available:

Luxthos

65,613 views • 8 months ago

The natural UI for skills? A skill tree 🌳
0:19

The natural UI for skills? A skill tree 🌳

Dominik Scholz

1,242,712 views • 8 months 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?
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 ✪

128,120 views • 2 months ago

🧬🧬 LLM Generated UIs We've added a series of templates and documentation showing off how to build generative UI applications using LangChain JS/TS & Next.js. These templates include: - 🌆 generative UI in Next.js - 🤖 streaming agent events - 🛠️ streaming tool calls and more! Checkout our Next.js template repo for these examples and extensive docs:
0:16

🧬🧬 LLM Generated UIs We've added a series of templates and documentation showing off how to build generative UI applications using LangChain JS/TS & Next.js. These templates include: - 🌆 generative UI in Next.js - 🤖 streaming agent events - 🛠️ streaming tool calls and more! Checkout our Next.js template repo for these examples and extensive docs:

LangChain

54,525 views • 2 years ago

I stopped collecting random inspo. These are the only UI + vibecoding resources I keep opening. 1. EvilCharts — animated React charts for dashboards 2. Rewamp UI — free open-source components, blocks, and landing pages 3. Refero — real product UI patterns and screens for reference 4. Bencho — AI product UI components for faster builds 5. Inspora — design inspiration for modern product UI 6. Neuform — design-to-code resources for AI UI work 7. Open Design — DESIGN.md resources so AI builds with clearer UI rules Save this before your next build 👀
0:19

I stopped collecting random inspo. These are the only UI + vibecoding resources I keep opening. 1. EvilCharts — animated React charts for dashboards 2. Rewamp UI — free open-source components, blocks, and landing pages 3. Refero — real product UI patterns and screens for reference 4. Bencho — AI product UI components for faster builds 5. Inspora — design inspiration for modern product UI 6. Neuform — design-to-code resources for AI UI work 7. Open Design — DESIGN.md resources so AI builds with clearer UI rules Save this before your next build 👀

Hey Detya

50,001 views • 14 days ago

Building a mobile app ui SHOULD be this easy. 1. Design in Figma 2. Open ExpressionUI plugin 3. Export the render data (not code) Display your UI in Flutter, React-Native, SwiftUI, or Kotlin. No generated code for you to maintain or edit. Expression UI plugin in progress Built with Flutter using Stacked 👀 #buildinpublic
0:19

Building a mobile app ui SHOULD be this easy. 1. Design in Figma 2. Open ExpressionUI plugin 3. Export the render data (not code) Display your UI in Flutter, React-Native, SwiftUI, or Kotlin. No generated code for you to maintain or edit. Expression UI plugin in progress Built with Flutter using Stacked 👀 #buildinpublic

Dane Mackier

14,323 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.
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

46,747 views • 5 days ago

We’ve (Vaibhav & I) been building something tiny — but super useful: a Figma plugin called Flicker ⚡️ It turns your UI into clean and cute skeleton loading states. (Video created in: Screen Studio)
0:13

We’ve (Vaibhav & I) been building something tiny — but super useful: a Figma plugin called Flicker ⚡️ It turns your UI into clean and cute skeleton loading states. (Video created in: Screen Studio)

Ankur

13,396 views • 1 year 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

In One UI 9, media player animations are very smooth. These are the smoothest animations Samsung has ever created. Repost
0:10

In One UI 9, media player animations are very smooth. These are the smoothest animations Samsung has ever created. Repost

Tarun Vats

88,432 views • 5 months ago