Integrations Section Components

Dev Design Library indexes 24 integrations section components from 7 open-source UI libraries, with the most coming from cnblocks, Watermelon UI, sv-efferd, Spectrum UI and Fibo. Each one links to its page with the source code, a live preview where available, the library license and the install command. Integrations section components belong to the Sections group.

• Connect a SourceSpectrum UI · ReactA connector grid where tiles run a real connect sequence and settle into connected.
• Dialog 07 - Connect IntegrationShadcn Space · ReactDialog with a decorative header connecting two app icons — ideal for third-party integration and calendar connect flows.
• Integration Eightcnblocks · SvelteIntegration grid with animated connections
• Integration CardWatermelon UI · React
• Integration Fivesv-efferd · SvelteA centered integration cluster with overlapping logo pills and a stronger primary CTA.
• Diagram GridD2Studio UI · ReactA bento scaffold rather than a finished bento: nine slots in the scattered arrangement an integration diagram wants…
• Integration VisualFibo · ReactA hub and the tools wired into it, with pulses along the routes.
• Integration Fivecnblocks · SvelteIntegration showcase with hover details
• Integration Card BaseWatermelon UI · React
• Integration Foursv-efferd · SvelteA bolder integration grid pairing a large product statement with floating logo tiles.
• Integration Fourcnblocks · SvelteFour-column integration logo grid
• Integrations 1Watermelon UI · React
• Integration Onesv-efferd · SvelteA compact integration strip with lightweight cards and a simple link-out action.
• Integration Onecnblocks · SvelteSimple integration logos in grid layout
• Integrations 2Watermelon UI · React
• Integration Threesv-efferd · SvelteA split integration hero with grid-positioned logos and divider rails.
• Integration Sevencnblocks · SvelteIntegration section with categories
• Integrations 3Watermelon UI · React
• Integration Twosv-efferd · SvelteA structured integration grid with framed cards and decorative corner accents.
• Integration Sixcnblocks · SvelteIntegration cards with descriptions
• Integrations 4Watermelon UI · React
• Integration Threecnblocks · SvelteThree-column integration with icons
• Integrations 5Watermelon UI · React
• Integration Twocnblocks · SvelteTwo-row integration logo marquee

Libraries with integrations section components

• cnblocks
• Watermelon UI
• sv-efferd
• Spectrum UI
• Fibo

Related categories

• React Integrations Section Components
• Svelte Integrations Section Components
• Animated Integrations Section Components
• Section Components
• Hero Components
• Feature Section Components
• Footer Components
• Logo Cloud Components
• CTA Section Components
• FAQ Section Components
• Testimonials Section Components
• Gallery Section Components
• Stats Section Components
• Contact Section Components
• Team Section Components
• Blog Section Components
• Newsletter Section Components