Gardez les loaders petits (24-48px) pour les indicateurs en ligne et plus grands (64px+) pour les overlays pleine page?

Gardez les loaders petits (24-48px) pour les indicateurs en ligne et plus grands (64px+) pour les overlays pleine page.

Alignez les couleurs du loader sur votre palette de marque pour une expérience utilisateur cohérente?

Alignez les couleurs du loader sur votre palette de marque pour une expérience utilisateur cohérente.

Les types Spinner et Ring sont les indicateurs de chargement les plus universellement reconnus.

Générez des animations de chargement en pur CSS — spinners, points, barres et plus avec sortie HTML + CSS

Générez des animations de chargement en CSS pur — spinners, points, barres et plus — avec sortie HTML + CSS prête à coller dans votre projet.

1Sélectionnez un type de loader : Spinner, Dots, Bars, Ring, Pulse, Bounce, Wave ou Orbit.
2Ajustez la taille et la vitesse d'animation selon votre design.
3Choisissez les couleurs primaire et secondaire pour correspondre à votre charte graphique.
4Prévisualisez l'animation en temps réel.
5Copiez les snippets CSS et HTML pour ajouter le loader à votre projet.

Gardez les loaders petits (24-48px) pour les indicateurs en ligne et plus grands (64px+) pour les overlays pleine page.
Alignez les couleurs du loader sur votre palette de marque pour une expérience utilisateur cohérente.
Les types Spinner et Ring sont les indicateurs de chargement les plus universellement reconnus.

Gratuit : types de base. Starter+ : types de loaders premium.

Équipe OneKitToolsMise à jour 2.21.4