Loading video...

Video Failed to Load

Go Home

Introducing prompt-kit A set of high-quality, customizable components for building AI interfaces. Built on top of shadcn/ui, starting with PromptInput, a flexible input field for chatting with AI models. New components coming soon!

Ibelick's profile picture

Ibelick

10,615 subscribers

104,121 views • 1 year ago •via X (Twitter)

Science & TechnologyEducation
LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

Introducing Kibo UI Blocks — a new series of shadcn inspired blocks for building interfaces with Kibo components! Copy and paste into your app. As always, open source and free forever. Here's a list of blocks we're launching with 👇🧵
0:19

Introducing Kibo UI Blocks — a new series of shadcn inspired blocks for building interfaces with Kibo components! Copy and paste into your app. As always, open source and free forever. Here's a list of blocks we're launching with 👇🧵

Hayden

91,003 views • 1 year ago

Introducing Motion-Primitives: a collection of reusable animated components built with Framer Motion and Tailwind CSS.
0:15

Introducing Motion-Primitives: a collection of reusable animated components built with Framer Motion and Tailwind CSS.

Ibelick

88,945 views • 2 years ago

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,449 views • 10 months ago

Introducing Prefab 🎨 A generative UI framework for building MCP Apps, data dashboards, or whatever you (or your agent) want. In Python. (Really.) 100+ shadcn components. Real React. No JavaScript required. And built right into FastMCP 3.2.
0:19

Introducing Prefab 🎨 A generative UI framework for building MCP Apps, data dashboards, or whatever you (or your agent) want. In Python. (Really.) 100+ shadcn components. Real React. No JavaScript required. And built right into FastMCP 3.2.

Jeremiah Lowin

10,273 views • 3 months ago

new skill: improve-ui built to audit interfaces against their own design language, inspired by shadcn's improve skill. it reads your repo's design context: DESIGN.md, CSS, shared components, etc. then finds where the UI breaks its own rules and writes a plan to fix it
0:15

new skill: improve-ui built to audit interfaces against their own design language, inspired by shadcn's improve skill. it reads your repo's design context: DESIGN.md, CSS, shared components, etc. then finds where the UI breaks its own rules and writes a plan to fix it

Ibelick

100,695 views • 19 days ago

We just added a Sora UI Kit to MagicPath. MagicPath is the only design platform where you can do this today: create high-fidelity, interactive components with AI, in your own style, on an infinite canvas. No other tool even comes close.
0:18

We just added a Sora UI Kit to MagicPath. MagicPath is the only design platform where you can do this today: create high-fidelity, interactive components with AI, in your own style, on an infinite canvas. No other tool even comes close.

Pietro Schirano

21,366 views • 10 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

165,297 views • 5 months ago

Drag & Drop to build AI agents 🤯 Introducing n8n, a visual UI for building AI agents with LangChain without writing a single line of Python code. Now build automation around LLM apps with NoCode and give superpowers to ChatGPT.
0:18

Drag & Drop to build AI agents 🤯 Introducing n8n, a visual UI for building AI agents with LangChain without writing a single line of Python code. Now build automation around LLM apps with NoCode and give superpowers to ChatGPT.

Shubham Saboo

548,409 views • 2 years ago

Tired of writing image generation prompts? Introducing "Describe with AI"✨ Just upload a reference image, and let AI come up with the perfect prompt for your AI anime art.
0:18

Tired of writing image generation prompts? Introducing "Describe with AI"✨ Just upload a reference image, and let AI come up with the perfect prompt for your AI anime art.

AI Waifus

4,351,175 views • 1 year ago

How I use v0 for UI development ⬇️ Exploration: I rely on v0 a lot for exploration. If you have an idea you want to visualize, type in your prompt & let v0 transforms it into components. For the 1st generation, I always want v0 to be creative. I use the Quality ✨ toggle.
0:15

How I use v0 for UI development ⬇️ Exploration: I rely on v0 a lot for exploration. If you have an idea you want to visualize, type in your prompt & let v0 transforms it into components. For the 1st generation, I always want v0 to be creative. I use the Quality ✨ toggle.

shadcn

139,123 views • 2 years ago

Announcing our strategic partnership with 0G Labs (Home of Infinite AI) In partnership with 0G Labs (Home of Infinite AI) , OpenLedger is set to revolutionize the interplay between AI and blockchain, paving the way for a new era of decentralized innovation. A bit about us, OpenLedger, the World’s Data Blockchain for AI, provides decentralised trust infrastructure for creating specialized language models. With the testnet launching soon, the ecosystem is setting a strong foundation for the development of domain specific specialized Language Models across diverse industries.
0:10

