# Live Demo Iframe Embed

Auto-detects deployed tools and embeds them live inside the project detail row

Type: project entry

Published: 2026-03-19

[Original page](<https://artlu.ai/project/live-demo-iframe-embed>)

[Browse this group](<https://artlu.ai/ai/groups/artlu.md>)

Parent project: artlu.ai

Recorded status: launched

Updated: 2026-05-20T19:37:39.331Z

Technologies: React, Firebase, Netlify

Tags: artlu, dev tool

## Details

Added a "live demo" tab to the project detail view that automatically detects embeddable URLs (netlify.app, vercel.app, github.io, etc.) from the project's link field and renders them in a sandboxed iframe. No manual configuration needed — if the link points to a deployed web app, the tab appears. If it's a GitHub repo, video, or non-embeddable URL, it stays as a regular link. Embed height is configurable per project via the admin form.


Status and dates describe the published record, not a recent test of an external service. Missing details are not inferred. Public links do not imply an open-source licence or permission to reuse material.

[Directory](<https://artlu.ai/llms.txt>)
