Neon Pulse is a small HTML5 project showcasing a pulsing neon button with an animated particle background using the <canvas> element and vanilla JavaScript.
index.html— main page (HTML)styles.css— styling (CSS)script.js— particle engine and interactivity (JavaScript)preview.svg— small preview/screenshot for repository
- Accessible interactive neon button (keyboard + pointer)
- Particle background using Canvas (no libraries)
- Responsive layout (works on mobile/desktop)
- Easy to customize colors, size and behavior
- Clone or download the repository.
- Open
index.htmlin any modern browser (Chrome, Firefox, Edge, Safari). - For local development with live reload you can use a simple static server (optional):
- Python 3:
python -m http.server 8000then visithttp://localhost:8000 - VSCode: use Live Server extension.
- Python 3:
- Change neon colors in CSS or dynamically in
script.jspalette array. - Adjust particle counts or sizes in
script.js(spawn()parameters).
MIT — feel free to reuse and adapt.
Enjoy! ✨