Sonic est une minuscule classe JavaScript pour créer des images d'attente de chargement utilisant les propriété de caneva de HTML5.

Il fonctionne en affichant une forme à intervalles minuscules où chemin d'accès du fichier, taille, couleur ou images par seconde peuvent être personnalisés.

Cette classe propose des exemples et un créateur web Sonic existe pour la création d'images d'attente de chargement et de les mettre sous forme de code HTML5 canvas, GIF animé ou une image sprite avec le code CSS3.