Orbit Rings

Name: Orbit Rings
Uploaded: 2024-06-04T00:00:00.000Z
Description: Animated ring of icons orbiting a central logo for highlighting connected tools, platforms, or technologies.

June 2024

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} />;
};

Source Code

Inspired by: https://www.dimension.dev