Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

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 -... show more

Michael Magán

3,753 subscribers

65,473 views • 1 year ago •via X (Twitter)

Health & Wellness Education Science & Technology

Anya Rossi• Live Now

Private livecam show

10 Comments

Michael Magán1 year ago

check out this demo at

PDF GPT2 years ago

This is my favorite AI tool for reviewing reports. Just upload a report, ask for a summary, and get one in seconds. It's like ChatGPT, but built for documents. Try it for free.

Anicet1 year ago

I need an option to use OpenRouter instead of OpenAI for this, I see myself using this in production if it does

Michael Magán1 year ago

on the roadmap. what are you building?

Atai Barkai1 year ago

Congratulations on the launch!! Very nicely done

Michael Magán1 year ago

thanks! 🙏

Bee 🐝1 year ago

I like the name tambo

Michael Magán1 year ago

thanks

Dylan Meade1 year ago

Congrats on the launch!

osco ᯅ 🇸🇻1 year ago

new micheal app dropped 👀

Related Videos

A record from one of the calendars under React Native Components built with Expo 🧙 I plan to build at least 10 apps this year, starting with @niceprompt v2 + the mobile app. The React Native Components UI library and templates will make this process much smoother (highly recommended). This year will be exciting! 🥳

A record from one of the calendars under React Native Components built with Expo 🧙 I plan to build at least 10 apps this year, starting with @niceprompt v2 + the mobile app. The React Native Components UI library and templates will make this process much smoother (highly recommended). This year will be exciting! 🥳

Erencan Arica

43,741 views • 6 months ago

Today, we’re releasing beta access to Originkit. An animated component library for building modern websites without starting from scratch. We’re providing support for: - Framer integration - React code - MCP support for AI coding tools We’re opening access to only 500 users first, so we can test the platform, collect feedback, and improve it properly. Right now, we have 45 components available, and we’re aiming to reach 250 components in the next 3 months. If you want to be part of the beta, comment “originkit” and I’ll send you the invitation link to sign up to the platform and start using the components.

Today, we’re releasing beta access to Originkit. An animated component library for building modern websites without starting from scratch. We’re providing support for: - Framer integration - React code - MCP support for AI coding tools We’re opening access to only 500 users first, so we can test the platform, collect feedback, and improve it properly. Right now, we have 45 components available, and we’re aiming to reach 250 components in the next 3 months. If you want to be part of the beta, comment “originkit” and I’ll send you the invitation link to sign up to the platform and start using the components.

Praha

39,440 views • 21 days ago

Introducing Amicro, A curated library of premium micro-transitions and interaction components for React. Now you can add beautiful micro-interactions and seamless transitions to your website with just one CLI command ✨ Open source. Try it:

Introducing Amicro, A curated library of premium micro-transitions and interaction components for React. Now you can add beautiful micro-interactions and seamless transitions to your website with just one CLI command ✨ Open source. Try it:

Kiyotaka

196,262 views • 11 days ago

A year in the making, my interaction design manual is available today. With 20 chapters and 20 downloadable React components on an interactive custom platform, it includes everything I know about not just interactions, but design. Registration is open for 2 weeks.

A year in the making, my interaction design manual is available today. With 20 chapters and 20 downloadable React components on an interactive custom platform, it includes everything I know about not just interactions, but design. Registration is open for 2 weeks.

rauno

267,026 views • 1 year ago

👋 Today I'm open sourcing my Expo AI chat app! You can use it as a template for building AI apps with the new Expo RSC support. ◆ Custom cards for weather, movies, and location prompts ◆ Stream UI from the server with Universal React Server Components ◆ Runs on web, native, and in Expo Go

👋 Today I'm open sourcing my Expo AI chat app! You can use it as a template for building AI apps with the new Expo RSC support. ◆ Custom cards for weather, movies, and location prompts ◆ Stream UI from the server with Universal React Server Components ◆ Runs on web, native, and in Expo Go

Evan Bacon 🥓

132,985 views • 1 year ago

Video components will be as popular as UI components soon using the same shadcn registry. That's why we made our own Catalog of components for HyperFrames, where you can build on top of them to make your own videos. Explore, create and share your videos with npx hyperframes publish! Some of the best creations will be featured here!

Video components will be as popular as UI components soon using the same shadcn registry. That's why we made our own Catalog of components for HyperFrames, where you can build on top of them to make your own videos. Explore, create and share your videos with npx hyperframes publish! Some of the best creations will be featured here!

Miguel Ángel

18,018 views • 2 months ago

