Radial Intro

A circular intro animation component that arranges elements in a radial layout, smoothly transitioning them into orbit with looping motion.

Made by arhamkhnz
Edit on GitHub

Installation

Usage

<RadialIntro orbitItems={ITEMS}

API Reference

RadialIntro

PropTypeDefault
orbitItems
OrbitItem[]
-
stageSize?
number
320
imageSize?
number
60

Credits

  • Credits to Framer University for the original Framer component and explanation of the animation effect.

Built by Skyleen. The source code is available on GitHub.

Last updated: 11/10/2025