Interactive Broker Card

Component 98

About

Interactive Broker Card This component displays information about a financial service or broker in a visually appealing card layout. It features a 3D animated logo stack that responds to mouse hover, creating an engaging user experience.

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

Code

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

Usage.tsx

import { InteractiveBrokerCard } from "@/components/ui/interactive-broker-card";

const BrokerCardDemo = () => {
  return (
    <div className="flex min-h-screen w-full items-center justify-center bg-background p-4">
      <InteractiveBrokerCard
        name="Interactive Brokers"
        logoSrc="https://cdn.21st.dev/assets/mirror/00/00d29db7a7d16b311525706e3296e103881b21c7845a79bca8b1fcc0968ba6d2.svg" // Replace with your actual logo URL
        tradableAssets={["Stocks", "Forex", "Bonds", "Options"]}
        rating={4.4}
        ratingText="Very Good"
        reviewsCount="32.6K"
        accountsCount="267.9K"
        learnMoreUrl="#"
      />
    </div>
  );
};

export default BrokerCardDemo;