React tip: "use client" misconceptions (2/5) 🚫 "You cannot nest Server Components inside Client Components because "use client" turns everything into Client Components." ✅ We can pass the rendered result of Server Components to Client Components as props. Simple example: (Server Component) (Client Component) (Server Component) is designed for the client. It needs to instantly open and close when clicked. is designed for the server. It uses packages that don't work in the browser and needs to fetch data close to where it's stored without exposing credentials. So, how can we nest a component that uses server APIs inside a component that uses client APIs... without using `import`? React props to the rescue! --- (0:00) 1-4: Reminder: Importing code forms a module dependency graph. Adding dependencies to a server or client bundle. (0:23) 5-6: Reminder: Using components eventually forms a rendered component tree. (0:37) 9: Oh no! We get an error when trying to `import` a client API (useState) into a server module. (0:44) 10: We know the trick by now: Add "use client" to mark `2.js` as a client entry point. This moves the module to the client bundle and allows us to use client APIs like `useState.` (0:51) 11: But we get a new error! "use client" moved all imported dependencies into the client bundle, including our ORM package, which doesn't work in the browser. (0:59) 13: Let's refactor without changing our rendered component hierarchy. First, we move the `Cart` import to the parent file that imports `Modal`. This moves `Cart` outside the "use client" boundary and consequently the client bundle. (1:11) 15: Then, we pass down the rendered result of `Cart` as a prop to `Modal`. This allows `Cart` to be entirely rendered on the server as a Server Component before being passed down. `Modal` has no knowledge of what the `cart` prop is. Its only responsibility is placing whatever it receives into the `{cart}` slot. (1:15) 16: Finally, it's common to use the special `children` prop for a component's primary content. The key insight is that we were able to use props to retain our desired component hierarchy even though we changed our module dependency graph.

React tip: "use client" misconceptions (2/5) 🚫 "You cannot nest Server Components inside Client Components because "use client" turns everything into Client Components." ✅ We can pass the rendered result of Server Components to Client Components as props. Simple example: (Server Component) (Client Component) (Server Component) is designed for the client. It needs to instantly open and close when clicked. is designed for the server. It uses packages that don't work in the browser and needs to fetch data close to where it's stored without exposing credentials. So, how can we nest a component that uses server APIs inside a component that uses client APIs... without using `import`? React props to the rescue! --- (0:00) 1-4: Reminder: Importing code forms a module dependency graph. Adding dependencies to a server or client bundle. (0:23) 5-6: Reminder: Using components eventually forms a rendered component tree. (0:37) 9: Oh no! We get an error when trying to `import` a client API (useState) into a server module. (0:44) 10: We know the trick by now: Add "use client" to mark `2.js` as a client entry point. This moves the module to the client bundle and allows us to use client APIs like `useState.` (0:51) 11: But we get a new error! "use client" moved all imported dependencies into the client bundle, including our ORM package, which doesn't work in the browser. (0:59) 13: Let's refactor without changing our rendered component hierarchy. First, we move the `Cart` import to the parent file that imports `Modal`. This moves `Cart` outside the "use client" boundary and consequently the client bundle. (1:11) 15: Then, we pass down the rendered result of `Cart` as a prop to `Modal`. This allows `Cart` to be entirely rendered on the server as a Server Component before being passed down. `Modal` has no knowledge of what the `cart` prop is. Its only responsibility is placing whatever it receives into the `{cart}` slot. (1:15) 16: Finally, it's common to use the special `children` prop for a component's primary content. The key insight is that we were able to use props to retain our desired component hierarchy even though we changed our module dependency graph.

Delba

43,989 views • 2 years ago

Been watching what this and I was inspired by what Remotion for React and thought "Vue needs this"(Vue-native) So I built Pellicule - deterministic video rendering with Vue components Threw it together in a few hours with the help of Claude Code, still rough around the edges but it works: Write .vue components Run: npx pellicule Video.vue Get .mp4 videos 📚 👨🏾‍💻 ⚡️ powered by Vite ⚡ + Playwright + FFmpeg

Been watching what this and I was inspired by what Remotion for React and thought "Vue needs this"(Vue-native) So I built Pellicule - deterministic video rendering with Vue components Threw it together in a few hours with the help of Claude Code, still rough around the edges but it works: Write .vue components Run: npx pellicule Video.vue Get .mp4 videos 📚 👨🏾‍💻 ⚡️ powered by Vite ⚡ + Playwright + FFmpeg

K.O.O

15,940 views • 6 months ago

