Skip to content

feat(registry): add blend-difference text effect component#933

Open
vanceingalls wants to merge 1 commit into
mainfrom
05-18-feat_registry_add_blend-difference_text_effect_component
Open

feat(registry): add blend-difference text effect component#933
vanceingalls wants to merge 1 commit into
mainfrom
05-18-feat_registry_add_blend-difference_text_effect_component

Conversation

@vanceingalls
Copy link
Copy Markdown
Collaborator

@vanceingalls vanceingalls commented May 18, 2026

Summary

  • Adds caption-blend-difference component to the registry — auto-inverting text using mix-blend-mode: difference
  • Three variants: .blend-difference (standard), .blend-difference-soft (exclusion), .blend-difference-screen (screen)
  • Docs page under Catalog → Effects with usage examples and CSS custom properties reference
screencapture-localhost-3100-catalog-components-caption-blend-difference-2026-05-18-09_40_44

Test plan

  • hyperframes add caption-blend-difference installs snippet correctly
  • Snippet renders text inversion against video backgrounds in preview
  • Docs page loads at /catalog/components/caption-blend-difference

🤖 Generated with Claude Code

@mintlify
Copy link
Copy Markdown

mintlify Bot commented May 18, 2026

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

Project Status Preview Updated (UTC)
hyperframes 🟢 Ready View Preview May 18, 2026, 4:20 PM

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

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.

2 participants