component

Portrait arc rail

Running live. Go ahead and touch it.

An endless strip of portrait cards folded alternately in 3D, with a name pill inside each one.

See it in the design system

How it behaves

  • Stops off-screen and over a card
  • Artwork zooms on hover
  • A pause button appears unless motion is reduced

Find more that moves like this

Kind
component
Blueprint
image-showcase 1.0.12
Moves by
autoplay, hover, 3d

Import

import { PortraitArcRail } from "@/components/shared/animation/portrait-arc-rail";

Props

PropWhat it does
itemsAn even number of portraits with id, label, name, background, and optional image
labelAccessible name for the group
speedCards per second. Defaults to 0.22
classNameStyles for the outer element

Your agent builds it. You take the credit.

Portrait arc rail ships inside the Image Showcase blueprint. These instructions tell your agent to take only this piece.

Version
1.0.12
Files
86
Dependencies
20
Assets
24

Paste this into Claude Code, Codex, Cursor, or whichever agent you trust today.

  • Building a blueprint runs its code, so use an isolated environment.
  • License: UNLICENSED.
  • The three layouts derive from third-party design images supplied as references, whose reuse rights have not been cleared. Confirm the rights before any public release.
  • The portrait names are fictional placeholders, replacing names of fictional characters in the reference, and are not real endorsements.
  • The references show photographs. This build uses color gradients instead, and an item's optional image field replaces them. The actions link to # until pages exist, and the reference's navbar is not built.
  • The portrait wall and community close follow a user-supplied third-party design image. The reused Artify images and Artfolio name are illustrative; rights and the contact address have not been cleared. Replace hello@example.com before release.
website

Pallet Ross

A creative network landing page where one set of cards travels through pinned scroll stages, from arc to cascade to grid.

component

Testimonial wall

Frames hang around a headline while people slide through them; point at a card and it lifts and speaks.

component

Portrait tile wall

Three carousel rows of square artwork tiles moving in alternating directions.

component

Preview coverflow

A center slot for a product preview, with tilted cards that pass behind it as an auto carousel.