Data-Forums
Create an account

New here? Join Data-Forums — ask questions, share builds & trade smarter with us.Sign up freeLog in×

Thread

🎊 DF Confetti v1.0 β€” Celebration bursts

Thread Rating:
  • 0 Vote(s) - 0 Average
  • 1
  • 2
  • 3
  • 4
  • 5
19 total views  ·  14 guest views
🎊
DF Confetti🧱 Widget β€” a Data-Forums Vault exclusive
Unlock with 250 posts Β· 100 threads Β· 2,500 credits β€” instant for πŸ₯ˆπŸ₯‡πŸ’Ž DF Members & staff

#1
🎊 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.
πŸ‘ Like0❀️ Love0πŸ˜‚ Haha0πŸ”₯ Fire0πŸ‘ Clap0⚑ 0
Sir-Vigu
Founder, Data-Forums.com
Connecting data professionals, ideas, and innovation.
Reply

Users browsing this thread:
1 Guest(s)

Forum Jump:
Join AI builders shipping real tools. No hype, no guru courses — just post-mortems, prompts, and people who build.

The community for AI engineers, automation builders, prompt crafters, cybersecurity folks & data practitioners. Talk about what ships — not what trends.

24.8k+
Posts
24.6k
Threads
3329+
Members
83
Online
© 2026 Data-Forums · Built with by Sir-VIGU ·
⏱️ 3 min read