Indicador de carga
Componente indicador de carga con variantes circular, puntos y barra. Animaciones CSS puras, sin JavaScript necesario.
Vista Previa y Código
_spinner.html.erb
███
███████ █████████ █████████
██████
███ ██████ ████████████████████ ██
███ ██████ █████████████████████ ████████ ██████ █████ ███ ██
███ ██████ █████████████████████ ████████ █████ ██████ ████████ ██
███ ██████ █████████████████████ ████████ ██████████ █████ ████ ██████ ███████ ██████ ███████ ████████ ██
██
spinner_component.html.erb
██ ██ █████████ ██
████ █████████████ ██████████ ██████████████████████████ ████
████ ██████████ ███████████████ ██████████
█████ ███████████████████ █████ █████████
██████
██ █████ █████ ██
████ █████████████ ██████████ ██████████████████████ ████
██ ███████████████ ██ ███████ ██
████ ██████████ ███████████ ███ █████████████████ ███████████████████ ████ ████████ ███████████ █████ ████████████████ ███ █████ ███████████
██ ███ ██
spinner_component.rb
█ ██████████████████████ ████
█████ ████████████████ █ ███████████████████
████████ █ ███████████ ████ ███████████
█████ █ █████ ██ ██ ██ ██████████
██████ █ ██████████ █████ ███████████████
██████████ █ █ █████████ █████████ ████ ████████
███ ███████████████████ ██████████ █████ ████ ██████ █████████ ██████ █████████████ ████████
████████ █ ██████████████
Registro de Cambios
- 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
Obtener Acceso Completo
Desbloquea el código fuente de este componente y todos los demás. Un solo pago para acceso de por vida.
Obtener Acceso