Shadcn.io is not affiliated with official shadcn/ui
About Integrations
A bento grid integrations block for React and Next.js with featured integration cards, category badges, connection status indicators, usage stats for featured items, and staggered scale entrance animations built with shadcn/ui and Tailwind CSS
Showcase your integration ecosystem with this bento grid block for React and Next.js. Features ten integration cards in an asymmetric grid with two featured integrations spanning double width, category badges for CRM, Analytics, DevOps, and Communication, connection status dots, usage statistics on featured cards, and staggered scale entrance animations. Built with TypeScript, shadcn/ui Badge component, motion/react animations, and Tailwind CSS. Perfect for platform about pages, developer documentation, and partnership showcase sections.
Related Components
Tech Stack
Technology stack overview
Partnerships
Strategic partnerships display
Features Grid
Feature showcase grid layout
API Stats
API performance metrics
Architecture Overview
System architecture layers
Compliance Badges
Compliance certifications display
FAQ
Was this page helpful?
Sign in to leave feedback.
Infrastructure
A split-panel infrastructure stack block for React and Next.js with interactive layer selection, vertical connecting lines, provider specs grid, redundancy badges, uptime stats, and AnimatePresence content transitions built with shadcn/ui and Tailwind CSS
Investors
A stacked investor cards block for React and Next.js with colored left border accents by investor type, investment thesis quotes, portfolio company lists, funding round details, and slide-from-left entrance animations built with shadcn/ui and Tailwind CSS