https://github.com/codeandwander/blx
JavaScript utilities for BLX (BLOCKS)
https://github.com/codeandwander/blx
Last synced: 10 days ago
JSON representation
JavaScript utilities for BLX (BLOCKS)
- Host: GitHub
- URL: https://github.com/codeandwander/blx
- Owner: codeandwander
- Created: 2025-11-28T15:17:17.000Z (about 2 months ago)
- Default Branch: main
- Last Pushed: 2026-01-12T17:40:00.000Z (14 days ago)
- Last Synced: 2026-01-12T23:04:45.979Z (14 days ago)
- Language: JavaScript
- Size: 65.4 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
BLX — A lightweight collection of Webflow-friendly enhancements
BLX is a set of small, focused JavaScript packages designed to add useful behaviour to Webflow and similar no-code setups. Each package is self-contained, easy to integrate, and built with real-world Webflow constraints in mind.
The repository is structured so you can:
- load only the packages you use
- or load everything through a single global loader
- keep clean versioning through GitHub Releases + jsDelivr CDN
- scale the library as more packages are added
📚 At the moment, BLX includes:
- TOC (Table of Contents) package
- Inline SVG package
- Modal package
- Social Share package
- Copy to Clipboard package
## 🚀 Usage
### Loading via jsDelivr CDN
All packages are available via jsDelivr CDN, which automatically minifies them when you use the `.min.js` extension. You can load them individually or all together.
**Load individual packages (recommended):**
```html
```
**Or pin to a specific version:**
```html
```
### File Sizes
The source packages are lightweight and automatically minified by jsDelivr on delivery:
- Core utilities: ~849 bytes
- TOC package: ~3.5KB
- Inline SVG package: ~2.5KB
- Modal package: ~7.4KB
- Social Share package: ~1.5KB
- Copy to Clipboard package: ~2.9KB
## 📦 Packages
Each package has its own detailed documentation. Click the links below to learn more:
- **[TOC (Table of Contents)](packages/toc/)** - Automatically generate navigable table of contents from headings
- **[Inline SVG](packages/inline-svg/)** - Replace img tags with inline SVG for CSS styling
- **[Modal](packages/modal/)** - Accessible modal overlays with focus trapping and scroll locking
- **[Social Share](packages/social-share/)** - Share links for LinkedIn, Twitter, Facebook, and Email
- **[Copy to Clipboard](packages/copy-to-clipboard/)** - Copy URLs to clipboard with tooltip feedback
💡 Roadmap
More packages will be introduced soon.
The structure is designed so each feature comes as a clean, independent module with:
- its own folder
- its own initialiser
- auto-detection through the global loader