Announcing our strategic partnership with 0G Labs (Home of Infinite AI) In partnership with 0G Labs (Home of Infinite AI) , OpenLedger is set to revolutionize the interplay between AI and blockchain, paving the way for a new era of decentralized innovation. A bit about us, OpenLedger, the World’s Data Blockchain for AI, provides decentralised trust infrastructure for creating specialized language models. With the testnet launching soon, the ecosystem is setting a strong foundation for the development of domain specific specialized Language Models across diverse industries.

OpenLedger

53,331 views • 1 year ago

A cool prompt template for creating timelapse videos of construction. Made with Hailuo AI on Runware Prompt ⤵️
0:10

A cool prompt template for creating timelapse videos of construction. Made with Hailuo AI on Runware Prompt ⤵️

Umesh

30,890 views • 11 months ago

Introducing the future of creation with our friends at YouWare ! I just built a coming-soon page for a new startup called SynthWave AI in minutes. No code, no stress, just pure creation. YouWare is the new vibe coding platform that transforms your ideas into reality.
0:14

Introducing the future of creation with our friends at YouWare ! I just built a coming-soon page for a new startup called SynthWave AI in minutes. No code, no stress, just pure creation. YouWare is the new vibe coding platform that transforms your ideas into reality.

Kelsey

43,516 views • 7 months ago

React Native now has its own shadcn/ui equivalent — introducing 𝗡𝗮𝘁𝗶𝘃𝗲𝗨𝗜. If you love the flexibility of copying customisable components directly into your project (avoiding heavy, dependency-laden packages), NativeUI is designed for you. 𝗡𝗮𝘁𝗶𝘃𝗲𝗨𝗜 offers beautifully crafted, accessible components tailored for React Native, following the same copy-paste philosophy as shadcn/ui. Built with 𝗡𝗮𝘁𝗶𝘃𝗲𝗪𝗶𝗻𝗱 for fast, declarative, and flexible styling optimised for React Native. ➡️ 𝗖𝗼𝗽𝘆 𝗰𝗼𝗺𝗽𝗼𝗻𝗲𝗻𝘁 𝗰𝗼𝗱𝗲 𝗱𝗶𝗿𝗲𝗰𝘁𝗹𝘆 𝗶𝗻𝘁𝗼 𝘆𝗼𝘂𝗿 𝗽𝗿𝗼𝗷𝗲𝗰𝘁 — no black-box dependencies required. ➡️ 𝗖𝗼𝗺𝗽𝗼𝗻𝗲𝗻𝘁𝘀 𝗮𝗿𝗲 𝗮𝗰𝗰𝗲𝘀𝘀𝗶𝗯𝗹𝗲 𝗯𝘆 𝗱𝗲𝗳𝗮𝘂𝗹𝘁, supporting screen readers and keyboard navigation, and designed to align with native iOS and Android UX patterns. ➡️ 𝗙𝘂𝗹𝗹 𝗰𝗼𝗻𝘁𝗿𝗼𝗹 𝗼𝘃𝗲𝗿 𝘆𝗼𝘂𝗿 𝗨𝗜 without rebuilding common elements like buttons, inputs, or sliders from scratch. ➡️ 𝗖𝗼𝗺𝗽𝗮𝘁𝗶𝗯𝗹𝗲 𝘄𝗶𝘁𝗵 𝗘𝘅𝗽𝗼 𝗮𝗻𝗱 𝘃𝗮𝗻𝗶𝗹𝗹𝗮 𝗥𝗲𝗮𝗰𝘁 𝗡𝗮𝘁𝗶𝘃𝗲 𝗽𝗿𝗼𝗷𝗲𝗰𝘁𝘀, but not yet integrated with Tamagui’s styling system (future support may be planned). ➡️ 𝗦𝘂𝗽𝗽𝗼𝗿𝘁𝘀 𝘁𝗵𝗲𝗺𝗶𝗻𝗴 𝘃𝗶𝗮 𝗡𝗮𝘁𝗶𝘃𝗲𝗪𝗶𝗻𝗱 — though you’ll need to wire it up manually using Tailwind variables, context providers, and config files. Note: The term “install” in the documentation refers to using the shadcn CLI (e.g., npx shadcn@latest add component) to fetch and copy component code into your project, not adding a package to your dependencies. NativeUI isn’t a plug-and-play library; it’s a lightweight toolbox that empowers you to shape your UI with precision and control. 𝗪𝗵𝗮𝘁’𝘀 𝘆𝗼𝘂𝗿 𝗽𝗿𝗲𝗳𝗲𝗿𝗲𝗻𝗰𝗲: npm install a pre-built UI kit for speed, or copy/paste NativeUI components for ultimate customisation? #ReactNative #KeyboardUX #MobileDev #OpenSource #JSDev #Performance #iOSDev #KeyboardExtensions #ReactNativeKeyboard #UIUX #shadcn #nativeui
0:10