🚀 React Server Components are coming to every platform with Expo Router! To showcase all the new possibilities, I wrote the most powerful demo AI app I could think of—took less than a day to write, and it runs everywhere! Unlike traditional AI apps, which stream plain-text, Expo RSC can server render interactive native views and animations. This is the future of mobile apps.

🚀 React Server Components are coming to every platform with Expo Router! To showcase all the new possibilities, I wrote the most powerful demo AI app I could think of—took less than a day to write, and it runs everywhere! Unlike traditional AI apps, which stream plain-text, Expo RSC can server render interactive native views and animations. This is the future of mobile apps.

Evan Bacon 🥓

170,832 views • 2 years ago

Today, I signed a decree introducing a sanctions package against Russian and other individuals and entities supporting Russia’s military system. These include developers, manufacturers, and suppliers of drones for the occupiers, individuals assisting in importing critical components into Russia, as well as those training drone operators. In total, more than a hundred entities and individuals. We are actively working with our partners to synchronize these sanctions with their respective measures. It is crucial that all our partners continue to intensify sanctions pressure on Russia. Without foreign components and without schemes to bypass sanctions, Russia cannot sustain its terror campaign. Every “Shahed” drone and every Russian missile contains dozens of foreign components. That is why it is essential for our sanctions pressure to work hand in hand with the global effort.

Today, I signed a decree introducing a sanctions package against Russian and other individuals and entities supporting Russia’s military system. These include developers, manufacturers, and suppliers of drones for the occupiers, individuals assisting in importing critical components into Russia, as well as those training drone operators. In total, more than a hundred entities and individuals. We are actively working with our partners to synchronize these sanctions with their respective measures. It is crucial that all our partners continue to intensify sanctions pressure on Russia. Without foreign components and without schemes to bypass sanctions, Russia cannot sustain its terror campaign. Every “Shahed” drone and every Russian missile contains dozens of foreign components. That is why it is essential for our sanctions pressure to work hand in hand with the global effort.

Volodymyr Zelenskyy / Володимир Зеленський

438,514 views • 1 year ago

Bruh… this carousel system is so sleek 🎠 Blossom is an open-source carousel system with tons of beautiful patterns and examples. It also comes with AI agent skills and supports React, Vue, Svelte, and Web Components. Perfect if you're looking for modern, highly customizable carousels without the usual bloat :) Source 🔗: github(DOT)com/jespervos/blossom-carousel Follow Ram Maheshwari for more 💎 #html #ai #javascript #coding #webdevelopment #programming

Bruh… this carousel system is so sleek 🎠 Blossom is an open-source carousel system with tons of beautiful patterns and examples. It also comes with AI agent skills and supports React, Vue, Svelte, and Web Components. Perfect if you're looking for modern, highly customizable carousels without the usual bloat :) Source 🔗: github(DOT)com/jespervos/blossom-carousel Follow Ram Maheshwari for more 💎 #html #ai #javascript #coding #webdevelopment #programming

Ram Maheshwari

23,607 views • 1 month ago

Follow this video to learn how to build a simple AI agent without writing any code. I'm using Langflow. In my opinion, it's the best tool I've found for building agents. It's open-source, comes with a huge list of reusable components, and provides an awesome experience for builders.

Follow this video to learn how to build a simple AI agent without writing any code. I'm using Langflow. In my opinion, it's the best tool I've found for building agents. It's open-source, comes with a huge list of reusable components, and provides an awesome experience for builders.

Santiago

73,897 views • 1 year ago

Almost every day, we defend our skies against Russian missiles and drones. Just last night, Ukraine was attacked by 103 Shahed drones, which contained 8,755 foreign-made components. Over the past week, Russia has used more than 630 strike drones, approximately 740 guided aerial bombs, and nearly 50 missiles of various types – totaling over 50,000 sanctioned components sourced from around the world. The sanctions pressure on supply chains for foreign components remains insufficient. Russia continues to acquire the components and manufacturing tools it needs – almost globally – and uses them in the weapons it employs to terrorize Ukraine. We must continue strengthening cooperation with all our partners on sanctions, air defense systems, long-range weapons, and support for our warriors. These priorities will help protect our cities, villages, and positions on the frontline. I am grateful to every partner helping us with this.

Almost every day, we defend our skies against Russian missiles and drones. Just last night, Ukraine was attacked by 103 Shahed drones, which contained 8,755 foreign-made components. Over the past week, Russia has used more than 630 strike drones, approximately 740 guided aerial bombs, and nearly 50 missiles of various types – totaling over 50,000 sanctioned components sourced from around the world. The sanctions pressure on supply chains for foreign components remains insufficient. Russia continues to acquire the components and manufacturing tools it needs – almost globally – and uses them in the weapons it employs to terrorize Ukraine. We must continue strengthening cooperation with all our partners on sanctions, air defense systems, long-range weapons, and support for our warriors. These priorities will help protect our cities, villages, and positions on the frontline. I am grateful to every partner helping us with this.

