Native Web Component

Animated backgrounds for any webpage.

Use one CDN script and one <orbit-bg> tag to add a polished, configurable background. No framework, no backend, no tracking, GitHub Pages and jsDelivr friendly.

Open Playground GitHub Pages Demo 
<script src="https://cdn.jsdelivr.net/gh/w0nderful666/orbit-bg-kit@latest/dist/orbit-bg.iife.js"></script>
<orbit-bg preset="ai-startup"></orbit-bg>
0runtime dependencies
12ready presets
Use It Anywhere

Clear entry points for users.

The repository ships a homepage playground, a minimal demo, copyable examples, and dist files that work from local files, GitHub Pages, or jsDelivr.

Minimal DemoThe smallest local integration example. ExamplesSimple, local card, multi-instance, tool landing pages. jsDelivr CDNUse @latest while testing or @v0.1.1 in production.
Playground

Configure, preview, copy.

Every control maps to a supported component attribute. Shareable URL hashes restore the same configuration.

custom theme: glass speed: normal opacity: 0.060 Preview updated

Launch Page Preview

This panel is normal page content layered above the live Web Component background.

Shadow DOMNo trackingCDN ready
Minimal HTML

    

  


  

    
Presets

    
Production-friendly starting points.

    
Click a preset to apply it to the playground and preview.

    

  


  

    
Reference

    
Attributes

    
AttributeValuesNotes

  


  



Copied