Keyline Icons
1,114 free MIT-licensed icons for shadcn/ui, in four styles.
WebsiteWorkflowsWebFree
4.6Visit
Website
Liquid Glass
Apple-style liquid glass refraction for the web, in every browser.
Day 43 since launch · Launched 25 August 2026
Made by Shushant LakhyaniKnow about Shushant Lakhyani hereGet all my visual guides hereSee what I can build for youAI+Tech+No-Code+Online Business Mini GuidesJoin the newsletter
Made by Shushant LakhyaniKnow about Shushant Lakhyani hereGet all my visual guides hereSee what I can build for youAI+Tech+No-Code+Online Business Mini GuidesJoin the newsletterBuilt with love by Shushant Lakhyani. Building bestproductivityresources.com
Screenshot or bookmark this page so you find it later, then share it with your network.
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
- Realistic refraction without WebGL in most cases
- Zero dependencies and easy React integration
- Works across major browsers
Cons
- Performance cost on complex pages
- Best suited for decorative overlays rather than full interfaces
Who should use Liquid Glass
Frontend developers and designers who want polished glass effects in web interfaces.
Who may not need it
Projects that prioritize minimal bundle size or broad older-browser support.
Liquid Glass alternatives
Similar resources to Liquid Glass, picked from the directory.
microcharts
Word-sized charts for React.
WebsiteWorkflowsWebFree
4.5Visit
Circle Loaders
Twenty-four monochrome SVG loading animations with zero dependencies.
WebsiteWorkflowsWebFree
4.4Visit
Libraries.dev
High-crafted UI effect libraries for AI agents and modern apps.
WebsiteWorkflowsWebFreemium
4.8Visit
Circle
Linear-inspired project management UI built with Next.js and shadcn/ui.
WebsiteProject ManagementWebFree
4.7Visit
ServerKit
A lightweight, open-source server control panel for deploying and managing web apps, databases and containers on your own VPS.
WebsiteWorkflowsWeb, LinuxFree
4.7Visit
Free alternatives to Liquid Glass
Free resources that cover similar ground.
Rare UI
A free, open-source registry of rare animated React components.
WebsiteWorkflowsWebFree
4.6Visit
shadercn
Beautiful WebGPU/WGSL shader components for React, built on vgpu and TypeGPU and distributed via shadcn.
WebsiteWorkflowsWebFree
4.5Visit
shadcn/ui
Beautifully designed, accessible components you own and customize.
FrameworkWorkflowsWebFree
4.9Visit
OpenUI
An open standard for streaming generative user interfaces.
FrameworkWorkflowsWeb, Cross-PlatformFree
4.7Visit
React Bits
Animated UI components for React.
FrameworkWorkflowsWebFree
4.7Visit
Storybook
Frontend workshop for building UI components and pages in isolation.
FrameworkWorkflowsWebFree
4.7Visit
Featured on Best Productivity Resources
Made Liquid Glass? Add this free badge to your website or README. It links to this page.
<a href="https://bestproductivityresources.com/resources/liquid-glass" target="_blank" rel="noopener"><img src="https://bestproductivityresources.com/badges/featured-light.svg" alt="Featured on Best Productivity Resources" width="250" height="54" /></a>