Progreso neumorfismo
Barra hundida con relleno azul y anillo en relieve con cifra central, con role progressbar y simulación opcional.
Descargar gratisBarras de progreso y cargadores para React
Barras, anillos, medidores, esqueletos de carga y listas de subida con progreso, en estilos de neumorfismo a pixel art: un frasco que se llena de líquido, LED skeuomórficos o barras de vida de 8 bits.
Reciben el valor por props y, cuando representan una medida real, lo anuncian con role="progressbar".
Para qué sirven
- Cargas de archivos y procesos largos
- Esqueletos mientras llegan los datos
- Indicadores de etapa en flujos de varios pasos
10 componentes de progreso y carga
Progreso de vidrio por etapas
Barra translúcida con destello en el relleno y etapas nombradas que se completan; glassmorfismo sobre color.
Descargar gratisMedidor de LED skeuomórfico
Segmentos que se encienden de verde a ámbar y rojo, con marca de pico y pantalla digital; para volumen, batería o carga.
Descargar gratisBarras de vida y experiencia 8 bits
Bloques de píxeles que se llenan, marco blanco y parpadeo en estado crítico, como un videojuego retro.
Descargar gratisProgreso Material Design 3
Lineal determinado, lineal indeterminado y circular (determinado e indeterminado) con la paleta de Material 3.
Descargar gratisAnillo de progreso claymorfismo
Anillo grueso de plastilina con una bolita que recorre el arco y la cifra al centro.
Descargar gratisEsqueletos con destello
Tres plantillas (tarjeta, lista y perfil) con el mismo tamaño que el contenido final para evitar saltos de diseño.
Descargar gratisEsqueleto oscuro con pulso
Panel de datos con título, tres indicadores y tabla en bloques que respiran en cascada.
Descargar gratisLista de subidas con progreso
Porcentaje por archivo, cancelar, reintentar tras un error y completado con check. Simulación visual, sin red.
Descargar gratisCargador líquido en frasco
Un frasco circular que se llena con dos olas desfasadas y burbujas que suben, con el porcentaje encima.
Descargar gratis