---
title: "IntegrationDiagram — Free Framer component · Best of Framer"
description: "Free Framer component · by Dezainaz Inc. · Charts. Take full control of your integration visuals."
canonical: "https://framer.elliotli.dev/component/integrationdiagram"
---

[Home](/)/[Components](/components)/[Charts](/components/category/charts)/IntegrationDiagram

# IntegrationDiagram

[View on Framer](https://framer.com/marketplace/components/integrationdiagram/?via=elliot-li)

![IntegrationDiagram preview image 1](https://framer.elliotli.dev/og/component/integrationdiagram/a4a5711672a6a555/1600x1200.jpg)

## Summary

Take full control of your integration visuals.

## Description

Take full control of your integration visuals. This component lets you easily manage lists of left and right nodes, customize sizes and shadows for a glowing effect, and fine-tune horizontal and vertical spacing. With support for "Left to Right", "Right to Left", or "Both" animation directions, you can perfectly match the data flow to your narrative.

## Rank history [How rankings work →](/terms#rankings)

-   All · #5632

## Details

- **Author**: Dezainaz Inc.
- **Published**: 2025-11-26
- **Updated**: 2025-11-26
- **Added**: 2025-11-20
- **Categories**: Charts

## More like this

-   [29 Radar Chart](/component/29-radar-chart) — BrandingUp · Free — Spider chart with per-axis scales
-   [33 Bubble Chart](/component/33-bubble-chart) — BrandingUp · Free — Bubble chart with 3rd-value sizes
-   [Pricing Matrix](/component/pricing-matrix) — Ainsley Holmes · Free — Currency Payment Comparison Matrix
-   [Radial Dial](/component/radial-dial) — Oli Studio · $10 — Animated dial for a single metric