Skip to content

feat(catalog): HyperFrames branding, HTML-in-Canvas guide, remove captions#647

Merged
miguel-heygen merged 3 commits intomainfrom
feat/vfx-catalog-blocks
May 6, 2026
Merged

feat(catalog): HyperFrames branding, HTML-in-Canvas guide, remove captions#647
miguel-heygen merged 3 commits intomainfrom
feat/vfx-catalog-blocks

Conversation

@miguel-heygen
Copy link
Copy Markdown
Collaborator

Summary

Follow-up to #643 (merged). Updates catalog block content and docs.

Content Updates

  • Liquid Glass: replaced generic "Liquid Glass Design" with HyperFrames hero — "Ship videos 10x faster" with stats (47x speed, 12.4K creators, 2.4M videos), gradient text, ambient glow
  • Portal: replaced "Acme / Build products users love" with "HyperFrames / Write HTML, Render Video" with proper nav (Docs, Catalog, GitHub)
  • Shatter: replaced "v2.0" upgrade with "HTML is Video" + "Powered by HyperFrames" badge, render speed/file size/reliability metrics

Docs

  • New guide: docs/guides/html-in-canvas.mdx — comprehensive HTML-in-Canvas API guide with code examples, feature detection, re-capture patterns, and catalog block table
  • Chrome flag disclaimer added to every HTML-in-Canvas block catalog page
  • Sidebar grouping — VFX blocks grouped under "HTML-in-Canvas" (not "Blocks")
  • Captions removed from registry (shipping separately)

S3 Preview Videos

Updated preview videos uploaded and CloudFront cache invalidated for:

  • vfx-liquid-glass.mp4 / .png
  • vfx-portal.mp4 / .png
  • vfx-shatter.mp4 / .png

Test plan

  • http://localhost:3333/guides/html-in-canvas renders correctly
  • Each HTML-in-Canvas block page shows Chrome flag warning
  • Sidebar shows "HTML-in-Canvas" group
  • Preview videos load on catalog pages

- Add docs/guides/html-in-canvas.mdx — comprehensive guide covering the
  API, feature detection, re-capture patterns, and catalog blocks
- Add Chrome flag Warning banner to every HTML-in-Canvas block page
- Remove captions blocks from registry (will ship separately)
- Add html-in-canvas guide to docs navigation (top of Guides section)
Replace generic placeholder content with HyperFrames-themed text:
- Liquid Glass: 'Ship videos 10x faster' with stats and gradient text
- Portal: 'Write HTML / Render Video' with HyperFrames nav
- Shatter: 'HTML is Video' with render speed/file size metrics

Re-rendered and uploaded preview videos to S3.
@mintlify
Copy link
Copy Markdown

mintlify Bot commented May 6, 2026

Preview deployment for your docs. Learn more about Mintlify Previews.

Project Status Preview Updated (UTC)
hyperframes 🟢 Ready View Preview May 6, 2026, 5:02 PM

💡 Tip: Enable Workflows to automatically generate PRs for you.

@miguel-heygen miguel-heygen merged commit 869a376 into main May 6, 2026
27 of 28 checks passed
@miguel-heygen miguel-heygen deleted the feat/vfx-catalog-blocks branch May 6, 2026 17:02
jrusso1020 added a commit that referenced this pull request May 6, 2026
Two files on main fail `bun run format:check`:
- `registry/registry.json` (missing trailing newline)
- `registry/blocks/vfx-liquid-glass/vfx-liquid-glass.html` (whitespace
  + quote-style)

Local format-check on the auto-detect-browser-gpu branch only flagged
these once rebased onto current main (post-#647 / v0.5.2). Pure
whitespace fix; no semantic change.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant