Skip to content

feat: add prebaked glass backdrop for performance - #28

Open
WeekendSuperhero wants to merge 1 commit into
mainfrom
weekendsuperhero/fake_glass
Open

WeekendSuperhero wants to merge 1 commit into
mainfrom
weekendsuperhero/fake_glass

Conversation

@WeekendSuperhero

@WeekendSuperhero WeekendSuperhero commented Oct 21, 2026 •

Copy link
Copy Markdown
Collaborator

Summary

  • Replace live backdrop-filter with a pre-blurred background slice for multiple glass surfaces.
  • Introduce useGlassBackdrop and usePublishAppBackground hooks to sync positions and publish background layers.
  • Add GlassPrebakedDemo and update documentation for the new prebaked glass behavior.

Changes

  • Styles: Add .glass-prebaked class avoiding layered rules and register non-inheriting --gx/--gy custom properties.
  • Hooks: Create hooks for syncing viewport offsets and publishing app backgrounds.
  • Components: Update GradientBackground and BackgroundProvider to publish background tokens. Add prebaked demo.
  • Tests: Add unit tests for prebaked hooks and DOM syncing.

Test plan

  • Verify GlassPrebakedDemo list scrolling keeps the frost background glued correctly.
  • Ensure non-prebaked (live filter) fallback works on pattern or canvas backgrounds.
  • Run test suite and confirm all glass-prebaked.test.tsx tests pass.

PR description generated by Agent

@cloudflare-workers-and-pages

Copy link
Copy Markdown

Deploying sistine with  Cloudflare Pages  Cloudflare Pages

Latest commit: 107d767
Status: ✅  Deploy successful!
Preview URL: https://9c2af8f1.sistine.pages.dev
Branch Preview URL: https://weekendsuperhero-fake-glass.sistine.pages.dev

View logs

@agent-pr-updater agent-pr-updater Bot changed the title use fake glass feat: add prebaked glass backdrop for performance Oct 21, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Development

Successfully merging this pull request may close these issues.

1 participant