You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Notes for Reviewers
This PR introduces a new LiquidGlass UI primitive to the Sistent library. The component provides a reusable “liquid glass / glassmorphism” effect that can be used as a container for content while preserving readability and visual depth.
Features
Frosted glass effect using backdrop-filter (blur + saturation)
Optional “overLight” mode for light backgrounds
Optional shadow toggle (showShadow)
Customizable:
blurAmount
saturation
cornerRadius
padding
Implementation Notes
The glass effect is isolated in a dedicated backdrop layer to avoid blurring child content.
Defaults are provided to ensure the component works out-of-the-box while remaining customizable.
We have something similar on www.kanvas.new now., so the concept is viable.
Thank you for the clarification @leecalcote.
Just to confirm, does this mean the component direction is appropriate as implemented, or would you prefer that I align it more closely with the version currently on kanvas.new?
Based on the issue description, I took inspiration from the liquid-glass-react reference repository (https://github.com/rdev/liquid-glass-react) and implemented the feature following that concept. I’m happy to refine it further if needed.
@Katotodan Thank you for your contribution! Let's discuss this during the website call tomorrow at 6:30 PM IST | 7 AM CST Add it as an agenda item to the meeting minutes, if you would 🙂
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Notes for Reviewers
This PR introduces a new LiquidGlass UI primitive to the Sistent library. The component provides a reusable “liquid glass / glassmorphism” effect that can be used as a container for content while preserving readability and visual depth.
Features
Implementation Notes
This PR fixes #1238
Signed commits