Mohammad Shehadeh

Featured Tool Integrations

CTAs 19

About

Two-column integrations section with copy and a call to action beside a 3 by 3 tile grid whose featured tile cycles on its own, pauses on hover and focus, and can be picked directly.

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

Code

How Featured Tool Integrations is used: the demo's code. The component's own source comes with a free account.

Usage.tsx

import Integrations07 from "@/components/ui/integrations-07";

export default function Demo() {
  return <Integrations07 />;
}

Dependencies

More by Mohammad Shehadeh

View all
  • Feature Problem Cards

    Feature Problem Cards

    94
  • Ecommerce Category Page

    Ecommerce Category Page

    83
  • Feature Grid Spotlight Cards

    Feature Grid Spotlight Cards

    83
  • Split Login

    Split Login

    76
  • Comparison Section

    Comparison Section

    71
  • FAQ Two Column

    FAQ Two Column

    71
  • Dithered Shader CTA

    Dithered Shader CTA

    70
  • Comparison Table

    Comparison Table

    66

More in CTAs

View all
  • Cta 4

    Cta 4

    300
  • Hills Landscape Footer with Call to Action

    Hills Landscape Footer with Call to Action

    93
  • Call to Action 01

    Call to Action 01

    56
  • CTA 3

    CTA 3

    411
  • Responsive Hero Banner

    Responsive Hero Banner

    2.1K
  • Call to action

    Call to action

    177
  • How It Works Steps

    How It Works Steps

    91
  • Pricing Section

    Pricing Section

    190