Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

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

60,895 subscribers

28,583 görüntüleme • 4 ay önce •via X (Twitter)

MüzikBilim & Teknoloji
LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

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

Benzer Videolar

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

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

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

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

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

Introducing Generative UI for Claude Code, Codex and Pi Charts, forms, 3D, anything Your agent renders real UI for users while it works in a sandbox Powered by AI SDK's experimental HarnessAgent + json-render
0:14

Introducing Generative UI for Claude Code, Codex and Pi Charts, forms, 3D, anything Your agent renders real UI for users while it works in a sandbox Powered by AI SDK's experimental HarnessAgent + json-render

Chris Tate

167,757 görüntüleme • 24 gün önce

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

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

488,324 görüntüleme • 5 ay önce

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

130,507 görüntüleme • 4 ay önce

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

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

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

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

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

The natural UI for skills? A skill tree 🌳

Dominik Scholz

1,240,761 görüntüleme • 5 ay önce

¡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,423 görüntüleme • 2 yıl önce

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

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

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

164,515 görüntüleme • 4 ay önce

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