Highlight Card

Features 425

About

Highlight Card shacn card

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

Code

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

Usage.tsx

import Component from "@/components/ui/highlight-card";
import { Rocket } from "lucide-react";

export default function DemoOne() {
  return (
    <Component
      title="Space Explorer"
      description={[
        "Embark on interstellar adventures,",
        "discover new planets and galaxies,",
        "share your discoveries with friends,",
        "and reach for the stars together."
      ]}
      icon={<Rocket className="w-8 h-8 text-white" />}
    />
  );
}