Slate Tablet

An animated SVG illustration of a tablet propped on a kickstand that leans back and forth, with a solved leg that folds flat instead of stretching when it's too short to reach the desk.

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

import { SlateTablet } from "@/components/ui/slate-tablet";

export default function SlateTabletDemo() {
  return (
    <div className="flex min-h-[320px] w-full items-center justify-center bg-background p-10">
      <SlateTablet screen="sketch" stylus size="lg" />
    </div>
  );
}