PaceUI

Blocks
MCPComponentsTemplatesChartsStarter
Motion Components
Introduction
Motion AI
Modal Ability SelectorModal SelectorResponse WriterAI SuggestionsToken Counter
Motion Components
Reveal TextScramble TextSquash TextBouncing TextMouse Wave TextText Fall ButtonSpring ButtonInfinite ScrollerFillable ButtonAnimated StackLayered StackGradient ShadowProfile PeekFlip RevealReveal on ScrollTilt CardSwap

Build faster with Pro

Unlock all premium blocks, templates, and support future updates.

Get Full Access

Tilt Card

PreviousNext

Interactive 3D tilt card that responds to the cursor, adds depth and motion.

Default

npx shadcn@latest add @paceui/motion-tilt-card

Loading preview...

Custom Spotlight

Set hightlightClass to customize the highlight shadow, however you like.

npx shadcn@latest add @paceui/motion-tilt-card

Loading preview...

High Tilt

Set maxTilt to create a more dramatic tilt effect.

npx shadcn@latest add @paceui/motion-tilt-card

Loading preview...

Props

TiltCard

PropTypeDefault
maxTiltnumber10
wrapperClassNamestring-
highlightClassNamestring-
Reveal on ScrollSwap

PaceUI

The ultimate toolkit empowering your designers and developers to launch their next big idea without ever settling on quality

Pages

ComponentsBlocksMCPTemplatesStarter

Account

ManageLicensesPricing

Support

AffiliateContact UsPrivacy PolicyTerms of ServiceDocs

© 2026 PaceUI. All rights reserved. Built by indie developer, Denish

PACEUI