Vitrine
A copy-paste component library of Apple-style liquid glass sections for Webflow, Framer, and plain HTML sites, built for designers who need to ship the premium look in hours not days.
Freelance web designers and small studio owners delivering marketing sites to premium-brand clients in Webflow or Framer
- 40+ pre-styled glass presets (hero, nav, pricing card, modal, product card) drop-in ready for Webflow and Framer
- Live parameter sliders for displacement, chroma fringe, and blur so designers can fine-tune the effect in client review calls
- Plain HTML/CSS version that works without a build step for Shopify and WordPress projects
- CMS-binding recipes that auto-apply the glass effect to product cards, blog tiles, and event lists
Apple's iOS 26 liquid-glass design language has reset client expectations for what 'premium' looks like, and the GitHub repo confirms a working, single-file technique now exists — designers need a packaged, drop-in version, not a hand-rolled filter per project.
Real and growing — multiple dedicated resource sites (liquidglassresources.com, glassui.dev, glasscss.com), Framer marketplace listings, and Upwork services all competing for the same freelancer audience touched by iOS 26.Liquid Glass UI Components & Animations for Framer Websites ↗Liquid Glass Resources | Development Resources, Design Components, Code ... ↗
Already crowded — True Liquid Glass ($15), Liquid Glass IOS26 UI Kit v2 on itch.io, several free CSS generators (design.dev, glasscss.com, liquid-glass.pro), and Webflow tutorials; only a Webflow-native packaged pack is genuinely unfilled.True Liquid Glass: Premium Interactions Component by Lee Black ↗Liquid Glass IOS26 UI Kit v2: Ultimate Liquid Glass Effect Component ↗
Framer's True Liquid Glass sells at $15 single-use and the itch.io kit uses $1–$10 pay-what-you-want; abundant free generators (glasscss.com, design.dev, liquid-glass.pro) cap willingness to pay for a copy-paste pack.True Liquid Glass: Premium Interactions Component by Lee Black ↗Liquid Glass Generator — Modern Glassmorphism Tool ↗
Liquid glass is tied to a specific Apple moment (iOS 26); glassmorphism trends have come and gone before, and browsers may eventually ship native effects that commoditize the technique.
The single-file SVG displacement technique is already proven on GitHub Trending and trivially wrapped into Webflow embeds, Framer components, or plain HTML — extremely straightforward to ship.Glass Navbar Effect - Webflow ↗