Code
snippets

#001 neon-district-citta-cyberpunk-interattiva/ js

▶ run

▸Neon District — Città cyberpunk interattiva

Una demo HTML, CSS e JavaScript che trasforma una città cyberpunk isometrica in uno screensaver vivo, esplorabile e personalizzabile.

■ index.html 111L ■ style.css 294L ■ script.js 1855L

HTML CSS JS CyberPunk

#002 sfondo-neurale-interattivo/ js

▶ run

▸Sfondo Neurale Interattivo

Animazione canvas full-screen con nodi luminosi, connessioni dinamiche e interazione al movimento del mouse, pensata per creare uno sfondo moderno, tecnologico e immersivo.

■ index.html 14L ■ style.css 37L ■ script.js 329L

HTML CSS JS

#003 rain-japanese-text-engine/ js

▶ run

▸Text Rain

Effetto Matrix realistico con testo giapponese, colonne verticali e rendering fluido in canvas.

■ index.html 126L ■ style.css 679L ■ script.js 453L

HTML CSS JS visual effect

#004 lofi-radio/ js

▶ run

▸Lo-Fi Radio

Il giradischi Lo-Fi HTML, CSS e JS

■ index.html 139L ■ style.css 1210L ■ script.js 337L

HTML CSS JS

#005 burrow-premium-login/ js

▶ run

▸Clearance — login NGX

Schermata accesso “Nebula Gate”: vetro su aurora reattiva al puntatore, telemetria monospace, binari luminosi sui campi, spettro di densità sul token, CTA Transmit con shear — niente mascotte, solo UI sperimentale.

■ index.html 156L ■ style.css 950L ■ script.js 152L

HTML CSS JS UI

#006 neural-notes/ js

▶ run

▸Neural Notes

Grafo di note al neon: i nodi si collegano da soli, gli impulsi corrono lungo i link e ogni clic aggiunge una nota.

■ index.html 9L ■ style.css 97L ■ script.js 182L

HTML CSS JS Canvas

#007 tennis-match/ js

▶ run

▸Tennis Match

Animazione Match Tennis Integrabile API

■ index.html 137L ■ style.css 1253L ■ script.js 655L

HTML CSS JS

#008 spotlight-grid/ js

▶ run

▸Spotlight Grid

Card che si accendono sotto il puntatore: bordo in gradiente, alone morbido e una leggera inclinazione 3D.

■ index.html 32L ■ style.css 107L ■ script.js 55L

HTML CSS JS UI

#009 pomodoro-deck/ js

▶ run

▸Pomodoro Deck

Timer pomodoro al neon con anello di avanzamento, pause automatiche e contatore delle sessioni.

■ index.html 27L ■ style.css 171L ■ script.js 124L

HTML CSS JS Timer

#010 neon-snake/ js

▶ run

▸Neon Snake

Mini gioco: il serpente classico al neon, con demo automatica, swipe da mobile e record salvato.

■ index.html 15L ■ style.css 116L ■ script.js 266L

HTML CSS JS Gioco