Effects Pack

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`

What's Included

Components

<star-rating> — three-layer star rating widget with CSS-only base and JS enhancement

Data Attribute Effects

data-effect="glitch" — RGB split glitch text effect
data-effect="typewriter" — character-by-character typing animation
data-effect="scramble" — random character scramble reveal
data-effect="blur-reveal" — blur-to-sharp text entrance
data-effect="animate-image" — play/pause control for animated GIF, WebP, APNG
data-effect="ticker" — animated number count-up on scroll

Loading

import { activateBundle } from '/cdn/vanilla-breeze.js' await activateBundle('effects')

Cherry-pick individual components. If you only need <star-rating>, load it directly from /cdn/components/star-rating.js without the full effects pack.

When to Use

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.