Snipzy Apple Liquid Glass Code Snippets

What it does

10 Apple Liquid Glass code snippets using vanilla HTML/CSS/JS. It includes: Button, Card, Dropdown, Form (Login/Register), Icons, Navbar, Search bar (With Suggestions), Sidebar, Spinner/Loader, and toggles/switches. Note: These snippets work only on Chrome.

• 
  Liquid Glassifier2025 · ▲230

  Bring liquid glass to your site with a single copy-paste

• 
  Liquid Glass CSS Generator2025 · ▲12

  Apple-style liquid glass effect for iphone

• 
  Liquid Metal2025 · ▲320

  Turn your logo into Apple liquid metal

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

  Pixel perfect Apple Liquid Glass effect on the Web.

• 
  Free Liquid Glass Icons2025 · ▲60

  100 FREE icons in Apple's new Liquid Glass style

• 
  UI Playground 2.0Sep 2025 · ▲122

  Support for Liquid Glass UI components on iOS 26

• 
  Dograh▲592

  The open source VAPI alternative

  Dev tools · 26d ago · dograh.com

• 
  Meridian▲530

  Don't let your work go unnoticed. Get promoted!

  Dev tools · 21d ago · meridiona.com

• 
  x1▲516

  Lovable for iPhone apps go from idea to App Store

  Dev tools · 12d ago · x1.new

• 
  Open-Source eInk Bike Computer▲412

  OpenTrailPaper is open-source bike computer firmware for the LilyGO T5S3 4.7" E-Paper PRO. It supports offline maps, GPX routes, FIT recording and Bluetooth sensors.

  Dev tools · 3d ago · opentrailpaper.com

• 
  Nuphos▲380

  The AI-Native DevOps Workspace.

  Dev tools · 25d ago · nuphos.ai

• 
  Lettertrace▲375

  Track your AI visibility for free (using your own API keys!)

  Dev tools · 26d ago · lettertrace.com

• IM
  I'm an airline pilot – I built interactive graphs/globes of my flights▲1,539

  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

• 
  Chronicle: Cursor for Slides▲1,213

  Stunning presentations with AI. No design skills required.

  AI · 2025 · chroniclehq.com

• 
  Bubble for native mobile apps (beta)▲1,029

  Build native mobile apps for iOS and Android without code.

  Dev tools · 2025 · bble.io

• 
  Twenty▲991

  The #1 open-source CRM

  Dev tools · 2025 · twenty.com

• 
  Pally - AI Relationship Management▲949

  All your connections, across all your socials.

  AI · 2025 · pally.com

• WC
  Workout.cool – Open-source fitness coaching platform▲827

  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