tipsy/bubbly-bg

Health v2 · maintenance only

Flags: no_releases

Adoption not part of the score

1616 stars · 93 forks observed · 2026-10-01

What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-30, confidence not recorded

A tiny (841 bytes gzipped) zero-dependency JavaScript library that renders animated bubbly backgrounds on an HTML canvas. It creates a fixed full-viewport canvas automatically or accepts a custom one, with configurable colors, gradients, bubble count, radius, velocity, shadows, and strokes.

Use cases

• add an animated bubbly background to a landing page
• create a lightweight canvas background animation under 1kB
• customize animated bubble colors and gradients on a website
• render a decorative background on my own canvas element
• add a playful animated hero background with vanilla JavaScript
• make a fullscreen animated background with no dependencies

When to choose

• you need an eye-catching animated background with minimal bundle size
• you want a zero-dependency, plug-and-play canvas effect
• you need fine-grained control over bubble appearance and motion
• you want TypeScript type definitions included

When to avoid

• you need complex particle systems or physics simulations
• you require WebGL or 3D background effects
• you need a background effect other than bubbles
• your project must support very old browsers without canvas

Facets

library · maturity stable

animation ui-components graphics web-development frontend web-design browser animated-backgrounds canvas zero-dependency tiny-footprint typescript-definitions javascript nodejs

Member repositories

For agents

markdown · JSON · MCP: product_card(name="tipsy/bubbly-bg")