Spinner
Componente indicatore di caricamento con varianti circolare, punti e barra. Animazioni CSS pure — nessun JavaScript richiesto.
Anteprima e Codice
_spinner.html.erb
███
███████ █████████ █████████
██████
███ ██████ ████████████████████ ██
███ ██████ █████████████████████ ████████ ██████ █████ ███ ██
███ ██████ █████████████████████ ████████ █████ ██████ ████████ ██
███ ██████ █████████████████████ ████████ ██████████ █████ ████ ██████ ███████ ██████ ███████ ████████ ██
██
spinner_component.html.erb
██ ██ █████████ ██
████ █████████████ ██████████ ██████████████████████████ ████
████ ██████████ ███████████████ ██████████
█████ ███████████████████ █████ █████████
██████
██ █████ █████ ██
████ █████████████ ██████████ ██████████████████████ ████
██ ███████████████ ██ ███████ ██
████ ██████████ ███████████ ███ █████████████████ ███████████████████ ████ ████████ ███████████ █████ ████████████████ ███ █████ ███████████
██ ███ ██
spinner_component.rb
█ ██████████████████████ ████
█████ ████████████████ █ ███████████████████
████████ █ ███████████ ████ ███████████
█████ █ █████ ██ ██ ██ ██████████
██████ █ ██████████ █████ ███████████████
██████████ █ █ █████████ █████████ ████ ████████
███ ███████████████████ ██████████ █████ ████ ██████ █████████ ██████ █████████████ ████████
████████ █ ██████████████
Registro delle modifiche
- Unified circular, dots, and bar into single component with variant option
- Five size options
- Three color schemes with dark mode support
- CSS-only animations, no JavaScript
Ottieni l'Accesso Completo
Sblocca il codice sorgente di questo componente e di tutti gli altri. Un solo pagamento per l'accesso a vita.
Ottieni l'Accesso Ora