Show HN: Avoid smooth spinners, use low-FPS spinners

Category: library

Tags: css, svg, animation, performance, ui-design, battery

Score: 5.7/10 (Innovation: 6, Technical: 5, Documentation: 7, Utility: 6)

A CSS-only collection of low-FPS loading spinners designed to drastically reduce CPU/GPU usage (from ~50% down to ~3-8%) compared to smooth 60fps animations. It includes both HTML and SVG implementations with careful benchmarking of GPU cost, layer behavior, and visual fidelity (wobble artifacts) across designs, plus support for prefers-reduced-motion.

Target audience: frontend devs, UI/UX designers, web performance engineers

Repository: https://nh2.me/low-fps-spinners/low-fps-spinners.html

View on Hacker News