Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

Some real examples of deslopifying UI interactive components with the Transitions UI agent. Each example compares the same component, built in one shot or with at most one edit using coding agents with their default setup vs with the Transitions agent.

Jakubantalik's profile picture

Jakub Antalik

22,984 subscribers

25,984 görüntüleme • 6 gün önce •via X (Twitter)

Bilim & Teknoloji
LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

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

Benzer Videolar

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 • 27 gün önce

The best UI components ready to use, save this 👇 - free animated component library - Animated thinking orb component - essential transitions for web apps - crafted UI for AI-native interfaces. - huge community library - The React component library - patterns from 95 design systems - Annotate your UI. Guide your coding agent What Did I Miss?
0:16

The best UI components ready to use, save this 👇 - free animated component library - Animated thinking orb component - essential transitions for web apps - crafted UI for AI-native interfaces. - huge community library - The React component library - patterns from 95 design systems - Annotate your UI. Guide your coding agent What Did I Miss?

Nero

97,781 görüntüleme • 2 ay önce

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

193,331 görüntüleme • 23 gün önce

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

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,748 görüntüleme • 12 gün önce

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

Designing with Framer agents is one thing, but the components you can build with it are insane. Fully-fledged, interactive components, built in literal minutes. 🤌
0:13

Designing with Framer agents is one thing, but the components you can build with it are insane. Fully-fledged, interactive components, built in literal minutes. 🤌

Hamza Ehsan

13,191 görüntüleme • 4 ay önce

Most of my motion videos are now done fully by agents. Best approach I found looks sth like this: - Scribble out the rough storyboard - Hand it to an agent with a short description - Agent builds each scene with real components from the codebase - Skills & references handle the camera, transitions, cuts, easing and pacing It's impressive how fast you can get to sth solid, if you have the right workflow & skills.
0:16

Most of my motion videos are now done fully by agents. Best approach I found looks sth like this: - Scribble out the rough storyboard - Hand it to an agent with a short description - Agent builds each scene with real components from the codebase - Skills & references handle the camera, transitions, cuts, easing and pacing It's impressive how fast you can get to sth solid, if you have the right workflow & skills.

Nils

45,652 görüntüleme • 1 ay önce

A massive repository with end-to-end examples of AI applications with React! Together with MCP and A2A, the Agent-User Interaction Protocol (AG-UI) is the third piece that will help you build user-facing AI agents. This GitHub repository will give you access to a bunch of examples showing you how to build the following: • Real-time updates between AI and users • Shared mutable state between agents and users • Tool orchestration • Security boundaries • UI synchronization In every one of these examples, you'll get the following: • Client sends a POST request to the agent endpoint • Then listens to a unified event stream over HTTP • Each event includes a type and a minimal payload • Agents emit events in real-time • The frontend can react immediately to these events • The frontend emits events and context back to the agent Check the link in the next post:
0:19

A massive repository with end-to-end examples of AI applications with React! Together with MCP and A2A, the Agent-User Interaction Protocol (AG-UI) is the third piece that will help you build user-facing AI agents. This GitHub repository will give you access to a bunch of examples showing you how to build the following: • Real-time updates between AI and users • Shared mutable state between agents and users • Tool orchestration • Security boundaries • UI synchronization In every one of these examples, you'll get the following: • Client sends a POST request to the agent endpoint • Then listens to a unified event stream over HTTP • Each event includes a type and a minimal payload • Agents emit events in real-time • The frontend can react immediately to these events • The frontend emits events and context back to the agent Check the link in the next post:

Santiago

78,271 görüntüleme • 1 yıl önce

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 görüntüleme • 6 ay önce

Flow Effect, now in Framer. Automatically animate sections along with any interaction or component with transitions you control. No more nested components needed.
0:10

Flow Effect, now in Framer. Automatically animate sections along with any interaction or component with transitions you control. No more nested components needed.

benjamin

29,148 görüntüleme • 10 ay önce

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 görüntüleme • 8 ay önce

new skill: create-canvas. last week I made a skill to put every component from a repo on one canvas. I started using it with my agent to create variations, compare ideas, and iterate visually without leaving the codebase. so I made a new skill around that workflow. instead of moving your work into another tool, bring the canvas into your codebase and use it to explore UI with your agent, using the real components, styles, and project context already there.
0:10

new skill: create-canvas. last week I made a skill to put every component from a repo on one canvas. I started using it with my agent to create variations, compare ideas, and iterate visually without leaving the codebase. so I made a new skill around that workflow. instead of moving your work into another tool, bring the canvas into your codebase and use it to explore UI with your agent, using the real components, styles, and project context already there.

Ibelick

39,498 görüntüleme • 15 gün önce

One UI 7 vs One UI 8 Compared with the animation, we can see that the opening animation of oneui8 is more slowly spread across the full screen in the final stage. One UI 8 video from Денис
0:11

One UI 7 vs One UI 8 Compared with the animation, we can see that the opening animation of oneui8 is more slowly spread across the full screen in the final stage. One UI 8 video from Денис

Ice Universe

101,665 görüntüleme • 1 yıl önce

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

Let's take a look at the progress of Samsung One UI. One UI 3 vs One UI 8
0:16

Let's take a look at the progress of Samsung One UI. One UI 3 vs One UI 8

Ice Universe

141,763 görüntüleme • 1 yıl önce

Introducing Agent File (.af) 👾 - an open file format for importing/exporting agents. With .af, you can reproduce an agent (with the same behavior and memories) without any setup or scripts: simply load the .af into your Letta server or Letta Desktop:
0:16

Introducing Agent File (.af) 👾 - an open file format for importing/exporting agents. With .af, you can reproduce an agent (with the same behavior and memories) without any setup or scripts: simply load the .af into your Letta server or Letta Desktop:

Letta

44,914 görüntüleme • 1 yıl önce