Enrichment Orbit

Features

About

An animated card illustration of a center tile inside two rings, with colored comets looping around the rings and small data nodes orbiting it, used to decorate a feature or step card about enriching or syncing data.

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

Code

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

Usage.tsx

import EnrichmentOrbit from "@/components/ui/enrichment-orbit";

export default function EnrichmentOrbitDemo() {
  return (
    <div className="flex min-h-screen w-full items-center justify-center bg-background p-8">
      <article className="w-full max-w-[360px] text-foreground">
        <EnrichmentOrbit />
        <h3 className="mt-4 text-base font-semibold">Enrich new leads</h3>
        <p className="mt-1 text-sm text-muted-foreground">
          Pull company and contact data into every record automatically.
        </p>
      </article>
    </div>
  );
}