Press Depth

A tactile button that presses down with depth and tilts toward the pointer when clicked, giving physical, spring-animated feedback.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Press Depth to your project and fits it to your theme.

"use client";

import { PressDepth } from "@/components/ui/press-depth";

export default function PressDepthDemo() {
  return (
    <div className="flex justify-center">
      <PressDepth>Press me</PressDepth>
    </div>
  );
}