Volodymyr Zelenskyy / Володимир Зеленський

287,505 views • 1 year ago

Introducing React Native Enriched Markdown – a new React Native Enriched package by Gregory Moskaliuk! 🚀 It’s a fully native Markdown renderer for React Native that makes Markdown content feel like a first-class part of your app’s UI. ⚡ Purely native performance – lightning-fast parsing with md4c and 100% native text components ✨ Native text & image interactions (select, copy, translate, save, etc.) 📝 Smart rich-text copy (HTML/RTF) + “Copy as Markdown” option 🔗 GitHub link in the 🧵. If you find it useful, a ⭐would mean a lot!

Introducing React Native Enriched Markdown – a new React Native Enriched package by Gregory Moskaliuk! 🚀 It’s a fully native Markdown renderer for React Native that makes Markdown content feel like a first-class part of your app’s UI. ⚡ Purely native performance – lightning-fast parsing with md4c and 100% native text components ✨ Native text & image interactions (select, copy, translate, save, etc.) 📝 Smart rich-text copy (HTML/RTF) + “Copy as Markdown” option 🔗 GitHub link in the 🧵. If you find it useful, a ⭐would mean a lot!

Software Mansion

26,869 views • 6 months ago

Introducing Perplexi-Tube, the Perplexity for YouTube that I built in 20 minutes... A Mobile app that uses Deepseek and Gemini I used Cursor and the React Native template built that makes building mobile apps incredibly easy. Tomorrow I'm releasing a full tutorial on how to create a mobile app with react native. You will need - XCode and Simulator (free) - Cursor - A Clerk Account (for auth, free) - A Deepseek API Key - A Gemini API Key (Optional, we used it because deepseek has been down today) Video will be released tomorrow, and I will open source this code as well.

Introducing Perplexi-Tube, the Perplexity for YouTube that I built in 20 minutes... A Mobile app that uses Deepseek and Gemini I used Cursor and the React Native template built that makes building mobile apps incredibly easy. Tomorrow I'm releasing a full tutorial on how to create a mobile app with react native. You will need - XCode and Simulator (free) - Cursor - A Clerk Account (for auth, free) - A Deepseek API Key - A Gemini API Key (Optional, we used it because deepseek has been down today) Video will be released tomorrow, and I will open source this code as well.

Riley Brown

117,845 views • 1 year ago

The United States has announced a new support package worth $275 million. It includes drones, ammunition for HIMARS and artillery, and—critically—essential mines to stop Russian assaults. This will significantly strengthen our troops on the front lines. This marks the 70th defense package from the United States. Ukraine deeply values the bipartisan support from America and the decision of President Biden. We are grateful for standing with us.

The United States has announced a new support package worth $275 million. It includes drones, ammunition for HIMARS and artillery, and—critically—essential mines to stop Russian assaults. This will significantly strengthen our troops on the front lines. This marks the 70th defense package from the United States. Ukraine deeply values the bipartisan support from America and the decision of President Biden. We are grateful for standing with us.

Volodymyr Zelenskyy / Володимир Зеленський

1,571,992 views • 1 year ago

🇺🇦🇩🇰 UKRAINE & DENMARK TEAM UP TO BUILD MISSILES Zelensky: “We are creating new joint weapons production with our partners. For the first time in history, Ukraine has begun building a joint plant with Denmark, on Danish territory, and it will produce components for our missiles and drones, weapons that are already proving highly effective.” Source: DD Geopolitics

🇺🇦🇩🇰 UKRAINE & DENMARK TEAM UP TO BUILD MISSILES Zelensky: “We are creating new joint weapons production with our partners. For the first time in history, Ukraine has begun building a joint plant with Denmark, on Danish territory, and it will produce components for our missiles and drones, weapons that are already proving highly effective.” Source: DD Geopolitics

Mario Nawfal

89,703 views • 10 months ago

You can now connect your React application to any MCP server! And it only takes a single command: $ npx copilotkit@latest init -m MCP This is massive for anyone building React applications! Using the CopilotKit🪁 MCP Client Component, you can get an MCP Client chat component in your application and instant access to any MCP server out there! It doesn't get easier than this. Check out the link below for instructions on how to proceed ↓

