Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

found a library (Takumi) that turns React into images. was curious if that unlocked any neat visuals in a terminal. turns out yeah! kinda pointless, but the visual fidelity is fun. render the components to an image, then draw it in the terminal with the kitty protocol. did some...

mattrothenberg's profile picture

matt rothenberg

4,493 subscribers

15,705 görüntüleme • 15 gün önce •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

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

Benzer Videolar

Turns out when you’re cracked at math, you can make a text-based ASCII Doom in C that runs in the terminal.
0:49

Turns out when you’re cracked at math, you can make a text-based ASCII Doom in C that runs in the terminal.

tetsuo

2,982,465 görüntüleme • 1 yıl önce

Thanks to the Textual library we were able to build a pretty neat UI for Mistral Vibe in the terminal Looks especially good with Ghostty ✨
0:26

Thanks to the Textual library we were able to build a pretty neat UI for Mistral Vibe in the terminal Looks especially good with Ghostty ✨

Val

70,350 görüntüleme • 7 ay önce

You can now bring your images to life, just upload any image and it turns it into a clean and precise SVG. we're using a custom model specifically trained for SVG recognition and generation. the results are insane
0:37

You can now bring your images to life, just upload any image and it turns it into a clean and precise SVG. we're using a custom model specifically trained for SVG recognition and generation. the results are insane

Junior García

25,651 görüntüleme • 4 ay önce

I'm building a node-based tool that turns any SVG into animated SVGs using Gemini 3.1 Pro it preserves the original aesthetics and the results are insane
2:02

I'm building a node-based tool that turns any SVG into animated SVGs using Gemini 3.1 Pro it preserves the original aesthetics and the results are insane

Junior García

395,894 görüntüleme • 4 ay önce

Alright folks, so I’m building a simple shadcn-inspired UI library for react native. Here is a peek into the components that I’ve cooked so far. Slowly migrating them into the library (I’ve added only 4 so far) Link to repo and npmjs in the next posts of this thread
0:46

Alright folks, so I’m building a simple shadcn-inspired UI library for react native. Here is a peek into the components that I’ve cooked so far. Slowly migrating them into the library (I’ve added only 4 so far) Link to repo and npmjs in the next posts of this thread

major tom

71,944 görüntüleme • 1 yıl önce

