List Item

Component 133

About

An animated list item with smooth entrance and exit effects.

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

Code

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

Usage.tsx

"use client";
import ListItem from "@/components/ui/list-item";

export default function Demo() {
  return (
    <div className="flex items-center justify-center w-full min-h-screen bg-background p-8">
      <ListItem />
    </div>
  );
}