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!
Apple's new "Liquid Glass" effect as a Svelte component launched on June 12, 2025 with 8 votes, #3,354 of 7,999 launches that month and more than 75% of that year's launches. The site was not reachable when checked in September 2026.
Does a similar job
all alternatives →
Liquid Metal2025 · app.paper.design · ▲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…
Liquid Glassifier2025 · glass.danilofiumi.com · ▲230Bring liquid glass to your site with a single copy-paste
Flowbite Svelte2023 · flowbite-svelte.com · ▲180Open-source UI components for Svelte and Tailwind CSS
LiquidGlassApr 2026 · liquid-glass.ybouane.com · ▲7Pixel perfect Apple Liquid Glass effect on the Web.
Svelte NodeGUI, a lightweight Electron alternative with native UI2021 · github.com · ▲624Build performant, native and cross-platform desktop applications with native Svelte + powerful CSS-like styling.🚀 - nodegui/svelte-nodegui
CSS generator for a high-def glass effect2025 · glass3d.dev · ▲420There 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: *…
More dev tools this month
the category →
open-source IDE for thoughtful software design. Contribute to devdotfast/whiteboard development by creating an account on GitHub.
Dev tools · 29d ago · github.com
Contribute to reladraw/reladraw development by creating an account on GitHub.
Dev tools · 27d ago · github.com
Contribute to oosexgang/hackios-xnu-kernel development by creating an account on GitHub.
Dev tools · 15h ago · github.com
OpenBot▲362Grok Bot alternative: free, local, open-source, multiplayer
Dev tools · 24d ago · openbot.run
Talanoa▲346Hi HN, I’m a fullstack developer, and honestly, I’ve lost count of how many side projects I’ve worked on over the years. But one idea kept coming back to me: a different kind of email client. It first came to me in 2014: “What if we could handle emails more like conversations?” Every year, I’d revisit this concept in my “Build Notes.” Ten years later, no one had built exactly what I had in mind — so I finally decided to do it myself. That’s how Talanoa was born. I wanted something focused on people, not timelines. I was tired of marking messages as unread just to remember to reply later, or…
Dev tools · 21d ago · talanoa.email
Source: Show HN post ↗
Launched alongside, June 2025
the whole month →- IM
Hey HN! Pilots everywhere are required to keep a logbook of all their flying hours, aircraft, airports, and so on. Since I track everything digitally (some people still just use paper logbooks!), I put together some data visualizations and a few 3D globes to show my flying history. This globe is probably my favourite so far: https://jameshard.ing/pilot/globes/all If you’ve got ideas for other graphs or ways to show this kind of data, I’d love to hear them!
Life & fun · 2025 · jameshard.ing
Stunning presentations with AI. No design skills required.
AI · 2025 · chroniclehq.com
Build native mobile apps for iOS and Android without code.
Dev tools · 2025 · bble.io
All your connections, across all your socials.
AI · 2025 · pally.com
I was the main contributor to workout.lol, an open-source fitness app to easily build a workout routine. The project had traction (1.4k GitHub stars, 95 forks, ~20K visits/month), but was eventually sold due to video licensing hurdles. The new owner stopped maintaining it, and the repo went abandoned. Over the next 9 months, I sent 15 emails to try to save it : no replies. Feature requests & issues were ignored. The community was left with a "broken" tool let's say. I couldn't just let it die So I built the new version from scratch with the same open-source spirit, but a better…
Dev tools · 2025 · github.com