Welcome to Vanilla Breeze
This bell pulls live notifications from /go/notify/messages — the same contract documented at /docs/concepts/service-contracts/. Static articles like this one are the no-JS / no-backend fallback.
This bell pulls live notifications from /go/notify/messages — the same contract documented at /docs/concepts/service-contracts/. Static articles like this one are the no-JS / no-backend fallback.
Niche text and visual effects: glitch, typewriter, scramble, blur-reveal, animate-image, ticker, and star-rating.
| Type | Functional |
|---|---|
| Version | 1.0.0 |
| CSS | packs/effects.full.css |
| JS | packs/effects.full.js |
<star-rating> — three-layer star rating widget with CSS-only base and JS enhancementdata-effect="glitch" — RGB split glitch text effectdata-effect="typewriter" — character-by-character typing animationdata-effect="scramble" — random character scramble revealdata-effect="blur-reveal" — blur-to-sharp text entrancedata-effect="animate-image" — play/pause control for animated GIF, WebP, APNGdata-effect="ticker" — animated number count-up on scroll<link rel="stylesheet" href="/cdn/packs/effects.full.css"><script type="module" src="/cdn/packs/effects.full.js"></script>
import { activateBundle } from '/cdn/vanilla-breeze.js'await activateBundle('effects')
Load the effects pack for marketing sites, landing pages, and portfolios that benefit from text animations and visual polish. For a stripped-down content site or admin panel, skip it — core provides everything you need.