Icons orbiting a logo
An integrations pitch where seven icons slowly circle a logo on two orbits.
- Tailwind
- React
- CSS
- WordPress
Description
Two dotted orbits turn in opposite directions around a central logo, each carrying tool icons (calendar, payment, reviews, newsletter, shop, map, messaging) that stay upright throughout their revolution. Ideal to present integrations, a service ecosystem or an agency's partners. Only the rotation is animated, with no image or script, the icons are drawn in SVG and the decoration is hidden from screen readers. AA contrast in light and dark mode. With prefers-reduced-motion the orbits stay still.
Code
Loading the code…
In the same spirit
A large heading in hollow letters where each word fills with colour from left to right, one after another.
- Tailwind
- React
- CSS
- WordPress
A product card crossed at the corner by a discount ribbon over which a glint of light sweeps.
- Tailwind
- React
- CSS
- WordPress
An offer card topped with a deck of colour swatches that fans out on hover or keyboard focus.
- Tailwind
- React
- CSS
- WordPress
“Live” badge
FreeA show card with a “Live” badge whose white dot sends out a continuously spreading ripple.
- Tailwind
- React
- CSS
- WordPress