Components
Loading preview...
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.
@kavikatiyar
npx shadcn@latest add https://21st.dev/r/kavikatiyar/interactive-broker-cardimport { 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://s3.tradingview.com/brokers/widget/interactivebrokers_298x272_BL__svg.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;