Bubbly-bg is a lightweight JavaScript library for creating animated bubble backgrounds on web pages. It renders the effect on an HTML canvas and can automatically create and position that canvas behind page content. Developers can control background colors or gradients, bubble count, size, fill, direction, speed, shadows, and strokes. Animation can be enabled or disabled, and a custom canvas can be supplied when needed. The library has no dependencies and includes TypeScript definitions. It can be installed through npm, loaded from a CDN, or downloaded directly for simple integration.

Features

  • Lightweight animated canvas backgrounds
  • Custom colors and background gradients
  • Configurable bubble size and movement
  • Custom bubble shadows and strokes
  • Zero external dependencies
  • Built-in TypeScript definitions

Project Samples

Project Activity

See All Activity >

Categories

Animation

License

Apache License V2.0

Follow bubbly-bg

bubbly-bg Web Site

Other Useful Business Software
Earn up to 16% annual interest with Nexo. Icon
Earn up to 16% annual interest with Nexo.

Access competitive interest rates on your digital assets.

Generate interest, borrow against your crypto, and trade a range of cryptocurrencies — all in one platform. Geographic restrictions, eligibility, and terms apply.
Get started with Nexo.
Rate This Project
Login To Rate This Project

User Reviews

Be the first to post a review of bubbly-bg!

Additional Project Details

Programming Language

JavaScript

Related Categories

JavaScript Animation Software

Registered

2026-08-18