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.

New block in Notion: HTML. Build interactive HTML right on your Notion page. Ask AI to turn your content into interactive explainers, prototypes, or diagrams. Share with your team to use and tinker together.

Notion

524,145 subscribers

1,551,741 views • 13 days ago •via X (Twitter)

Science & Technology

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

Introducing Hubble: the best notepad for you and your agents. - Feels like Notion or Apples Notes, but for Markdown - Live-reloading editor to collaborate with agents - Supports HTML-based apps to build interactive visualizations Free and open-source 👉

Introducing Hubble: the best notepad for you and your agents. - Feels like Notion or Apples Notes, but for Markdown - Live-reloading editor to collaborate with agents - Supports HTML-based apps to build interactive visualizations Free and open-source 👉

Ben Holmes

156,601 views • 21 days ago

Notion is now integrated with Rows! Use it to import and query your Notion databases in Rows – analyze and transform data, build reports and embed your charts right back into your workspace 🔁

Notion is now integrated with Rows! Use it to import and query your Notion databases in Rows – analyze and transform data, build reports and embed your charts right back into your workspace 🔁

Notion

57,782 views • 2 years ago

With Canvas in Gemini, you can: ⌨️ Write, iterate & preview React/HTML code 📝 Draft & edit comprehensive documents 🎨 Build interactive prototypes, games & visualization …and more. Simply select ‘Canvas’ in your prompt bar and you can write and edit documents or code, with changes appearing in real-time: Try it today and share your Canvas creations by tagging us here!

With Canvas in Gemini, you can: ⌨️ Write, iterate & preview React/HTML code 📝 Draft & edit comprehensive documents 🎨 Build interactive prototypes, games & visualization …and more. Simply select ‘Canvas’ in your prompt bar and you can write and edit documents or code, with changes appearing in real-time: Try it today and share your Canvas creations by tagging us here!

Google Gemini

414,938 views • 1 year ago

Building apps has never been easier. With Sites, Codex can turn your work, ideas, and plans into an interactive website or app your team can explore, use, and share with a URL. Rolling out to Business and Enterprise plans, before expanding more broadly.

Building apps has never been easier. With Sites, Codex can turn your work, ideas, and plans into an interactive website or app your team can explore, use, and share with a URL. Rolling out to Business and Enterprise plans, before expanding more broadly.

OpenAI

9,648,232 views • 1 month ago

Meet your new study buddy: Notion AI. Drop in your syllabus → get a ready-to-use study guide 📚

Meet your new study buddy: Notion AI. Drop in your syllabus → get a ready-to-use study guide 📚

Notion

43,362 views • 10 months ago

I decided to explore HTML visuals in Power BI over the weekend with help from Claude , and the result was this interactive sales dashboard. From dynamic KPI cards to custom-styled charts and responsive layouts, HTML opens up a whole new level of design flexibility inside Power BI. It feels less like a report and more like a product. Link to PBIX file: Curious to hear your thoughts 👇 Would you use HTML visuals in your reports?

I decided to explore HTML visuals in Power BI over the weekend with help from Claude , and the result was this interactive sales dashboard. From dynamic KPI cards to custom-styled charts and responsive layouts, HTML opens up a whole new level of design flexibility inside Power BI. It feels less like a report and more like a product. Link to PBIX file: Curious to hear your thoughts 👇 Would you use HTML visuals in your reports?

Chiamaka Igwe

14,287 views • 3 months ago

Welcome to the new Notion Academy 🎓 Choose your path, level up your skills, and collect badges along the way: Essentials → the basics Workflows → build systems for your team Advanced → expert skills Or take the exam, and walk out a Certified Notion Admin.

Welcome to the new Notion Academy 🎓 Choose your path, level up your skills, and collect badges along the way: Essentials → the basics Workflows → build systems for your team Advanced → expert skills Or take the exam, and walk out a Certified Notion Admin.

Notion

39,624 views • 9 months ago

HTML docs are starting to replace Notion for us. The missing piece was collaboration. So we built a Google Drive for HTML docs with a WYSIWYG editor, commenting, share links, and password protection. It works through MCP. Just ask Claude to upload to Moda:

HTML docs are starting to replace Notion for us. The missing piece was collaboration. So we built a Google Drive for HTML docs with a WYSIWYG editor, commenting, share links, and password protection. It works through MCP. Just ask Claude to upload to Moda:

Anvisha

357,505 views • 1 month ago

Your work tools are now interactive in Claude. Draft Slack messages, visualize ideas as Figma diagrams, or build and see Asana timelines.

Your work tools are now interactive in Claude. Draft Slack messages, visualize ideas as Figma diagrams, or build and see Asana timelines.

Claude

7,513,658 views • 5 months ago

🚀 Notion → Replit, now automated with Custom MCPs Checkout the demo below on how to: ✅ Use Notion AI to generate a PRD for an app ✅ Use Replit Agent to build the app and integrate it with Notion database 🚀 ✅ Define in Notion. Build in Replit. From strategy to software in minutes. ✨

