---
title: "Feature Orbit — Free Framer component · Best of Framer"
description: "Free Framer component · by Vraj Parikh · Cards. Feature Orbit is a premium interactive showcase that arranges your product's features around a central image in a clean radial wheel."
canonical: "https://framer.elliotli.dev/component/feature-orbit"
---

[Home](/)/[Components](/components)/[Cards](/components/category/cards)/Feature Orbit

# Feature Orbit

Interactive radial feature showcase

[View on Framer](https://framer.com/marketplace/components/feature-orbit/?via=elliot-li)

![Feature Orbit preview image 1](https://framer.elliotli.dev/og/component/feature-orbit/0c5fd77dda671ee0/1600x1200.jpg)

## Summary

Feature Orbit is a premium interactive showcase that arranges your product's features around a central image in a clean radial wheel.

## Description

Feature Orbit is a premium interactive showcase that arranges your product's features around a central image in a clean radial wheel. On desktop, hovering any icon smoothly activates it. On mobile, tapping does the same.

The center image cross-fades with a soft blur, the active icon lifts on a 3D tilted card, and the title + description slide into view on the side closest to the icon.

Below your chosen breakpoint, the component automatically swaps to a stacked vertical layout, so phones get a tap-friendly experience without horizontal scrolling or clipping.

### What's inside

\- 6 default inline SVG icons + soft center-image placeholders — replace with your own anytime

\- Position-aware label gutters — descriptions appear on the side closest to the active icon

\- 3D tilted "platform" card animation behind the active icon

\- Concurrent cross-fade with blur on the center image — no flash, no layout shift

\- Responsive layout swap — desktop wheel becomes a stacked mobile view below your breakpoint

\- Hover, click, and tap support with \`touch-action: manipulation\` for instant mobile response

\- Full keyboard accessibility — Tab to focus, Enter or Space to activate

\- ARIA roles, labels, and pressed states for screen readers

\- 13 property controls — tune wheel radius, icon size, center dimensions, colors, gradients, breakpoint and more

### Fully customisable from the property panel

every item has its own title, description, icon and center image. Add as many or as few items as you like; the wheel auto-distributes them around the circle.

Built with **Framer Motion**. No external dependencies, no CDN imports. Drop it in and ship.

**Perfect for** SaaS landing pages, product feature sections, agency portfolios, and anywhere you want to spotlight a set of features in an interactive, premium way.

## Rank history [How rankings work →](/terms#rankings)

-   All · #1472

## Details

- **Author**: Vraj Parikh
- **Published**: 2026-05-09
- **Updated**: 2026-05-07
- **Added**: 2026-04-26
- **Categories**: Cards

## More like this

-   [BlogX Blog Card](/component/blogx-blog-card) — Themomarket · $8 — Blog Framer Component
-   [FluxPrice](/component/fluxprice) — Jeshan Athulesh · $49 — Elevate your SaaS conversion rate in minutes with FluxPrice.
-   [Feature Ribbon Cards](/component/feature-ribbon-cards) — Studio Digital · Free — Interactive image feature cards
-   [Dynamic Pricing Calc](/component/dynamic-pricing-calc) — Dmitry Vorobey · $12 — Pricing cards with live calculator