You can now connect your React application to any MCP server! And it only takes a single command: $ npx copilotkit@latest init -m MCP This is massive for anyone building React applications! Using the CopilotKit🪁 MCP Client Component, you can get an MCP Client chat component in your application and instant access to any MCP server out there! It doesn't get easier than this. Check out the link below for instructions on how to proceed ↓

Santiago

39,944 views • 1 year ago

This is truly a historic day for cooperation between Ukraine and Sweden. Today, there is a new support package from Sweden, and this support opens up a new level for us in saving the lives of our people – in protecting our cities and communities. This package, worth $2.7 billion, includes various elements to make us stronger. In particular, it includes funding for drone production – almost $400 million. But most importantly – the Gripens. Swedish fighter jets that will definitely strengthen our air fleet and our air defense. More than $2 billion in support from this package is specifically for the aircraft. We expect to receive the first capabilities – the first Gripens – within the next ten months. For our part, we will do everything possible to make it happen. Importantly, these aircraft will come with the weapons package, which will also help protect us against Russian guided aerial bombs. We are talking a squadron of Gripens for Ukraine, and it is extremely significant support for us. Thank you, Ulf Kristersson, to you, your entire team, and all of Sweden for these undoubtedly strong steps. From a joint press conference with Ulf Kristersson. (1/3)

This is truly a historic day for cooperation between Ukraine and Sweden. Today, there is a new support package from Sweden, and this support opens up a new level for us in saving the lives of our people – in protecting our cities and communities. This package, worth $2.7 billion, includes various elements to make us stronger. In particular, it includes funding for drone production – almost $400 million. But most importantly – the Gripens. Swedish fighter jets that will definitely strengthen our air fleet and our air defense. More than $2 billion in support from this package is specifically for the aircraft. We expect to receive the first capabilities – the first Gripens – within the next ten months. For our part, we will do everything possible to make it happen. Importantly, these aircraft will come with the weapons package, which will also help protect us against Russian guided aerial bombs. We are talking a squadron of Gripens for Ukraine, and it is extremely significant support for us. Thank you, Ulf Kristersson, to you, your entire team, and all of Sweden for these undoubtedly strong steps. From a joint press conference with Ulf Kristersson. (1/3)

Volodymyr Zelenskyy / Володимир Зеленський

90,400 views • 1 month ago

🚨 Electrical engineers are going to hate this. Someone just turned React into a circuit board factory. Write code. Get a real PCB manufactured and delivered to your door. It's called tscircuit. React for Electronics. No Altium. No $10,000/year licenses. No 6-month learning curve. You write React components. But instead of and , you write , , and . The same way you build a website. That's how you build a circuit board now. Here's what this thing actually does: → Design real circuit boards using TypeScript and React → Edit code in your IDE, watch the circuit update in real time → Auto-generates schematics, PCB layouts, and 3D previews from your code → Automatic part selection and bill of materials generation → Built-in autorouting algorithm for PCB traces → Export to Gerber files and send directly to a manufacturer → Online playground. Design circuits in your browser right now. Here's the wildest part: The creator wrote 40 lines of TypeScript. From that he got a full PCB, a schematic, and a 3D preview. Then he exported it, sent it to a manufacturer, and got a real working circuit board delivered. 40 lines of code. A real physical product. This is free. Write React. Get hardware. $20K+ in bounties already paid to contributors. 8 years in the making. 100% Open Source. MIT License.

🚨 Electrical engineers are going to hate this. Someone just turned React into a circuit board factory. Write code. Get a real PCB manufactured and delivered to your door. It's called tscircuit. React for Electronics. No Altium. No $10,000/year licenses. No 6-month learning curve. You write React components. But instead of and , you write , , and . The same way you build a website. That's how you build a circuit board now. Here's what this thing actually does: → Design real circuit boards using TypeScript and React → Edit code in your IDE, watch the circuit update in real time → Auto-generates schematics, PCB layouts, and 3D previews from your code → Automatic part selection and bill of materials generation → Built-in autorouting algorithm for PCB traces → Export to Gerber files and send directly to a manufacturer → Online playground. Design circuits in your browser right now. Here's the wildest part: The creator wrote 40 lines of TypeScript. From that he got a full PCB, a schematic, and a 3D preview. Then he exported it, sent it to a manufacturer, and got a real working circuit board delivered. 40 lines of code. A real physical product. This is free. Write React. Get hardware. $20K+ in bounties already paid to contributors. 8 years in the making. 100% Open Source. MIT License.

Nav Toor

380,545 views • 4 months ago