Releases: codeandwander/blx
v2.4.0
v2.3.1
BLX Text Animation v2.0.0
Breaking changes
This is a major version — update your blx-anim attributes before switching to @latest.
What changed
Text animations now require per-char or per-word in blx-prop:
<!-- v1.x -->
<h1 blx-anim="fade" blx-prop="inview">Hello</h1>
<!-- v2.0 -->
<h1 blx-anim="fade" blx-prop="per-char,inview">Hello</h1>Element animations work without any split flag:
<div blx-anim="fade slide" blx-prop="up,inview">Card</div>Multiple effects can be combined (space-separated):
<h1 blx-anim="fade slide" blx-prop="per-char,up,inview">Hello</h1>Direction is now a flag, not a key=value:
<!-- v1.x -->
<h1 blx-anim="slide" blx-prop="y=40">Hello</h1>
<!-- v2.0 -->
<h1 blx-anim="slide" blx-prop="per-char,up,distance=40">Hello</h1>New effects
scale— for element animations, animates from 0.85 scale
Versioned CDN (recommended for production)
<!-- Pin to v1.2.2 to keep existing text animations working -->
<script src="https://cdn.jsdelivr.net/gh/codeandwander/blx@1.2.2/packages/text-animation/index.min.js"></script>
<!-- v2.0.0 for new builds -->
<script src="https://cdn.jsdelivr.net/gh/codeandwander/blx@2.0.0/packages/text-animation/index.min.js"></script>v1.2.2
What's Changed
text-animation: FOUC fix correction
el.style.opacity = '' only removes inline styles — it has no effect when opacity: 0 is set via a stylesheet rule (e.g. [blx-anim] { opacity: 0 }). Changed to el.style.opacity = '1' to explicitly override the CSS rule before animating.
Full Changelog: v1.2.1...v1.2.2
v1.2.1
What's Changed
text-animation: FOUC fix
Eliminates the flash of visible text before animations run on page load.
Add this to Webflow Site Settings → Custom Code → <head>:
<style>[blx-anim] { opacity: 0; }</style>The script clears the opacity on each element just before its animation starts. Using opacity rather than visibility keeps content accessible to screen readers and safe for SEO.
Full Changelog: v1.2.0...v1.2.1
v1.2.0
What's Changed
New package: text-animation
Attribute-driven GSAP text animation for Webflow. Load via jsDelivr and configure entirely through HTML attributes — no JavaScript required.
<script src="https://cdn.jsdelivr.net/gh/codeandwander/blx@1.2.0/packages/text-animation/index.min.js"></script>Effects: fade, blur, slide, typewriter, rotate, scramble
| Attribute | Description |
|---|---|
blx-anim |
Effect name |
blx-prop |
Comma-separated flags and key=value options |
blx-duration |
Duration in ms (default: 800) |
blx-stagger |
Stagger between characters in ms (default: 30) |
blx-delay |
Delay before animation starts in ms (default: 0) |
blx-prop accepts flags (inview, repeat, clip) and key=value pairs (ease=power3.out, y=60).
Improvements
- Typewriter effect now reveals characters instantly rather than fading, making it visually distinct from the fade effect
blx-propextended to supportkey=valuepairs —easeandyoptions now live insideblx-propalongside flags
Full Changelog: v1.1.1...v1.2.0
v1.1.1
What's Changed
- Add CSS animation hooks (is-entering / is-leaving) to BLX Modal by @Copilot in #10
Full Changelog: v1.1.0...v1.1.1
v1.1.0
What's Changed
- [WIP] Add Mapbox map integration with custom styles for Webflow by @Copilot in #9
Full Changelog: v1.0.10...v1.1.0
v1.0.10
What's Changed
- Fix tooltip overlap by using margin-bottom instead of translateY by @Copilot in #8
Full Changelog: v1.0.9...v1.0.10
v1.0.9
What's Changed
- Add copy-to-clipboard package and comprehensive documentation for all packages by @Copilot in #6
- Fix copy-to-clipboard tooltip not showing for sibling elements with custom attributes by @Copilot in #7
Full Changelog: v1.0.8...v1.0.9