Pricing

Tilt Card

3D tilt card with pointer-tracked glare and translated content layer.

2,640

Bookmarks

7,300

Installs

68,900

Views

17 lines
import { TiltCard } from "@/components/ui/tilt-card"

export default function DemoTiltCard() {
  return (
    <div className="flex min-h-[340px] items-center justify-center bg-[radial-gradient(120%_120%_at_50%_0%,#111827,#020617)] p-10">
      <TiltCard className="w-72">

11 more lines behind a plan

Previews are free to watch. Reading and copying the full source needs a plan.

See plans
Dependencies
None — plain React + Tailwind
License
MIT License
Published
12/29/2025

Similar components

That's all 6 components

Explore more

Part of Wren Micro — browse the full library on Nuxus.