OrbitFlowRings
A glowing radial diagram with up to 4 rings, per-item connectors & hover lines, animated atoms, and true responsiveness. Lines never overlap labels. Framer-native, simple controls.
About this Component
What it isOrbit Flow Rings turns your data stack or feature map into a polished, animated radial diagram. It’s responsive, mobile-aware, and built for Framer.
Highlights
Up to 4 concentric rings with gap angle & dash toggle
Per-item Connect (always on) and Hover Connect (only on hover)
No overlaps: lines stop at pill edges; labels stay readable
Animated atoms around rings (speed & density controls)
Center icon or text, auto-sized and perfectly centered
Responsive layout with a tidy collapsed view on small screens
