klyv-ui

Solitaire

Component

About

A fully playable Klondike solitaire game with drag, click and keyboard controls, undo, scoring and a seedable shuffle.

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

Code

How Solitaire is used: the demo's code. The component's own source comes with a free account.

Usage.tsx

import { Solitaire } from "@/components/ui/solitaire";

export default function SolitaireDemo() {
  return (
    <div className="flex w-full items-center justify-center p-6">
      <Solitaire />
    </div>
  );
}

More by klyv-ui

View all
  • Gantt Chart

    Gantt Chart

    68
  • Klyv Animated Beam

    Klyv Animated Beam

    55
  • Shader Canvas

    Shader Canvas

    54
  • Pareto Chart

    Pareto Chart

    49
  • Sunburst Chart

    Sunburst Chart

    28
  • Gooey Loader

    Gooey Loader

    26
  • Fluid Canvas

    Fluid Canvas

    26
  • Morphing Text

    Morphing Text

    23