Okay, so I'm pretty sure I've found the best way in the world to create dynamic Open Graph images! And I've turned it into a little product that I'd love to show you 🤩 Check out this quick video tour of Ogkit to see how it works 👇 (I promise it's pretty cool!) TL;DR: Drop any HTML into a tag and Ogkit turns it into a dynamically generated Open Graph image for that page. Works with literally any stack. The only dependency is a tiny JS script. Got any questions about Ogkit? Would love to answer them!
3:53

Okay, so I'm pretty sure I've found the best way in the world to create dynamic Open Graph images! And I've turned it into a little product that I'd love to show you 🤩 Check out this quick video tour of Ogkit to see how it works 👇 (I promise it's pretty cool!) TL;DR: Drop any HTML into a tag and Ogkit turns it into a dynamically generated Open Graph image for that page. Works with literally any stack. The only dependency is a tiny JS script. Got any questions about Ogkit? Would love to answer them!

Peter Suhm

97,656 görüntüleme • 10 ay önce

Based on the WWDC 2026 leaks, I tried to recreate the iOS 27 revamped Siri interaction inside the Dynamic Island in swift ui with lots of different settings and some custom shaders. And yeah, if it’s like that, it will be kinda boring going from a rainbow like ui to a monochrome one.
0:14

Based on the WWDC 2026 leaks, I tried to recreate the iOS 27 revamped Siri interaction inside the Dynamic Island in swift ui with lots of different settings and some custom shaders. And yeah, if it’s like that, it will be kinda boring going from a rainbow like ui to a monochrome one.

Tykra

37,825 görüntüleme • 1 ay önce

made a little terminal explainer, based on the original terminal
1:28

made a little terminal explainer, based on the original terminal

nikhil

76,615 görüntüleme • 2 ay önce

We at GitButler just shipped what I want to say is a killer, version control integrated, Claude Code UI. I did love CC in the terminal, but launching an agent scoped to a branch is really amazing. Check it out. Also, unrelated, I love Screen Studio, it's dope.
0:26

We at GitButler just shipped what I want to say is a killer, version control integrated, Claude Code UI. I did love CC in the terminal, but launching an agent scoped to a branch is really amazing. Check it out. Also, unrelated, I love Screen Studio, it's dope.

Scott Chacon

21,838 görüntüleme • 10 ay önce

Experimenting with an idea I'm calling the sandbox. It's a little zone for the AI to create new UI elements that render in Conductor:
1:01

Experimenting with an idea I'm calling the sandbox. It's a little zone for the AI to create new UI elements that render in Conductor:

Charlie Holtz

27,924 görüntüleme • 5 ay önce

So turns out FNAF:SOTM works in VR! Just needed a mod to change some stuff Here's a little gameplay, I haven't gone through the whole game but it kinda works
0:44

So turns out FNAF:SOTM works in VR! Just needed a mod to change some stuff Here's a little gameplay, I haven't gone through the whole game but it kinda works

Moon

62,351 görüntüleme • 1 yıl önce

THIS GUY VIBE CODED A TOOL THAT TURNS ANY SVG INTO A 3D OBJECT YOU CAN SPIN, ANIMATE, AND EMBED drag in an SVG, type some text, or draw pixel art. it becomes a 3D object instantly. spin it around, animate it, and embed it on your site. export as 4K image or video. runs entirely in your browser and nothing gets uploaded to any server with no account needed. 100% free AND its open source. this is one of those tools you didn't know you needed until you see it
0:29

THIS GUY VIBE CODED A TOOL THAT TURNS ANY SVG INTO A 3D OBJECT YOU CAN SPIN, ANIMATE, AND EMBED drag in an SVG, type some text, or draw pixel art. it becomes a 3D object instantly. spin it around, animate it, and embed it on your site. export as 4K image or video. runs entirely in your browser and nothing gets uploaded to any server with no account needed. 100% free AND its open source. this is one of those tools you didn't know you needed until you see it

Om Patel

229,955 görüntüleme • 3 ay önce

we went pretty hard on attachments in opencode v0.2.6 can @ tag any file in your codebase can drag and drop files into the terminal can copy paste files into the terminal works with images too check it
0:31

we went pretty hard on attachments in opencode v0.2.6 can @ tag any file in your codebase can drag and drop files into the terminal can copy paste files into the terminal works with images too check it

dax

42,166 görüntüleme • 1 yıl önce

Microsoft Teams just got Generative UI But this is just the tip of the iceberg. AG-UI is the protocol connecting any agent to any user on any app, topped with Generative UI. That means your agent can render: - forms - buttons - charts - approval flows Right inside the chat, on the fly. But it's not limited to in-app copilots. What's special is that you can work with any agent using the same system and bring them into any surface, including Slack, WhatsApp, Discord and more. This is exactly why Hermes and OpenClaw took off. As users of these agents, we don't like walls of text, and it's a pain to get when you can have way better UX. CopilotKit🪁 + AG-UI handle that interaction layer. If you want to try out Agentic UI in Microsoft Teams, you can get early access here:
0:55

Microsoft Teams just got Generative UI But this is just the tip of the iceberg. AG-UI is the protocol connecting any agent to any user on any app, topped with Generative UI. That means your agent can render: - forms - buttons - charts - approval flows Right inside the chat, on the fly. But it's not limited to in-app copilots. What's special is that you can work with any agent using the same system and bring them into any surface, including Slack, WhatsApp, Discord and more. This is exactly why Hermes and OpenClaw took off. As users of these agents, we don't like walls of text, and it's a pain to get when you can have way better UX. CopilotKit🪁 + AG-UI handle that interaction layer. If you want to try out Agentic UI in Microsoft Teams, you can get early access here:

Atai Barkai

23,776 görüntüleme • 24 gün önce

we released our react package build an ai chat w/ interactive components in a few lines of code. add it to your app with: npx tambo full-send we support: - streaming for both messages and components - message history and message threads - state manage for generated components - suggested actions based on available components - component library that uses the react package the react package is open-source. server package will be open-sourced later this year.
1:01

we released our react package build an ai chat w/ interactive components in a few lines of code. add it to your app with: npx tambo full-send we support: - streaming for both messages and components - message history and message threads - state manage for generated components - suggested actions based on available components - component library that uses the react package the react package is open-source. server package will be open-sourced later this year.

Michael Magán

65,473 görüntüleme • 1 yıl önce

The future of photography is “lens-free” This is an incredible project by Bjørn Karmann The camera creates a prompt based on the geo data and that then turns into an AI photo 🤯
0:27

The future of photography is “lens-free” This is an incredible project by Bjørn Karmann The camera creates a prompt based on the geo data and that then turns into an AI photo 🤯

Linus ✦ Ekenstam

12,360,579 görüntüleme • 3 yıl önce

🚀Turn Single Image into 3D Human🚀 #GeneMAN is a generalizable single-image 3D human reconstruction framework that turns in-the-wild images into high-quality 3D humans with ease 🔗Project: 📜Paper: 🧑‍💻Code:
1:04

🚀Turn Single Image into 3D Human🚀 #GeneMAN is a generalizable single-image 3D human reconstruction framework that turns in-the-wild images into high-quality 3D humans with ease 🔗Project: 📜Paper: 🧑‍💻Code:

Ziwei Liu

26,953 görüntüleme • 1 yıl önce

I wrote a full terminal emulator in PHP! And I wrote a testing tool that takes screenshots of the terminal to verify that my emulator is working!
6:28

I wrote a full terminal emulator in PHP! And I wrote a testing tool that takes screenshots of the terminal to verify that my emulator is working!

Aaron Francis

27,377 görüntüleme • 1 yıl önce

Anthropic's in trouble, again! They spent years building what's now fully open-source. What made Claude feel different from a normal app is that the agent could act inside the interface instead of only talking in a chat box. For instance, Claude Artifacts let an agent render real UI, charts, dashboards, and interactive components that assemble live inside the response. Every major AI product tried to replicate it. But the problem was that unlike reasoning, planning, tool-calling, etc., none of it shipped natively with LangGraph, CrewAI, or Google ADK. So teams started building an owned version that required engineering the entire interface layer from scratch. Most teams, however, just settled for shipping the agent as a backend API in a chat box since rendering the UI is only one piece of it. To actually make it work, the interface layer also needed real-time streaming, state kept in sync between agent and UI, conversations that persist across sessions, and reconnection when a user refreshes mid-run. CopilotKit🪁 is now the only open-source framework that actually lets you build your own full-stack Claude-like apps. It decouples the agent from the interface, talking over AG-UI (an open protocol for agent-to-user communication). Being a standard protocol, the frontend never needs to know whether it is talking to a LangGraph or a CrewAI agent. You can change the backend anytime and the UI will never notice. In practice, CopilotKit's interface layer gives several pre-implemented React building blocks that wire the agent directly into the app, like: - generative UI, so the agent renders real components instead of text - chat windows, sidebars, and popups, or a fully headless setup - shared state, so the agent and app stay in sync - human-in-the-loop approvals, where the agent waits before acting - persistent threads that store the whole session, including the agent-user interactions and generated UI, not just text And because that full history is captured, those interactions can feed a self-learning layer that also improves the agent from real usage over time. The interface layer that Anthropic spent years engineering in-house is now literally available to any developer/team. CopilotKit is open-source with 30k+ GitHub stars, and AG-UI, the protocol underneath, is already supported across every major agent framework: LangGraph, CrewAI, Mastra, Google ADK, and more. CopilotKit GitHub repo → (don't forget to star it ⭐ ) If you want to go deeper, I found a detailed breakdown by Shubham Saboo recently on the three Generative UI patterns, with implementation. Read it below.
0:23

Anthropic's in trouble, again! They spent years building what's now fully open-source. What made Claude feel different from a normal app is that the agent could act inside the interface instead of only talking in a chat box. For instance, Claude Artifacts let an agent render real UI, charts, dashboards, and interactive components that assemble live inside the response. Every major AI product tried to replicate it. But the problem was that unlike reasoning, planning, tool-calling, etc., none of it shipped natively with LangGraph, CrewAI, or Google ADK. So teams started building an owned version that required engineering the entire interface layer from scratch. Most teams, however, just settled for shipping the agent as a backend API in a chat box since rendering the UI is only one piece of it. To actually make it work, the interface layer also needed real-time streaming, state kept in sync between agent and UI, conversations that persist across sessions, and reconnection when a user refreshes mid-run. CopilotKit🪁 is now the only open-source framework that actually lets you build your own full-stack Claude-like apps. It decouples the agent from the interface, talking over AG-UI (an open protocol for agent-to-user communication). Being a standard protocol, the frontend never needs to know whether it is talking to a LangGraph or a CrewAI agent. You can change the backend anytime and the UI will never notice. In practice, CopilotKit's interface layer gives several pre-implemented React building blocks that wire the agent directly into the app, like: - generative UI, so the agent renders real components instead of text - chat windows, sidebars, and popups, or a fully headless setup - shared state, so the agent and app stay in sync - human-in-the-loop approvals, where the agent waits before acting - persistent threads that store the whole session, including the agent-user interactions and generated UI, not just text And because that full history is captured, those interactions can feed a self-learning layer that also improves the agent from real usage over time. The interface layer that Anthropic spent years engineering in-house is now literally available to any developer/team. CopilotKit is open-source with 30k+ GitHub stars, and AG-UI, the protocol underneath, is already supported across every major agent framework: LangGraph, CrewAI, Mastra, Google ADK, and more. CopilotKit GitHub repo → (don't forget to star it ⭐ ) If you want to go deeper, I found a detailed breakdown by Shubham Saboo recently on the three Generative UI patterns, with implementation. Read it below.

Avi Chawla

455,096 görüntüleme • 1 ay önce