Shadcn Integration Block Six
Shadcn Integration Block Six is the motion-heavy integration section. The source imports InfiniteSlider, three rows of tool logos, a centered LogoIcon, and a small outline Get Started button below the headline.
The logo set includes VS Code, MediaWiki, Windsurf, Claude, OpenAI, Mistral AI, Gemini, Linear, Vercel, VSCodium, Google PaLM, and Replit. Treat the logos as demo integrations unless they are truly supported by your product.
Motion Pattern
The sliders run at different speeds, one row reverses direction, and hover slows the movement. A perspective transform and radial mask give the rows depth, while the center logo anchors the animation.
Accessibility And Performance
This React block is decorative-heavy. Keep logo cards aria-hidden if they are not links, test reduced-motion behavior in your app, and avoid adding large image assets when SVG logos already carry the design.
Customization Notes
Use this variant when you want ecosystem energy rather than a directory. For product docs or partner pages, a static grid is easier to scan.
Frequently Asked Questions
Does the source include real integration links?
No. The animated logos are visual elements. Add links only if the interaction model is clear.
Where does it fit best?
Place it near a hero or social-proof area on a SaaS landing page, especially when the product integrates with many recognizable tools.
Related Shadcn UI Blocks
Start from Tailark
Build with Tailark Pro
Tailark Pro brings together essential marketing pages, blocks, and illustrations — designed to help you launch faster without compromising design.
Get AccessLearn More