🚀 Notion → Replit, now automated with Custom MCPs Checkout the demo below on how to: ✅ Use Notion AI to generate a PRD for an app ✅ Use Replit Agent to build the app and integrate it with Notion database 🚀 ✅ Define in Notion. Build in Replit. From strategy to software in minutes. ✨

Replit ⠕

43,948 views • 7 months ago

My Figma to AI Code plugin is live Turn your designs into production-level code generated by Claude AI. Create React components, SwiftUI prototypes, HTML+CSS pages, Tailwind styles with custom prompts. Preview for responsiveness and export fully working code to Cursor and Xcode. It's free with your own API keys

My Figma to AI Code plugin is live Turn your designs into production-level code generated by Claude AI. Create React components, SwiftUI prototypes, HTML+CSS pages, Tailwind styles with custom prompts. Preview for responsiveness and export fully working code to Cursor and Xcode. It's free with your own API keys

Meng To

76,017 views • 1 year ago

I turned Thariq's article into an interactive HTML! I was a markdown boy but since I started working at Microsoft I'm using HTML more and more. Our engineers love to send AI-generated HTML to coordinate between SWE/PM on projects since it's easier to read than markdown.

I turned Thariq's article into an interactive HTML! I was a markdown boy but since I started working at Microsoft I'm using HTML more and more. Our engineers love to send AI-generated HTML to coordinate between SWE/PM on projects since it's easier to read than markdown.

Nicolas Bustamante

148,785 views • 2 months ago

Introducing Figma Connect. The best way to turn your Figma designs into code. No MCP hell. No plugins. Just copy and paste your designs into MagicPath and turn them into interactive prototypes without compromising your craft. Every pixel. Every detail. Every asset. Preserved.

Introducing Figma Connect. The best way to turn your Figma designs into code. No MCP hell. No plugins. Just copy and paste your designs into MagicPath and turn them into interactive prototypes without compromising your craft. Every pixel. Every detail. Every asset. Preserved.

Pietro Schirano

978,996 views • 5 months ago

your favourite AI tools can’t generate PDFs. fixes that 👇 • ask claude/gemini/chatgpt to give you well designed html • go to and paste this html • set the pdf page size and orientation • click convert to pdf your pdf file is ready! all processing is done client-side, your data never leaves your browser. check it out now:

your favourite AI tools can’t generate PDFs. fixes that 👇 • ask claude/gemini/chatgpt to give you well designed html • go to and paste this html • set the pdf page size and orientation • click convert to pdf your pdf file is ready! all processing is done client-side, your data never leaves your browser. check it out now:

kanav

23,208 views • 6 months ago

After 5 amazing years at Notion, I’m joining Cursor as Head of Design. Grateful for the Notion fam. Time to go deep on AI and code, build an incredible team, and craft the best tool to turn ideas into reality.

After 5 amazing years at Notion, I’m joining Cursor as Head of Design. Grateful for the Notion fam. Time to go deep on AI and code, build an incredible team, and craft the best tool to turn ideas into reality.

Ryo Lu

408,811 views • 1 year ago

MiniMax M2.7 is too good for it price🤯 Prompt : Build a premium interactive isometric 3D cozy room using Three.js in one html code block, with all objects modeled in code (no external assets) and subtle ambient animations and you can do 2 things of your choice to make it better

MiniMax M2.7 is too good for it price🤯 Prompt : Build a premium interactive isometric 3D cozy room using Three.js in one html code block, with all objects modeled in code (no external assets) and subtle ambient animations and you can do 2 things of your choice to make it better

Chetaslua

26,520 views • 3 months ago

v0 helps product leaders turn ideas into interactive prototypes in minutes. In this demo, you'll learn how to: • Use screenshots and references to guide v0 • Customize UI with Design Mode • Preview across devices as you iterate • Deploy and share prototypes for real-time team feedback using the Vercel Toolbar Get started today at

v0 helps product leaders turn ideas into interactive prototypes in minutes. In this demo, you'll learn how to: • Use screenshots and references to guide v0 • Customize UI with Design Mode • Preview across devices as you iterate • Deploy and share prototypes for real-time team feedback using the Vercel Toolbar Get started today at

v0

24,915 views • 6 months ago

The Box MCP server is now available within Notion Custom Agents. Ground any Notion agent in your enterprise content. Automate workflows where agents search content in Box and update your notion dashboards and trackers with the latest status. Onboarding assistants. Sales enablement agents. Executive briefing agents. All powered by Box content, secured by Box permissions, and ready to act on your behalf.

The Box MCP server is now available within Notion Custom Agents. Ground any Notion agent in your enterprise content. Automate workflows where agents search content in Box and update your notion dashboards and trackers with the latest status. Onboarding assistants. Sales enablement agents. Executive briefing agents. All powered by Box content, secured by Box permissions, and ready to act on your behalf.

Box

134,309 views • 1 month ago

Today we're introducing Frames: interactive data visualization built directly into Dust agents. Your agents now create customized content your team can explore and share, without coming back to you for every variation.

Today we're introducing Frames: interactive data visualization built directly into Dust agents. Your agents now create customized content your team can explore and share, without coming back to you for every variation.

Dust

1,078,990 views • 9 months ago