React Native now has its own shadcn/ui equivalent — introducing 𝗡𝗮𝘁𝗶𝘃𝗲𝗨𝗜. If you love the flexibility of copying customisable components directly into your project (avoiding heavy, dependency-laden packages), NativeUI is designed for you. 𝗡𝗮𝘁𝗶𝘃𝗲𝗨𝗜 offers beautifully crafted, accessible components tailored for React Native, following the same copy-paste philosophy as shadcn/ui. Built with 𝗡𝗮𝘁𝗶𝘃𝗲𝗪𝗶𝗻𝗱 for fast, declarative, and flexible styling optimised for React Native. ➡️ 𝗖𝗼𝗽𝘆 𝗰𝗼𝗺𝗽𝗼𝗻𝗲𝗻𝘁 𝗰𝗼𝗱𝗲 𝗱𝗶𝗿𝗲𝗰𝘁𝗹𝘆 𝗶𝗻𝘁𝗼 𝘆𝗼𝘂𝗿 𝗽𝗿𝗼𝗷𝗲𝗰𝘁 — no black-box dependencies required. ➡️ 𝗖𝗼𝗺𝗽𝗼𝗻𝗲𝗻𝘁𝘀 𝗮𝗿𝗲 𝗮𝗰𝗰𝗲𝘀𝘀𝗶𝗯𝗹𝗲 𝗯𝘆 𝗱𝗲𝗳𝗮𝘂𝗹𝘁, supporting screen readers and keyboard navigation, and designed to align with native iOS and Android UX patterns. ➡️ 𝗙𝘂𝗹𝗹 𝗰𝗼𝗻𝘁𝗿𝗼𝗹 𝗼𝘃𝗲𝗿 𝘆𝗼𝘂𝗿 𝗨𝗜 without rebuilding common elements like buttons, inputs, or sliders from scratch. ➡️ 𝗖𝗼𝗺𝗽𝗮𝘁𝗶𝗯𝗹𝗲 𝘄𝗶𝘁𝗵 𝗘𝘅𝗽𝗼 𝗮𝗻𝗱 𝘃𝗮𝗻𝗶𝗹𝗹𝗮 𝗥𝗲𝗮𝗰𝘁 𝗡𝗮𝘁𝗶𝘃𝗲 𝗽𝗿𝗼𝗷𝗲𝗰𝘁𝘀, but not yet integrated with Tamagui’s styling system (future support may be planned). ➡️ 𝗦𝘂𝗽𝗽𝗼𝗿𝘁𝘀 𝘁𝗵𝗲𝗺𝗶𝗻𝗴 𝘃𝗶𝗮 𝗡𝗮𝘁𝗶𝘃𝗲𝗪𝗶𝗻𝗱 — though you’ll need to wire it up manually using Tailwind variables, context providers, and config files. Note: The term “install” in the documentation refers to using the shadcn CLI (e.g., npx shadcn@latest add component) to fetch and copy component code into your project, not adding a package to your dependencies. NativeUI isn’t a plug-and-play library; it’s a lightweight toolbox that empowers you to shape your UI with precision and control. 𝗪𝗵𝗮𝘁’𝘀 𝘆𝗼𝘂𝗿 𝗽𝗿𝗲𝗳𝗲𝗿𝗲𝗻𝗰𝗲: npm install a pre-built UI kit for speed, or copy/paste NativeUI components for ultimate customisation? #ReactNative #KeyboardUX #MobileDev #OpenSource #JSDev #Performance #iOSDev #KeyboardExtensions #ReactNativeKeyboard #UIUX #shadcn #nativeui

The React Native Rewind

118,414 views • 1 year ago

Awesome websites for coders. - React components - Site checker (SEO, accessibility) - Make directory websites with AI - Free color palettes - Tens of thousands of free SVG icons
0:18

Awesome websites for coders. - React components - Site checker (SEO, accessibility) - Make directory websites with AI - Free color palettes - Tens of thousands of free SVG icons

Csaba Kissi

31,378 views • 2 months ago

Introducing Precedent – building blocks for your @Nextjs project. It's a collection of components, hooks, and utilities that I find myself reusing every time I start a new project. 100% free & open source →
0:18

Introducing Precedent – building blocks for your @Nextjs project. It's a collection of components, hooks, and utilities that I find myself reusing every time I start a new project. 100% free & open source →

Steven Tey

480,660 views • 3 years ago

Today we're sharing details on AudioCraft, a new family of generative AI models built for generating high-quality, realistic audio & music from text. AudioCraft is a single code base that works for music, sound, compression & generation — all in the same place. More details ⬇️
0:17

Today we're sharing details on AudioCraft, a new family of generative AI models built for generating high-quality, realistic audio & music from text. AudioCraft is a single code base that works for music, sound, compression & generation — all in the same place. More details ⬇️

AI at Meta

677,785 views • 3 years ago