About
A responsive feature section with a 3-column grid of centered cards, each showing a large icon, title, and short description, with an optional badge, heading, and call-to-action buttons.
Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Icon-Centered Grid Cards to your project and fits it to your theme.
Code
How Icon-Centered Grid Cards is used: the demo's code. The component's own source comes with a free account.
Usage.tsx
import { Feature107, feature107Demo } from "@/components/ui/feature107";
export default function DemoFeature107() {
return <Feature107 {...feature107Demo} />;
}
















