Dev tools · alternatives · 2026
24 alternatives to Apple's new "Liquid Glass" effect as a Svelte component
When Apple introduced its “Liquid Glass” design language at WWDC 2025, I wanted to bring that look to the web. liquid-glass-svelte is a lightweight component that lets you drop the same translucent, refractive panels into any Svelte project. Works where backdrop-filter and mask compositing are supported. Install from npm, import the component, and wrap any content to get the effect. The full source are on GitHub. GitHub: https://github.com/Tozaburo/liquid-glass-svelte I would love to hear your thoughts on this! Thanks for taking a look!
Below are 24 products that do a similar job, ranked by how close each is in meaning and then by launch-day votes.
- 1
Liquid Metal▲316Paper is a new design tool. We launched into open alpha today. Anyone can now sign up and use Paper. We started Paper about 1 year ago with the goal to bring more creativity back into design tools. It feels like the existing options are becoming increasingly corporate. To celebrate to launch, we published a new shader that lets anyone see their logo in Apple's new heat map animation style. There is no sign-up needed at heat.paper.design. We're always looking for feedback from anyone who uses Sketch, Figma, Photoshop, or Illustrator, about what they most need in their professional design…
2025 · app.paper.design · its alternatives →
- 2
Bring liquid glass to your site with a single copy-paste
2025 · glass.danilofiumi.com · its alternatives →
- 3
Flowbite Svelte▲180Open-source UI components for Svelte and Tailwind CSS
2023 · flowbite-svelte.com · its alternatives →
- 4
Pixel perfect Apple Liquid Glass effect on the Web.
Apr 2026 · liquid-glass.ybouane.com · its alternatives →
- 5
Build performant, native and cross-platform desktop applications with native Svelte + powerful CSS-like styling.🚀 - nodegui/svelte-nodegui
2021 · github.com · its alternatives →
- 6
There are lots of glassmorphism generators out there, but I wanted to push the effect further! This project is the result of months of experimenting with CSS property layering and battling browser quirks. Cross-browser compatibility is actually the reason I rely on ::before and ::after pseudo-elements to build up the effect. Move the color/opacity to the main element, and you’ll get weird color bleed on the corners in Chrome. Move the texture, and it muddles the bevel’s specular highlight. Move the bevel, and it gets blurred out by the backdrop-filter. And so on! Layers include: *…
2025 · glass3d.dev · its alternatives →
- 7
Support for Liquid Glass UI components on iOS 26
2025 · uiplayground.app · its alternatives →
- 8
An action based drag and drop container for Svelte - isaacHagoel/svelte-dnd-action
2021 · github.com · its alternatives →
- 9
Apple-style liquid glass effect for iphone
2025 · liquid-glass.pro · its alternatives →
- 10
- 11
Find Best iOS 26 Liquid Glass Design
2025 · liquidglassdesign.com · its alternatives →
- 12
Create Apple-like Liquid Glass effects directly in Figma
2025 · figma.com · its alternatives →
- 13
Generate the CSS for frosted glass effect for free.
2021 · hype4.academy · its alternatives →
- 14
- 15
10 simple Apple Liquid Glass effect with pure HTML/CSS/JS
2025 · snipzy.dev · its alternatives →
- 16
- 17
- 18
Sketch 3▲303Liquid Glass redesign, an all-new Inspector, and more
2014 · sketch.com · its alternatives →
- 19
Svader is a library for rendering 2D shaders on Svelte websites, using either WebGL or WebGPU. It's streamlined for the specific use case of rendering 2D graphics using fragment shaders as an alternative to SVG or the JS canvas API, so it's not meant for doing 3D objects like three.js, for example. This started as something I needed for my own project, but I eventually decided to split it into a separate library. I've since found that this use case fits really well into the Svelte compiler-based approach and its fine-grained reactivity system. In general, I think using shaders like these has…
2024 · github.com · its alternatives →
- 20
100 FREE icons in Apple's new Liquid Glass style
2025 · icons8.com · its alternatives →
- 21
- 22
Scroll-following live glass refraction with pure CS
Jun 2026 · codequest.work · its alternatives →
- 23
A customizable Svelte component for building node-based editors and interactive diagrams
2023 · svelteflow.dev · its alternatives →
- 24
For the last 5 years I've been working on a layout engine that targets CSS2 and some more modern properties. Live demo: https://chearon.github.io/dropflow/ It matches browsers in all cases I can find where they agree, and it's fast. It supports `position`, `inline-block`, `z-index`, and complex properties like `float` and `vertical-align`. It doesn't support high-level layout like flexbox or grid yet, but you can get intrinsics to easily divide space yourself and paint multiple layout trees. It has a great text layout implementation, and supporting non-Latin scripts is a…
2024 · github.com · its alternatives →
Also compare
Ranked by how close each launch is in meaning, then by votes. Prices were read from each product’s own site when checked and can change. Refine with your own description →