Loading video...

Video Failed to Load

Go Home

Generative UI for Svelte is here – JSON specs to native Svelte components – Runes-based reactivity – Type-safe component registries – Streaming UI generation – State, actions, visibility, validation providers npx skills add vercel-labs/json-render --skill svelte

ctatedev's profile picture

Chris Tate

29,744 subscribers

27,051 views • 3 months ago •via X (Twitter)

MusicScience & Technology
LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

¡Biblioteca para crear formularios con múltiples pasos! Funciona en React, Vue y Svelte. Sólo necesitas un JSON para configurarlo:
0:13

¡Biblioteca para crear formularios con múltiples pasos! Funciona en React, Vue y Svelte. Sólo necesitas un JSON para configurarlo:

Miguel Ángel Durán

33,395 views • 1 year ago

Vibe coding, with guardrails. json-render now exports production-ready source code using @𝚓𝚜𝚘𝚗-𝚛𝚎𝚗𝚍𝚎𝚛/𝚌𝚘𝚍𝚎𝚐𝚎𝚗 The best of Generative UI paired with traditional code generation
0:10

Vibe coding, with guardrails. json-render now exports production-ready source code using @𝚓𝚜𝚘𝚗-𝚛𝚎𝚗𝚍𝚎𝚛/𝚌𝚘𝚍𝚎𝚐𝚎𝚗 The best of Generative UI paired with traditional code generation

Chris Tate

33,601 views • 4 months ago

🎨 Artifacts support in Agent Chat UI Need to render generative UI components outside of the chat window? Together with streaming, you can create interactive UI components that go beyond chat!
0:15

🎨 Artifacts support in Agent Chat UI Need to render generative UI components outside of the chat window? Together with streaming, you can create interactive UI components that go beyond chat!

David Duong

38,445 views • 1 year ago

Generative UI agents can now render real shadcn/ui components. shadcn /ui support is now live in OpenUI.
0:19

Generative UI agents can now render real shadcn/ui components. shadcn /ui support is now live in OpenUI.

Rabi Shanker Guha

55,207 views • 2 months ago

json-render can now render images You define a catalog. AI generates JSON constrained to that catalog. Output is an SVG or PNG. Same way json-render keeps AI within your design system for UI - now it does the same for OG images, marketing graphics, data visualizations
0:14

json-render can now render images You define a catalog. AI generates JSON constrained to that catalog. Output is an SVG or PNG. Same way json-render keeps AI within your design system for UI - now it does the same for OG images, marketing graphics, data visualizations

Chris Tate

84,076 views • 3 months ago

Testing controlled neodrag in svelte and react and I'm again so disappointed in React. it just stutters so terribly. React code here is using useMemo and useCallback, svelte code has absolutely no such requirements. Left: Svelte. Right: React
0:13

Testing controlled neodrag in svelte and react and I'm again so disappointed in React. it just stutters so terribly. React code here is using useMemo and useCallback, svelte code has absolutely no such requirements. Left: Svelte. Right: React

{PuruVijay}.svelte

100,400 views • 1 year ago

We're releasing 𝚟𝚎𝚛𝚌𝚎𝚕-𝚛𝚎𝚊𝚌𝚝-𝚗𝚊𝚝𝚒𝚟𝚎-𝚜𝚔𝚒𝚕𝚕𝚜, extracted from the lessons of building v0 for iOS and the upcoming Vercel app (teaser below). ▲ ~/ npx skills add vercel-labs/agent-skills
0:19

We're releasing 𝚟𝚎𝚛𝚌𝚎𝚕-𝚛𝚎𝚊𝚌𝚝-𝚗𝚊𝚝𝚒𝚟𝚎-𝚜𝚔𝚒𝚕𝚕𝚜, extracted from the lessons of building v0 for iOS and the upcoming Vercel app (teaser below). ▲ ~/ npx skills add vercel-labs/agent-skills

Vercel Developers

487,880 views • 4 months ago

