50 components available

Orbit Rings

June 2024
Login to access the code
Animated ring of icons orbiting a central logo for highlighting connected tools, platforms, or technologies.
Playground
() => {
  const logo = 'https://reverseui.com/images/orbit-rings/logo.png';
  const icons = [
    'https://reverseui.com/images/orbit-rings/notion.svg',
    'https://reverseui.com/images/orbit-rings/linear.svg',
    'https://reverseui.com/images/orbit-rings/discord.svg',
    'https://reverseui.com/images/orbit-rings/dropbox.svg',
    'https://reverseui.com/images/orbit-rings/hubspot.svg',
    'https://reverseui.com/images/orbit-rings/microsoft.svg',
  ];

  return <OrbitRings logo={logo} icons={icons} />;
};

Installation

Whoops, hang on for a sec
You don't have access to view this resource

API Props

PropTypeDefault
logo*
string
icons
Array<string>
[]