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.

Discover clean, modern, and copy-paste-ready HTML, CSS, and JavaScript code snippets. Fast, free, and frontend-focused.

High-quality HTML, CSS, and JavaScript snippets for frontend developers. Free, reusable, and ready to copy. Snipzy isn't just a snippet platform — it's a hub. We offer frontend developers a unique chance to claim their own corner of the web with a personal subdomain like devname.snipzy.dev . Showcase your best HTML, CSS, and JavaScript work. Get full credit. Add your contact links. Build a portfolio that stands out — all on our platform, free of charge. This isn't open to just anyone. We're making a community of passionate creators who wanna show their work, live for coding, creative UI, and the kind of work that reflects you. Think you've got what it takes? Apply now with your best…from snipzy.dev

• 
  Liquid Glassifier2025 · glass.danilofiumi.com · ▲230

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

• 
  Liquid Glass CSS Generator2025 · liquid-glass.pro · ▲12

  Apple-style liquid glass effect for iphone

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

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

  Pixel perfect Apple Liquid Glass effect on the Web.

• 
  Free Liquid Glass Icons2025 · icons8.com · ▲60

  100 FREE icons in Apple's new Liquid Glass style

• 
  CSSeffectsSnippets.2019 · emilkowalski.github.io · ▲292

  A collection of CSS effects with a click to copy.

• 
  /dev/null▲490

  a social network for devs

  Dev tools · 4d 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 · 29d 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 · 27d ago · github.com

• 
  Run full iOS 16.5 firmware on Android Devices▲366

  Contribute to oosexgang/hackios-xnu-kernel development by creating an account on GitHub.

  Dev tools · 14h ago · github.com

• 
  OpenBot▲362

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

  Dev tools · 24d 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 · 21d ago · talanoa.email

• 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,212

  Stunning presentations with AI. No design skills required.

  AI · 2025 · chroniclehq.com

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

  Build native mobile apps for iOS and Android without code.

  Dev tools · 2025 · bble.io

• 
  Twenty▲989

  Build your Enterprise CRM with an AI-friendly SDK

  Dev tools · 2025 · twenty.com

• 
  Pally - AI Relationship Management▲949

  All your connections, across all your socials.

  AI · 2025 · pally.com

• 
  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