Cards

Tilt card

A content card that rotates in 3D toward the pointer with a moving glare, lifts while engaged, and springs back to level when the pointer leaves.

Using Tilt card

A content card that rotates in 3D toward the pointer with a moving glare, lifts while engaged, and springs back to level when the pointer leaves.

Try the live preview with a pointer and keyboard, then check focus visibility and the narrow layout in your own page. Use the plate number or slug when asking your coding agent to fetch this component.

Props: maxTilt, glare, lift

Which frameworks are available?

The catalog lists these versions: react, vue, svelte, astro, html. The live preview on this page runs React.

How do I access the implementation?

The preview and component description are public. Sign in with an authorized account to open the code, framework versions and installation panel.

Connect your agent

Nearby

1877Pointer tilt photo cardCardsA captioned photo card that tips toward the pointer on a spring, with a soft highlight sliding across the face as it turns.

1897Tilt Parallax TileCardsA tile that tilts in 3D toward the pointer on springs, lifts an overlay layer above its face, and trails a small caption that leans with cursor speed.

1802Repelling dot field cardCardsA promo panel filled with a field of dots that push away from the pointer and brighten as it passes.

1768Cursor drift link previewCardsA link preview panel that leans toward wherever the pointer sits on the link, trailing it on a soft spring.

1854Edge tracking glow cardCardsA card whose outline only lights up where the pointer gets close to it, brightening as you approach the rim and going dark near the middle.

1865Holographic ID cardCardsA person card that tilts toward the pointer while a holographic sheen slides across its face, with a footer strip carrying the avatar, handle, status and a contact button.