Pin List

A list of items with pin/unpin toggles. Pinned rows float into their own group at the top, rows support selection and keyboard focus, and empty states are built in. Use it for saved navigation shortcuts, favorites, or prioritized tasks.

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

import PublishedComponent from "@/components/ui/pin-list"

export default function Demo() {
  return <PublishedComponent />
}