Keyline Icons
Focus: icons, shadcn and design. Shares svg and react with Liquid Glass. Rated 4.6 (Liquid Glass: 4.5).
WebsiteFreeWeb
4.6Visit
Website
Liquid Glass
Apple-style liquid glass refraction for the web, in every browser.
Rating
4.5 / 5
Pricing
Free
Difficulty
Intermediate
Works on
Web, Cross-Platform
Built with love by Shushant Lakhyani. Building bestproductivityresources.com
What is Liquid Glass?
Liquid Glass is a headless React component that refracts the live DOM behind it with a realistic glass effect. It runs in Safari, Firefox and Chrome with zero dependencies and can be dropped into existing interfaces.
Pros: what Liquid Glass does well
- Realistic refraction without WebGL in most cases
- Zero dependencies and easy React integration
- Works across major browsers
Cons: where it falls short
- Performance cost on complex pages
- Best suited for decorative overlays rather than full interfaces
Who Liquid Glass is for
Frontend developers and designers who want polished glass effects in web interfaces.
Who can skip it
Projects that prioritize minimal bundle size or broad older-browser support.
Liquid Glass alternatives
Not sold on Liquid Glass? These do a similar job, and each card says what it has in common.
microcharts
Focus: charts, sparklines and data visualization. Shares react and svg with Liquid Glass. Same 4.5 rating.
WebsiteFreeWeb
4.5Visit
Circle Loaders
Focus: loaders, animations and ui components. Shares svg and css with Liquid Glass. Rated 4.4 (Liquid Glass: 4.5).
WebsiteFreeWeb
4.4Visit
Libraries.dev
Focus: npm, animation and ai agents. Shares ui effects and react with Liquid Glass. Freemium (Liquid Glass: Free). Rated 4.8 (Liquid Glass: 4.5).
WebsiteFree planWeb
4.8Visit
Bootstrap Icons
Focus: icons and icon font. Shares svg and open source with Liquid Glass. Rated 4.7 (Liquid Glass: 4.5).
WebsiteFreeWeb
4.7Visit
Circle
Focus: linear clone, project management and nextjs. Shares react and open source with Liquid Glass. Rated 4.7 (Liquid Glass: 4.5).
WebsiteFreeWeb
4.7Visit
Free alternatives to Liquid Glass
Want to spend nothing? These free picks cover similar ground.
Feather Icons
Focus: icons and ui design. Shares svg and open source with Liquid Glass. Rated 4.7 (Liquid Glass: 4.5).
WebsiteFreeWeb
4.7Visit
Iconify
Focus: icons and design resources. Shares svg and open source with Liquid Glass. Rated 4.7 (Liquid Glass: 4.5).
WebsiteFreeWeb
4.7Visit
ServerKit
Focus: server control panel, vps and deployment. Shares react and open source with Liquid Glass. Adds Linux. Rated 4.7 (Liquid Glass: 4.5).
WebsiteFreeWeb, Linux
4.7Visit
Simple Icons
Focus: brand icons and logos. Shares svg and open source with Liquid Glass. Rated 4.7 (Liquid Glass: 4.5).
WebsiteFreeWeb
4.7Visit
Ionicons
Focus: icons and ui design. Shares svg and open source with Liquid Glass. Rated 4.6 (Liquid Glass: 4.5).
WebsiteFreeWeb
4.6Visit
Rare UI
Focus: components and tailwind. Shares react and open source with Liquid Glass. Rated 4.6 (Liquid Glass: 4.5).
WebsiteFreeWeb
4.6Visit
Are you the maker of Liquid Glass?Get a free Featured badge for your site, a share image and ready-to-paste posts. No sign-up.
Free Notion database
1,100+ ways people are making money online
Real online businesses, creators and projects, broken down by how they make money: apps, online stores, AI tools and more. Free on Gumroad.
Get the free databaseFree Notion database
399+ ways to make money online
Hundreds of online income methods in one place, so you can compare options and pick one to try. Free on Gumroad.
Get the free listFor research and ideas only. Results vary and nothing here is a promise of income. See our Disclaimer.
Weekly newsletter
Everything new, every Monday.
One short email every Monday with everything shipped that week: new free tools and websites, new guides, new free browser tools and what's new in my free Gumroad libraries, plus how the site is growing. Free, and you can unsubscribe anytime.
Join the newsletterYou sign up on Gumroad, which stores your email to send the newsletter. See our Privacy Policy.