Liquid Glass

What it does

Recreate Figma's liquid glass effect on the web. The same controls — depth, dispersion, frost, splay, refraction — rendered in WebGL2, on any shape, in every modern browser. Drag a shape onto any image, tune the sliders, watch it react in real time. Then hit Copy prompt: you get a complete brief — the numbers, the shape path, the full shader pipeline — to paste into any AI assistant and rebuild it on your own site. One shader. No framework, no dependencies. Free and open source.

Recreate Figma

Depth, dispersion, frost, splay, refraction — the same five controls you know from Figma, rendered live in WebGL2 on any shape you draw. Free and open source. A star is the whole thank-you I'm after. One backdrop, twelve pieces of glass, twelve different recipes. The label under each piece names the preset it uses — and all of it is clickable, so you can watch the material react. A razor-sharp lens over a heavy frosted sheet. Click the bar, or press ⌘K, to open and close it. Thick rounded rim, strong bend, almost no haze. Opens a hazier menu. Restrained enough to sit behind real navigation. Try a segment. Drag the slider, flip the switch. Liquid metal against cut crystal. Deepest tint on…from liquidglass.miftahulislamefaz.xyz

• 
  Liquid Metal2025 · app.paper.design · ▲316

  Paper 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…

• 
  A Marble Madness-inspired WebGL game we built for Netlify2024 · 5-million-devs.netlify.com · ▲616

  Hello HN! We’re a small creative studio specializing in real-time 3D experiences. Netlify approached us to design and build an interactive experience to celebrate reaching 5 million developers. Inspired by the classic game Marble Madness, we created a gamified experience where users control a ball through playful, interactive levels. The goal was to blend marketing content with the look and feel of a game to engage users. The app is built with Three.js [1], using our custom render pipeline and shaders, and uses Rapier for physics simulation [2]. The 2D content is overlaid on the WebGL view…

• 
  LiquidGlassApr 2026 · liquid-glass.ybouane.com · ▲7

  Pixel perfect Apple Liquid Glass effect on the Web.

• 
  CSS generator for a high-def glass effect2025 · glass3d.dev · ▲420

  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: *…

• 
  Liquid Glass Figma Plugin2025 · figma.com · ▲13

  Create Apple-like Liquid Glass effects directly in Figma

• RT
  Real-Time 3D Gaussian Splatting in WebGL2023 · antimatter15.com · ▲309

• 
  /dev/null▲484

  a social network for devs

  Dev tools · 3d ago · dev-null.sh

• 
  Whiteboard (YC W26) – an open-source IDE for thoughtful software design▲423

  open-source IDE for thoughtful software design. Contribute to devdotfast/whiteboard development by creating an account on GitHub.

  Dev tools · 28d ago · github.com

• 
  Reladraw – A diagram language where you decide where to place things▲411

  Contribute to reladraw/reladraw development by creating an account on GitHub.

  Dev tools · 26d ago · github.com

• 
  OpenBot▲362

  Grok Bot alternative: free, local, open-source, multiplayer

  Dev tools · 23d ago · openbot.run

• 
  Talanoa▲346

  Hi 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 · 20d ago · talanoa.email

• 
  CoreSpeed▲332

  One MCP for everything your agents need: apps, memory, tools

  Dev tools · 28d ago · corespeed.io

• 
  An e-ink frame that hears birds and draws them as 1800s illustrations▲2,389

  E-ink bird frame for Raspberry Pi - real-time bird detection by audio, fully local AI, rendered as real, hand-cut 1800s bird illustrations. - arnegiacomo/fugleramme

  AI · Sep 2026 · github.com

• WI
  What if the speed of light was 5 km/h?▲629

  Special relativity simulator in which light crawls along at a human speed, so Lorentz contraction, aberration and Doppler shift happen at walking pace.

  Life & fun · Sep 2026 · rivendell.dmitrybrant.com

• 
  Jev▲544

  Fast, structured AI decisions for software automation

  AI · Sep 2026 · console.typesafe.ai

• 
  ReSO AI▲510

  Get discovered & recommended when customers ask AI

  AI · Sep 2026 · resollm.ai

• 
  Kilo Code for iOS and Android▲498

  Start coding agents, control sessions, review PRs. Anywhere.

  Dev tools · Sep 2026 · kilo.ai

• 
  AINA▲497

  Find your job search blind spots with an AI coach

  AI · Sep 2026 · aina-tech.io