01 · brand
activeWorkspace boot
Transición premium cuando la sesión entra al portal.
Auth redirect · startup policy · workspace handoffPreparando resultadoNo cierres esta ventana
candidate · greenhouse-ui-platform
efeonce.loaders
Version 0.1.1. A published contract for products built by agents and humans.
HTML + CSS reference0.1.1
Reference implementation
Catálogo de loaders Greenhouse clasificados por intención: boot, razonamiento, pipeline, handoff, acción sensible y skeleton. Cada escena conserva contexto, progreso o recovery sin depender de un spinner aislado.
02 · thinking
activeNexa reasoning
IA analizando señales sin caer en un spinner genérico.
Drafting · insights · summaries · advisory statesAnalizando señalesNo cierres esta ventana
03 · pipeline
activeDocument pipeline
Generación de PDF, validación y preparación del artefacto.
Contratos · cartas · comprobantes · quotesPaso 2 de 3No cierres esta ventana
- ✓Preparar contexto
- ●Procesar solicitud
- ○Exponer resultado
04 · handoff
activeExternal handoff
Traspaso controlado hacia proveedores con espera honesta.
ZapSign · HubSpot · Notion · Teams · EntraPaso 2 de 3No cierres esta ventana
- ✓Preparar contexto
- ●Procesar solicitud
- ○Exponer resultado
05 · secure
activeSecure action
Acciones sensibles con permiso, auditoría y retry seguro.
Approvals · sensitive reveal · payment prepPreparando resultadoNo cierres esta ventana
- ✓Preparar contexto
- ●Procesar solicitud
- ○Exponer resultado
06 · upload
activeUpload verification
Archivo subiendo, policy check y asociación a evidencia.
Identidad · boletas · anexos · legal evidencePreparando resultadoNo cierres esta ventana
- ✓Preparar contexto
- ●Procesar solicitud
- ○Exponer resultado
07 · matching
activeReconciliation matching
Comparación de fuentes con confianza y trazabilidad visible.
Bank matching · cost allocations · ledgersPreparando resultadoNo cierres esta ventana
08 · page
activeData weave page
Skeleton con estructura viva para dashboards y workbenches.
Route-level loading with CLS preventionPreparando resultadoEstructura preservada durante la carga
09 · table
activeGovernance table
Carga de filas, filtros y comparación sin tabla fantasma plana.
Admin lists · finance ledgers · approval queuesPreparando resultadoEstructura preservada durante la carga
10 · panel
activeContext panel
Carga compacta para drawers, sidecars, facets y cards densas.
Contextual surfaces that do not block the routePreparando resultadoEstructura preservada durante la carga
11 · rail
activeCheckpoint rail
Proceso por etapas, con progreso verificable y no mágico.
Runbooks · generation · sync · recoveryPaso 2 de 3No cierres esta ventana
- ✓Preparar contexto
- ●Procesar solicitud
- ○Exponer resultado
12 · inline action
Guardar cambios
Acciones pequeñas que no deben bloquear la pantalla completa.
Persistiendo una acción localLa pantalla sigue disponible
Contract states
Estados y recuperación
Loading comunica espera; empty, success y error comunican el siguiente paso.
CargandoEstado activo con estructura preservada.
ListoResultado disponible para revisar.
En esperaEsperando confirmación externa.
No se pudo completarReintenta sin perder el contexto.
Framework-agnostic reference. Consumer adapters are reviewed against it.
Before stable
- fixture:loader-twelve-kinds
- fixture:loader-four-states
- fixture:loader-inline-action
- desktop-mobile-keyboard
- reduced-motion
- Keyboard and focus
- 390 px responsive
- Reduced motion