Ottervane
Ecosystem Orbit · Framer component
Ottervane plugs into the tools your team already runs.
Fifteen integrations on three slow orbits. Hover one, or reach it with the Tab key, and the line back to the center lights up.
Example 02 · Two orbits, a legend
Group the stack by what it does.
Every item belongs to a group with its own color and shape, and the legend explains them. Screen readers hear the group after the name. Each item here links to its group below.
Messaging
Mailbrook, Parleyo and Pingmoss carry email, chat and alerts into Ottervane.
Finance
Coinwick, Ledgerline and Cartwell bring in payments, invoices and orders.
Data
Tallyhaus, Vaultlyn and Nimbrel keep reports, records and files in sync.
Example 03 · Light and compact
Small enough for a pricing card.
One orbit, smaller items, an oval that fills a wide frame, labels always on, or your own app icons. The background stays transparent, so the card shows through.
- Mailbrook
- Coinwick
- Tallyhaus
- Datevale
- Vaultlyn
- Boltwise
Every connector on Pro
Oval shape, one orbit, labels always visible, no lines.
Brightpost
Trianglo
Barwise
Ringlet
Kitebox
Wavelane
Your own app icons
Image icons that fill the item, a dashed orbit, slowing down on hover.
Properties
Everything is a property.
Center
Your logo or a name. Size, circle or rounded, fill, border and font.
Items
Up to 24, each with a label, one of 21 built-in glyphs or your own icon, a group, an orbit and a link.
Orbits
One to three, each with its size, the time for one turn and its direction. Round, or oval to fill a wide frame.
Motion
A slow turn that pauses on hover, on keyboard focus and off screen. A tour lights one item at a time. Reduced motion keeps it still.
Highlight
Labels on the active item, always on, or only for screen readers. Lines from the center to the active item or to all of them.
Look
Colors for orbits, items, icons, labels, legend and glow; orbit width and dashes; a fade toward the bottom; a transparent background.
Ecosystem Orbit — a Framer component by Litchi Solutions.
Ottervane and every service name on this page are invented for the demo. Icons are generic glyphs drawn for the component.