We built a better alternative to json-render & A2UI Up to 3x faster rendering & 67% fewer tokens. Far fewer broken outputs. We've been shipping Generative UI interfaces to 10,000+ developers for the past year. We know where JSON-based rendering breaks in production. So we built a new format - one that works with how models actually generate, not against it. And today we're open sourcing it: openui [dot] com
0:18

We built a better alternative to json-render & A2UI Up to 3x faster rendering & 67% fewer tokens. Far fewer broken outputs. We've been shipping Generative UI interfaces to 10,000+ developers for the past year. We know where JSON-based rendering breaks in production. So we built a new format - one that works with how models actually generate, not against it. And today we're open sourcing it: openui [dot] com

Rabi Shanker Guha

129,442 views • 3 months ago

¡Crea páginas web más rápido con esto! Colección de componentes de UI de copiar y pegar. Compatibles con React, Angular, Vue, Svelte y más. Hechos con Tailwind y fácilmente personalizables. →
0:11

¡Crea páginas web más rápido con esto! Colección de componentes de UI de copiar y pegar. Compatibles con React, Angular, Vue, Svelte y más. Hechos con Tailwind y fácilmente personalizables. →

Miguel Ángel Durán

38,967 views • 1 year ago

Progress update: The new Vercel AI SDK v5 is so cool! The AI can now generate and render UI components directly in the chat!
0:14

Progress update: The new Vercel AI SDK v5 is so cool! The AI can now generate and render UI components directly in the chat!

Hugo

41,528 views • 11 months ago

Mobile design UI components Line design system is an excellent collection of UI components for mobile apps—from action buttons to pulldown menus. Every component features anatomy, states & behavior, and design dos and donts.
0:16

Mobile design UI components Line design system is an excellent collection of UI components for mobile apps—from action buttons to pulldown menus. Every component features anatomy, states & behavior, and design dos and donts.

Nick Babich

266,586 views • 2 years ago

¡Google ha lanzado Material Web! Compatible con React, Angular, Vue, Svelte y Lit.
0:16

¡Google ha lanzado Material Web! Compatible con React, Angular, Vue, Svelte y Lit.

Miguel Ángel Durán

98,394 views • 2 years ago

New Skill: Email Emulation Test magic links, verification codes w/o sending real emails → Send via the Resend SDK → Retrieve emails from a local inbox → Extract codes to complete auth flows → One env var to reroute traffic npx skills add vercel-labs/emulate --skill resend
0:13

New Skill: Email Emulation Test magic links, verification codes w/o sending real emails → Send via the Resend SDK → Retrieve emails from a local inbox → Extract codes to complete auth flows → One env var to reroute traffic npx skills add vercel-labs/emulate --skill resend

Chris Tate

84,370 views • 2 months ago

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

The natural UI for skills? A skill tree 🌳

Dominik Scholz

1,238,279 views • 4 months ago

visual-json has landed in the json-render playground And it includes manual edits 🤯
0:11

visual-json has landed in the json-render playground And it includes manual edits 🤯

Chris Tate

45,389 views • 3 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

25,785 views • 2 months ago

Introducing Generative UI for MCP Apps One server. Infinite interfaces. Instead of building views, define a component catalog. The AI assembles the right UI based on your API, CLI or MCP server tools. Works in Claude, ChatGPT, VS Code, Cursor and more
0:14

Introducing Generative UI for MCP Apps One server. Infinite interfaces. Instead of building views, define a component catalog. The AI assembles the right UI based on your API, CLI or MCP server tools. Works in Claude, ChatGPT, VS Code, Cursor and more

Chris Tate

162,418 views • 3 months ago

New website for Languine just dropped: ✨ Next.js 💅 shadcn UI components 🔤 Geist Font by Vercel Fully open source too!
0:12

New website for Languine just dropped: ✨ Next.js 💅 shadcn UI components 🔤 Geist Font by Vercel Fully open source too!

Pontus Abrahamsson — oss/acc

45,234 views • 1 year ago

generative ui for home automations!
0:18

generative ui for home automations!

Jeremy

199,799 views • 1 year ago