Feature 387 block design & features
Feature387 arranges projects like seats on a turning wheel. This Shadcn UI block puts a heading, an animated project detail card, and a case study button in the left column, and a large circular wheel in the right. Eight square thumbnails sit at the ends of thin spokes around a hub and stay upright as the wheel turns, like gondolas on a ferris wheel.
The wheel turns slowly on its own. Clicking a thumbnail stops it and swings that seat round to the bottom on a soft spring, then the drift resumes after a pause. The seat at the bottom is the active project: it scales up with a solid outline, and its number, year, title, and client fade into the detail card with a left rule.
The block is playful and inventive, a rare format that suits studios and portfolios with a small set of hero projects. It is built from CSS transforms and a single SVG for the spokes. It needs a square image, title, client, and year for each project.
On smaller screens the wheel sits under the text and scales down.