Aurora BPM Loader

Aurora BPM Loader is a loader in the UI HUB loaders collection. A dark cardio loader. The heartbeat ECG path fills via strokeDashoffset driven by the REAL path length (getTotalLength), so the draw is exact for every viewport.

The component is driven by 6 documented props (progress, size, label, ribbonColors, autoPlay, onComplete), so colours, intensity, timing and density can be tuned from the call site instead of being hard-coded.

Implementation notes: svg path + getTotalLength; SMIL <animate>; inline styles + scoped <style>.

Preview the loader in the browser above, copy the source, and paste it into your project. Loaders components in UI HUB are grouped by category so you can compare effects side by side before choosing one.