Install
Boostify is free and open source. No license required.
How To install it?
You can install Boostify using npm or include it directly via CDN:
npm
npm install boostify
import Boostify from 'boostify';
const bstf = new Boostify({
debug: true
});
CDN (UMD)
Include Boostify directly in your HTML:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script src="https://unpkg.com/boostify@latest/dist/Boostify.umd.js"></script>
<script>
const bstf = new Boostify({ debug: true });
</script>
</body>
</html>
Configuration
| Option | Type | Default | Description |
|---|---|---|---|
debug | Boolean | false | Enable colorful console logging for debugging |
Debug Mode
When debug: true, you’ll see colorful logs in your browser console with emojis and gradients:
| Event | Emoji | Color |
|---|---|---|
| Boostify init | 🚀 | Purple gradient |
| OnLoad | ⚡ | Purple/violet |
| Click | 👆 | Pink/coral |
| Scroll | 📜 | Green/turquoise |
| Observer | 👁️ | Cyan/blue |
| Inactivity | 💤 | Pink/yellow |
| Script loaded | 📦 | Bright green |
| Style loaded | 🎨 | Pink |
This makes it easy to see exactly what Boostify is doing and when.
What’s Next?
With Boostify installed, you can: