Hamburgers

What it does

Tasty CSS-animated Hamburgers

Using Hamburgers for your site is easy (well, that was my intention anyway). You can use <div> s (if you insist), but they’re not accessible as a menu button. Note: -r classes are reverse variants (e.g. hamburger--spin spins clockwise whereas hamburger--spin-r spins counterclockwise. Since the class name would have to be toggled via JavaScript and implementation would differ based on the context of how you plan on using the hamburger, I’m going to leave the rest up to you. Stuck? Here‘s a hint. .scss source files are available if you use Sass as your CSS precompiler. It’s customizable and modular. Also available as a Ruby gem to use within your Rails application—see below for more…from jonsuh.com

• 
  Hamburger Menu CSS GalleryJul 2026 · codequest.work · ▲5

  90 copy-paste CSS hamburger menu icon and toggle animations

• 
  Veganburger2018 · veganburger.neocities.org · ▲76

  A better version of the classic hamburger icon

• 
  BurgeRadar2015 · itunes.apple.com · ▲101

  Tap a button to find hamburger places around you

• 
  The Simpsons in CSS2014 · pattle.github.io · ▲95

  CSS for d'oh!

• 
  Gradient Buttons2017 · gradientbuttons.colorion.co · ▲171

  Beautiful buttons with hover animations

• 
  Beautiful CSS Buttons by CSS Scan2021 · getcssscan.com · ▲191

  Curated collection of 83 free beautiful buttons

• 
  Run full iOS 16.5 firmware on Android Devices▲516

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

  Dev tools · 2d ago · github.com

• 
  /dev/null▲492

  a social network for devs

  Dev tools · 5d 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

• 
  OpenBot▲362

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

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

• 
  Carrd▲1,643

  Simple, responsive, one-page sites for pretty much anything.

  Growth · 2016 · carrd.com

• 
  Privacy.com▲1,134

  Get a new virtual card for every transaction

  Commerce · 2016 · privacy.com

• 
  Franz▲877

  Franz combines WhatsApp, Slack, Telegram, Gmail, Outlook, and native Signal in one desktop app with AI summaries, workspaces, and privacy-conscious local features.

  Work · 2016 · meetfranz.com

• 
  DeepGram▲819

  Search engine for speech

  AI · 2016 · deepgram.com

• 
  Instant Logo Search▲730

  Search and download thousands of logos instantly

  Work · 2016 · namecheap.com

• 
  Calls on Slack▲725

  Make voice calls in Slack

  Growth · 2016