Data-Forums
๐ŸŽŠ DF Confetti v1.0 โ€” Celebration bursts - Printable Version

+- Data-Forums (https://data-forums.com/forum)
+-- Forum: DF Premium (https://data-forums.com/forum/Forum-DF-Premium)
+--- Forum: AI Premium Vault (https://data-forums.com/forum/Forum-AI-Premium-Vault)
+--- Thread: ๐ŸŽŠ DF Confetti v1.0 โ€” Celebration bursts (/Thread-%F0%9F%8E%8A-DF-Confetti-v1-0-%E2%80%94-Celebration-bursts)



๐ŸŽŠ DF Confetti v1.0 โ€” Celebration bursts - Sir-Vigu - 08-25-2026

๐ŸŽŠ DF Confetti v1.0 โ€” Celebration bursts

Wave 16 drop ยท DF Vault exclusive ยท df-confetti.js + demo.html + README ยท ~2.5 KB ยท zero dependencies

๐Ÿ“– What it does
Milestones deserve a moment. DF Confetti is a tiny canvas confetti engine you can fire on anything worth celebrating โ€” achievement unlocks, rank-ups, quest claims, 100th post, level-ups in your shop. Two calls cover everything: DFConfetti.burst() for a targeted pop (custom origin, count, spread) and DFConfetti.big() for the full three-stage shower.

Want it automatic? Add data-confetti to any button or element and it fires on click. ~2.5 KB, zero dependencies, theme-tuned colors (green/cyan/gold/violet/red) โ€” and it pairs beautifully with DF Achievements and DF Quests.

โœจ What's inside
  • ~2.5 KB vanilla JS, zero dependencies, one script tag
  • DFConfetti.burst({x, y, count, spread}) โ€” custom origin & intensity
  • DFConfetti.big() โ€” three-stage celebratory shower
  • Add data-confetti to any element for automatic click-to-celebrate
  • Theme-tuned palette, physics with gravity, spin and fade
  • Perfect companion for DF Achievements, DF Quests, DF Ranks
  • Live demo.html inside

โš™๏ธ Requirements
  • Any modern browser โ€” nothing server-side
  • Works on MyBB, WordPress, static sites, anything with HTML

๐Ÿ› ๏ธ Install โ€” step by step
  1. Download the zip below (unlocks with your vault access).
  2. Unzip โ€” you get df-confetti.js, demo.html and this README.
  3. Open demo.html to try all three trigger styles.
  4. On your site, add before </body>: <script src="df-confetti.js"></script>
  5. Call DFConfetti.big() from your milestone code, or add data-confetti to the element.

๐Ÿงน Uninstall
Remove the script tag โ€” that's the whole uninstall.

๐Ÿค Support
Reply in this thread or PM Sir-Vigu โ€” happy to help you get it running.

โฌ‡๏ธ Download DF Confetti v1.0
โฌ‡ Direct download โ€” df-widget-confetti-1.0.zip

๐Ÿ—ƒ Open the DF Vault โ€” all 127 premium downloads
โ˜… DF Gold โ€” instant full access, forever

Free for vault-unlocked members (250 posts / 100 threads / 2,500 credits) โ€” or instant with DF Gold. Licensed for forums YOU own.


🎓 Academy🗃 DF Vault💰 DF Treasury🎬 Live Theater🎁 Freebies📱 Get the app✉ Feedback🩻 SEO X-Ray
Data-Forums © 2026