Balloon.css v1.0

What it does

Balloon.css is an open-source tiny library that lets you add tooltips to a webpage using only HTML, without any JavaScript!

Simple tooltips made of pure CSS!

Balloon.css lets you add tooltips to elements without JavaScript and in just a few lines of CSS. See how easy it is: up , down , left , right , up-left , up-right , down-left or down-right . By default, tooltips will always remain single-line no matter their length. You can change this behavior by using the attribute data-balloon-length with one of the values: small , medium , large or fit . If for some reason you do not want animations in your tooltips, you can use the data-balloon-blunt attribute for that. The attribute data-balloon-visible can be easily added via JavaScript (e.g. .setAttribute() ), enabling you to show tooltips whenever needed. Balloon.css exposes three CSS variables to…from kazzkiq.github.io

• 
  Balloon.css2016 · kazzkiq.github.io · ▲7

  Simple tooltips made of pure CSS

• HC
  Hint.css v2.0 – Pure CSS tooltip library2016 · kushagragour.in · ▲253
• 
  Hint.css 2.02016 · ▲234

  A pure CSS tooltip library for your lovely websites.

• OS
  Open source balloon simulation with Three.js2019 · alexanderperrin.com.au · ▲307
• 
  Water.css – A just-add-css collection of styles to make websites nicer2019 · github.com · ▲501

  A drop-in collection of CSS styles to make simple websites just a little nicer - kognise/water.css

• 
  Layer CSS2015 · layers-css.vercel.app · ▲152

  Lightweight CSS framework to build your own fluid layouts

• 
  /dev/null▲482

  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 · 27d 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 · 25d ago · github.com

• 
  OpenBot▲362

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

  Dev tools · 23d ago · openbot.run

• 
  Talanoa▲343

  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

• 
  Marketing Resources List▲917

  The biggest collection of free marketing resources

  Growth · 2019 · nira.com

• 
  Sizzy▲876

  The browser for designers and developers

  Dev tools · 2019 · sizzy.co

• BA
  Bloom – A free and open source 'Google'▲747

  Dev tools · 2019 · kerkour.fr

• 
  Libra▲687

  A global cryptocurrency by Facebook

  Commerce · 2019 · developers.diem.com

• TP
  This page is a truly naked, brutalist HTML quine▲633

  Life & fun · 2019 · secretgeek.github.io

• 
  Clockwise▲608

  Making your calendar work for you.

  Work · 2019 · getclockwise.com