Try it in your browser — buy the full source code for only £1

A clean neon-style idle template built around an attention bar that drains over time. Click to refocus, earn Focus Points, unlock upgrades, and let the passive engine grind for you.

Single-file HTML/CSS/JS — easy to edit, rebrand, and resell.

Neon Attention Span Idle is a lightweight HTML5 idle/clicker template where your “Attention Bar” slowly drains over time.
Keep it above the threshold to gain Focus Points, unlock upgrades, take Microbreaks, and let the background grind handle the rest.

This template comes as a single-file HTML/CSS/JS project — perfect for beginners, students, and developers who want a clean starting point for their own idle game.

⭐ Features

• Neon-style UI with smooth glow effects

• Attention Bar that decays over time

• Focus / Drift mechanic (idle gains depend on your state)

• Single-file HTML/CSS/JS (easy to modify or reskin)

• Upgrades system

• Click actions + passive actions

• Microbreak button with cooldown

• Formatted numbers (1.2k / 3.4M / etc.)

• Perfect for rebranding (rename Focus → Energy, Attention → Fuel, etc.)

🛠️ What you can do with it

✔ Change colours, text, or layout
✔ Rebrand and resell (allowed)
✔ Add your own upgrades, stats, currencies
✔ Turn it into any idle mechanic (motivation, fuel, power, stamina, etc.)

📁 Included

• neon-attention-span-idle.html (single-file project)

• All logic is included — no external libraries

💡 Suggested Uses

• Idle games

• Study/focus-themed projects

• Productivity simulators

• Neon UI mini-games

• Mobile-friendly HTML5 browser games

• Resellable template packs