Function Forge ยท Composition

Alloy Core

Use the controls to tune the core. Size is forged by clamp(), border by max(), and motion and color by var() โ€” a single element driven entirely by function alloys.

โˆž
Core size clamp(3rem, 2.2rem + 3vw, 5rem)
inline-size: clamp(3rem, 2.2rem + 3vw, 5rem);
Border floor max(2px, 0.2vw)
border-width: max(2px, 0.2vw);
Core color hsl(200 80% 60%)
Spin rate 1.4s