Waiting
Customize and export code (opens in a new tab)Compare designs
Each model builds its own version. Pick your favorite and customize it.
Desktop preview
See how each design looks on a full-width desktop screen. Mobile preview
Check how each design adapts to a small phone screen.
See how each design looks on a full-width desktop screen. Mobile preview
Check how each design adapts to a small phone screen.
How to create best integrations components?
List the connected tools. Provide integration names, logos, and short explanations of what each connection enables. Tell the AI which integrations are most relevant to your audience.
Choose how people discover them. Ask for a logo grid, grouped list, or featured integrations layout. Specify whether visitors need category labels, descriptions, or a link to setup information.
Check the detail level. Compare logo recognition and description readability. Remove unsupported compatibility claims and make sure each integration has a clear destination.
Examples of integrations components
Basko
Integration Logos Marquee Section with Tool Cards
A marketing section headed by a gradient pill badge, a serif heading, and supporting text, followed by two horizontally scrolling rows of white cards each showing a tool logo and name such as Shopify, Hubspot, Slack, Zapier, Kickstarter, Mailchimp, and Dropbox. The cards are cropped at the edges, suggesting a continuous carousel-style display.
Suncealand
Dark Hero with Partner Logo Cards for Cloud Backup
A dark-background marketing hero with a large serif heading, subtitle, and three logo cards for Slack, Miro, and WeTransfer with short taglines. Cards are arranged in a horizontal row beneath the heading, with small uppercase labels along the bottom.
Explore component generators
Generate any section of your website with the same multi-model workflow.
No categories match your search.
