+ {children}
+
+)
+
+const Header = ({
+ children,
+ className,
+ ...props
+}: HTMLAttributes
+ {children}
+
+)
+
+CUICard.Header = Header
+
+const Body = ({
+ children,
+ className,
+ ...props
+}: HTMLAttributes
+ {children}
+
+)
+CUICard.Body = Body
+
+const Footer = ({
+ children,
+ className,
+ ...props
+}: HTMLAttributes
+ {children}
+
+)
+CUICard.Footer = Footer
+
+export default CUICard
\ No newline at end of file
diff --git a/src/components/CUICard/index.tsx b/src/components/CUICard/index.tsx
new file mode 100644
index 00000000000..7ec31939b49
--- /dev/null
+++ b/src/components/CUICard/index.tsx
@@ -0,0 +1 @@
+export { default } from './CUICard';
\ No newline at end of file
diff --git a/src/components/CUICard/styles.module.scss b/src/components/CUICard/styles.module.scss
new file mode 100644
index 00000000000..c840664129e
--- /dev/null
+++ b/src/components/CUICard/styles.module.scss
@@ -0,0 +1,60 @@
+// CUICard styles - to be added
+
+.cuiCard {
+ border-radius: .5rem;
+ background: #323230;
+ display: flex;
+ flex-direction: column;
+ aspect-ratio: 1;
+ width: 100%;
+ border: 1px solid rgba(65, 65, 65, .8);
+ padding: 1rem;
+ box-sizing: border-box;
+ justify-content: center;
+ align-items: center;
+ text-align: center;
+}
+
+[data-theme='light'] .cuiCard {
+ background: #F6F7FA;
+ border-color: var(--ifm-color-emphasis-300);
+}
+
+.cardBody {
+ display: flex;
+ flex-direction: column;
+ width: 100%;
+ height: 100%;
+ box-sizing: border-box;
+ position: relative;
+ justify-content: center;
+ align-items: center;
+ gap: 0.75rem;
+}
+
+.cardHeader {
+ flex-shrink: 0;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+}
+
+.cardHeader img {
+ width: 5rem;
+ height: 5rem;
+ object-fit: contain;
+ max-width: 75%;
+ max-height: 75%;
+}
+
+.cardFooter {
+ line-height: 1.2;
+ font-size: clamp(0.65rem, 2vw, 0.85rem);
+ font-weight: 600;
+ text-align: center;
+ word-wrap: break-word;
+ overflow-wrap: break-word;
+ hyphens: auto;
+ flex-shrink: 1;
+ min-height: 0;
+}
\ No newline at end of file
diff --git a/src/components/IntegrationGrid/IntegrationGrid.tsx b/src/components/IntegrationGrid/IntegrationGrid.tsx
new file mode 100644
index 00000000000..227b07dbe15
--- /dev/null
+++ b/src/components/IntegrationGrid/IntegrationGrid.tsx
@@ -0,0 +1,632 @@
+import React, { useState, useMemo, useEffect } from 'react';
+import Link from '@docusaurus/Link';
+import useBaseUrl from '@docusaurus/useBaseUrl';
+import { useColorMode } from '@docusaurus/theme-common';
+import CUICard from '@site/src/components/CUICard';
+import styles from './styles.module.scss';
+
+type CMSIntegrationData = {
+ id: number;
+ attributes: {
+ name: string;
+ slug: string;
+ category: string;
+ supportLevel: string;
+ docsLink?: string;
+ logo?: {
+ data?: {
+ attributes: {
+ url: string;
+ };
+ };
+ };
+ logo_dark?: {
+ data?: {
+ attributes: {
+ url: string;
+ };
+ };
+ };
+ };
+};
+
+type IntegrationData = {
+ slug: string;
+ docsLink?: string;
+ integration_logo: string;
+ integration_logo_dark?: string;
+ integration_type: string[];
+ integration_title?: string;
+ integration_tier?: string;
+};
+
+function IntegrationCard({ integration }: { integration: IntegrationData }) {
+ const { colorMode } = useColorMode();
+
+ // Convert ClickHouse docs URLs to relative links
+ const getNavigationLink = (docsLink: string | undefined, slug: string): string => {
+ if (!docsLink) {
+ return slug;
+ }
+
+ // Check if it's a ClickHouse docs URL
+ const clickhouseDocsMatch = docsLink.match(/https:\/\/clickhouse\.com\/docs\/(.+)/);
+ if (clickhouseDocsMatch) {
+ // Convert to relative link by removing the domain and keeping everything after /docs
+ return `/${clickhouseDocsMatch[1]}`;
+ }
+
+ // For external URLs, return as-is
+ return docsLink;
+ };
+
+ // Select appropriate logo based on theme and availability
+ const getLogoSrc = (): string => {
+ // If we're in dark mode and dark logo is available, use it
+ if (colorMode === 'dark' && integration.integration_logo_dark) {
+ return integration.integration_logo_dark;
+ }
+ // Otherwise, use the regular logo
+ return integration.integration_logo;
+ };
+
+ const linkTo = getNavigationLink(integration.docsLink, integration.slug);
+
+ return (
+
+
+ {getTierIcon(integration.integration_tier)}
+
+ )}
+
+ {integrations.map((integration, index) => (
+
+ );
+}
+
+// Helper function to transform CMS data to the expected format
+function transformCMSData(cmsData: CMSIntegrationData[]): IntegrationData[] {
+ // Mapping from CMS category to display-friendly integration type
+ const categoryMapping: { [key: string]: string } = {
+ 'AI_ML': 'AI/ML',
+ 'CLICKPIPES': 'ClickPipes',
+ 'DATA_INGESTION': 'Data ingestion',
+ 'DATA_INTEGRATION': 'Data integration',
+ 'DATA_MANAGEMENT': 'Data management',
+ 'DATA_VISUALIZATION': 'Data visualization',
+ 'LANGUAGE_CLIENT': 'Language client',
+ 'SECURITY_GOVERNANCE': 'Security governance',
+ 'SQL_CLIENT': 'SQL client'
+ };
+
+ return cmsData.map(item => {
+ // Map category to integration_type array
+ const integrationTypes = item.attributes.category ? [categoryMapping[item.attributes.category] || item.attributes.category] : [];
+
+ // Map supportLevel to integration_tier
+ const integrationTier = item.attributes.supportLevel?.toLowerCase() || '';
+
+ return {
+ slug: item.attributes.slug.startsWith('/') ? item.attributes.slug : `/${item.attributes.slug}`,
+ docsLink: item.attributes.docsLink,
+ integration_logo: item.attributes.logo?.data?.attributes.url ? `https://cms.clickhouse-dev.com:1337${item.attributes.logo.data.attributes.url}` : '',
+ integration_logo_dark: item.attributes.logo_dark?.data?.attributes.url ? `https://cms.clickhouse-dev.com:1337${item.attributes.logo_dark.data.attributes.url}` : undefined,
+ integration_type: integrationTypes,
+ integration_title: item.attributes.name,
+ integration_tier: integrationTier
+ };
+ });
+}
+
+// Custom hook for fetching CMS data
+function useCMSIntegrations() {
+ const [integrations, setIntegrations] = useState
+
+ );
+ }
+
+ // Handle error state
+ if (error) {
+ return (
+ Loading integrations...
+
+
+ );
+ }
+
+ // Handle empty state
+ if (integrations.length === 0) {
+ return (
+ Failed to load integrations: {error}
+Please try refreshing the page.
+
+
+ );
+ }
+
+ return (
+ No integrations found.
+
+ {/* Search Bar */}
+
+
+ ))
+ ) : (
+ // Show filtered results
+
+
+ )}
+
+ {filteredIntegrations.length === 0 && (
+
+ );
+}
+
+function getTierIcon(tier: string, withMargin = false): React.ReactNode {
+ const marginStyle = withMargin ? { marginRight: '6px' } : {};
+
+ switch (tier) {
+ case 'core':
+ return (
+
+ );
+ case 'partner':
+ return (
+
+ );
+ case 'community':
+ return (
+
+ );
+ default:
+ return null;
+ }
+}
+
+function getProperCapitalization(text: string): string {
+ // Handle special cases
+ const specialCases: { [key: string]: string } = {
+ 'ai/ml': 'AI/ML',
+ 'clickpipes': 'ClickPipes',
+ 'data ingestion': 'Data ingestion',
+ 'data integration': 'Data integration',
+ 'data management': 'Data management',
+ 'data visualization': 'Data visualization',
+ 'deployment method': 'Deployment method',
+ 'language client': 'Language client',
+ 'security governance': 'Security governance',
+ 'sql client': 'SQL client'
+ };
+
+ const lowerText = text.toLowerCase();
+ if (specialCases[lowerText]) {
+ return specialCases[lowerText];
+ }
+
+ // Default capitalization
+ return text.split(' ').map(word => word.charAt(0).toUpperCase() + word.slice(1)).join(' ');
+}
+
+function getSectionDescription(type: string): string {
+ const descriptions: { [key: string]: string } = {
+ 'ClickPipes': 'ClickPipes is an integration engine that makes ingesting massive volumes of data from a diverse set of sources as simple as clicking a few buttons.',
+ 'Data ingestion': 'Streamline your data pipelines with ClickHouse! Seamless integrations ensure efficient ingestion, optimizing real-time analytics.',
+ 'Data visualization': 'Illuminate your data stories! ClickHouse integrations enhance visualization, making insights more vivid & actionable.',
+ 'SQL client': 'Access and query ClickHouse databases using familiar SQL client tools and interfaces.',
+ 'Language client': 'Code in your comfort zone! ClickHouse\'s language client integrations make data access fluent across multiple programming languages.',
+ 'AI/ML': 'Leverage ClickHouse for machine learning and AI workloads with integrated ML tools and frameworks.',
+ 'Data management': 'Manage, monitor, and optimize your ClickHouse data with specialized management tools.',
+ 'Data integration': 'Integrate ClickHouse with your existing data infrastructure and workflows.',
+ 'Security governance': 'Implement security and governance frameworks for your ClickHouse environment.'
+ };
+ return descriptions[type] || 'Integrate ClickHouse with specialized tools and services.';
+}
\ No newline at end of file
diff --git a/src/components/IntegrationGrid/index.tsx b/src/components/IntegrationGrid/index.tsx
new file mode 100644
index 00000000000..26cf3326f97
--- /dev/null
+++ b/src/components/IntegrationGrid/index.tsx
@@ -0,0 +1 @@
+export { IntegrationGrid } from './IntegrationGrid';
\ No newline at end of file
diff --git a/src/components/IntegrationGrid/styles.module.scss b/src/components/IntegrationGrid/styles.module.scss
new file mode 100644
index 00000000000..c8dd02049ae
--- /dev/null
+++ b/src/components/IntegrationGrid/styles.module.scss
@@ -0,0 +1,181 @@
+@use '../../css/breakpoints.scss' as breakpoints;
+
+.integrationsContainer {
+ max-width: 1200px;
+ margin: 0 auto;
+ padding: 0 1rem;
+}
+
+.searchContainer {
+ margin: 2rem 0 12px 0;
+ display: flex;
+ justify-content: flex-start;
+ position: relative;
+}
+
+.searchInput {
+ width: 100%;
+ max-width: 500px;
+ height: 38px;
+ padding: 0.5rem 0.75rem 0.5rem 2.5rem;
+ border-radius: 12px;
+ font-size: 0.875rem;
+ background: #F6F7FA;
+ color: var(--ifm-font-color-base);
+ border: 1px solid var(--ifm-color-emphasis-300);
+ line-height: 1.4;
+ box-sizing: border-box;
+
+ &:focus {
+ outline: none;
+ }
+
+ [data-theme='dark'] &:focus {
+ border-color: #FAFF69;
+ }
+
+ &::placeholder {
+ color: var(--ifm-color-emphasis-600);
+ font-weight: 400;
+ }
+
+ [data-theme='dark'] & {
+ --tw-bg-opacity: 1;
+ background: rgb(40 40 40 / var(--tw-bg-opacity));
+ border-color: var(--ifm-color-emphasis-300);
+ }
+}
+
+.searchIcon {
+ position: absolute;
+ left: 12px;
+ top: 50%;
+ transform: translateY(-50%);
+ width: 14px;
+ height: 14px;
+ color: var(--ifm-color-emphasis-600);
+ pointer-events: none;
+ z-index: 1;
+}
+
+.filterContainer {
+ display: flex;
+ flex-wrap: wrap;
+ gap: 8px;
+ justify-content: center;
+ margin: 2rem 0;
+
+ @media (max-width: breakpoints.$mobile-breakpoint) {
+ justify-content: flex-start;
+ overflow-x: auto;
+ padding-bottom: 4px;
+
+ &::-webkit-scrollbar {
+ height: 4px;
+ }
+
+ &::-webkit-scrollbar-track {
+ background: var(--ifm-color-emphasis-200);
+ border-radius: 2px;
+ }
+
+ &::-webkit-scrollbar-thumb {
+ background: var(--ifm-color-emphasis-400);
+ border-radius: 2px;
+ }
+ }
+}
+
+.filterButton {
+ padding: 8px 16px;
+ border: 1px solid var(--ifm-color-emphasis-300);
+ border-radius: 20px;
+ background: var(--ifm-background-color);
+ color: var(--ifm-font-color-base);
+ font-size: 0.875rem;
+ font-weight: 500;
+ cursor: pointer;
+ transition: all 0.2s ease;
+ white-space: nowrap;
+
+ &:hover {
+ border-color: var(--ifm-color-primary);
+ background: var(--ifm-color-primary-lightest);
+ }
+
+ [data-theme='dark'] &:hover {
+ background: #FAFF69;
+ border-color: #FAFF69;
+ color: #000;
+ }
+
+ &.active {
+ background: var(--ifm-color-primary);
+ border-color: var(--ifm-color-primary);
+ color: white;
+ }
+
+ [data-theme='dark'] &.active {
+ background: #FAFF69;
+ border-color: #FAFF69;
+ color: #000;
+ }
+}
+
+.integrationSection {
+ margin: 3rem 0;
+
+ &:first-child {
+ margin-top: 1rem;
+ }
+}
+
+.sectionTitle {
+ font-size: 1.5rem;
+ font-weight: 700;
+ margin-bottom: 0.5rem;
+ color: var(--ifm-font-color-base);
+}
+
+.sectionDescription {
+ font-size: 1rem;
+ color: var(--ifm-font-color-secondary);
+ margin-bottom: 2rem;
+ line-height: 1.6;
+}
+
+.integrationGrid {
+
+ grid-template-columns: repeat(2, minmax(0, 1fr));
+
+ // Small desktop - 3 columns
+ @media (min-width: breakpoints.$tablet-breakpoint) {
+ grid-template-columns: repeat(3, minmax(0, 1fr));
+ }
+
+ // Medium desktop - 4 columns
+ @media (min-width: 1260px) {
+ grid-template-columns: repeat(4, minmax(0, 1fr));
+ }
+
+ // Large desktop - 5 columns
+ @media (min-width: breakpoints.$laptop-breakpoint) {
+ grid-template-columns: repeat(5, minmax(0, 1fr));
+ }
+
+ // Extra large screens - 6 columns
+ @media (min-width: 1600px) {
+ grid-template-columns: repeat(6, minmax(0, 1fr));
+ }
+}
+
+.noResults {
+ text-align: center;
+ padding: 3rem 1rem;
+ color: var(--ifm-font-color-secondary);
+
+ p {
+ font-size: 1.1rem;
+ margin: 0;
+ }
+}
\ No newline at end of file
diff --git a/src/theme/Footer/Layout/styles.module.scss b/src/theme/Footer/Layout/styles.module.scss
index c27483959f7..f64636d7211 100644
--- a/src/theme/Footer/Layout/styles.module.scss
+++ b/src/theme/Footer/Layout/styles.module.scss
@@ -11,6 +11,7 @@
width: 100%;
background-color: white;
height: 3.5rem;
+ z-index: 100;
}
.container {
diff --git a/static/images/integrations/logos/amazon_kinesis_logo.svg b/static/images/integrations/logos/amazon_kinesis_logo.svg
index c848407b742..b4d0a6dd2d5 100644
--- a/static/images/integrations/logos/amazon_kinesis_logo.svg
+++ b/static/images/integrations/logos/amazon_kinesis_logo.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/static/images/integrations/logos/amazon_msk.svg b/static/images/integrations/logos/amazon_msk.svg
index c4ba73a0e63..e894c0bfb0f 100644
--- a/static/images/integrations/logos/amazon_msk.svg
+++ b/static/images/integrations/logos/amazon_msk.svg
@@ -1 +1,15 @@
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/static/images/integrations/logos/azure_event_hubs.svg b/static/images/integrations/logos/azure_event_hubs.svg
index 540f89c6b43..098cb5e1024 100644
--- a/static/images/integrations/logos/azure_event_hubs.svg
+++ b/static/images/integrations/logos/azure_event_hubs.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/static/images/integrations/logos/chproxy.svg b/static/images/integrations/logos/chproxy.svg
new file mode 100644
index 00000000000..fb558caa8ca
--- /dev/null
+++ b/static/images/integrations/logos/chproxy.svg
@@ -0,0 +1,10 @@
+
\ No newline at end of file
diff --git a/static/images/integrations/logos/clickpipes_for_amazon_s3.svg b/static/images/integrations/logos/clickpipes_for_amazon_s3.svg
new file mode 100644
index 00000000000..cd78a6f4efc
--- /dev/null
+++ b/static/images/integrations/logos/clickpipes_for_amazon_s3.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/static/images/integrations/logos/dbeaver_logo.svg b/static/images/integrations/logos/dbeaver_logo.svg
index f55e363df7a..dd8ca06cef0 100644
--- a/static/images/integrations/logos/dbeaver_logo.svg
+++ b/static/images/integrations/logos/dbeaver_logo.svg
@@ -1,7 +1,9 @@
-
+
\ No newline at end of file
diff --git a/static/images/integrations/logos/deltalake.png b/static/images/integrations/logos/deltalake.png
deleted file mode 100644
index 50287219024..00000000000
Binary files a/static/images/integrations/logos/deltalake.png and /dev/null differ
diff --git a/static/images/integrations/logos/deltalake.svg b/static/images/integrations/logos/deltalake.svg
new file mode 100644
index 00000000000..814654b6e09
--- /dev/null
+++ b/static/images/integrations/logos/deltalake.svg
@@ -0,0 +1,3 @@
+
\ No newline at end of file
diff --git a/static/images/integrations/logos/lakekeeper.svg b/static/images/integrations/logos/lakekeeper.svg
new file mode 100644
index 00000000000..ae099d55e59
--- /dev/null
+++ b/static/images/integrations/logos/lakekeeper.svg
@@ -0,0 +1,174 @@
+
+
+
+
diff --git a/static/images/integrations/logos/langchain.svg b/static/images/integrations/logos/langchain.svg
new file mode 100644
index 00000000000..06d5f5eb3ca
--- /dev/null
+++ b/static/images/integrations/logos/langchain.svg
@@ -0,0 +1,3 @@
+
\ No newline at end of file
diff --git a/static/images/integrations/logos/logo_cpp.png b/static/images/integrations/logos/logo_cpp.png
deleted file mode 100644
index 38d99684e06..00000000000
Binary files a/static/images/integrations/logos/logo_cpp.png and /dev/null differ
diff --git a/static/images/integrations/logos/logo_cpp.svg b/static/images/integrations/logos/logo_cpp.svg
new file mode 100644
index 00000000000..4b27aa39373
--- /dev/null
+++ b/static/images/integrations/logos/logo_cpp.svg
@@ -0,0 +1,21 @@
+
\ No newline at end of file
diff --git a/static/images/integrations/logos/nessie.png b/static/images/integrations/logos/nessie.png
new file mode 100644
index 00000000000..0e0257aadbf
Binary files /dev/null and b/static/images/integrations/logos/nessie.png differ
diff --git a/static/integrations.json b/static/integrations.json
new file mode 100644
index 00000000000..edf47ec7982
--- /dev/null
+++ b/static/integrations.json
@@ -0,0 +1,515 @@
+[
+ {
+ "slug": "/integrations/airbyte",
+ "integration_logo": "/images/integrations/logos/airbyte-logo.png",
+ "integration_type": [
+ "data ingestion"
+ ],
+ "integration_title": "Airbyte",
+ "integration_tier": "partner"
+ },
+ {
+ "slug": "/integrations/glue",
+ "integration_logo": "/images/integrations/logos/glue_logo.png",
+ "integration_type": [
+ "data ingestion"
+ ],
+ "integration_title": "Amazon Glue",
+ "integration_tier": "core"
+ },
+ {
+ "slug": "/integrations/s3",
+ "integration_logo": "/images/integrations/logos/amazon_s3_logo.svg",
+ "integration_type": [
+ "data ingestion"
+ ],
+ "integration_title": "Amazon S3",
+ "integration_tier": "core"
+ },
+ {
+ "slug": "/integrations/apache-beam",
+ "integration_logo": "/images/integrations/logos/logo_beam.png",
+ "integration_type": [
+ "data ingestion"
+ ],
+ "integration_title": "Apache Beam",
+ "integration_tier": "core"
+ },
+ {
+ "slug": "/integrations/nifi",
+ "integration_logo": "/images/integrations/logos/logo_nifi.png",
+ "integration_type": [
+ "data ingestion"
+ ],
+ "integration_title": "Apache NiFi",
+ "integration_tier": "community"
+ },
+ {
+ "slug": "/integrations/apache-spark",
+ "integration_logo": "/images/integrations/logos/apache_spark_logo.svg",
+ "integration_type": [
+ "data ingestion"
+ ],
+ "integration_title": "Apache Spark",
+ "integration_tier": "core"
+ },
+ {
+ "slug": "/integrations/astrato",
+ "integration_logo": "/images/integrations/logos/astrato_logo.svg",
+ "integration_type": [
+ "data visualization"
+ ],
+ "integration_title": "Astrato",
+ "integration_tier": "community"
+ },
+ {
+ "slug": "/integrations/azure-data-factory",
+ "integration_logo": "/images/integrations/logos/azure-data-factory.png",
+ "integration_type": [
+ "data ingestion"
+ ],
+ "integration_title": "Azure Data Factory",
+ "integration_tier": "core"
+ },
+ {
+ "slug": "/integrations/azure-synapse",
+ "integration_logo": "/images/integrations/logos/azure-synapse.png",
+ "integration_type": [
+ "data ingestion"
+ ],
+ "integration_title": "Azure Synapse",
+ "integration_tier": "core"
+ },
+ {
+ "slug": "/integrations/bladepipe",
+ "integration_logo": "/images/integrations/logos/bladepipe.svg",
+ "integration_type": [
+ "data ingestion"
+ ],
+ "integration_title": "BladePipe",
+ "integration_tier": "partner"
+ },
+ {
+ "slug": "/integrations/csharp",
+ "integration_logo": "/images/integrations/logos/csharp.svg",
+ "integration_type": [
+ "language client"
+ ],
+ "integration_title": "C#",
+ "integration_tier": "core"
+ },
+ {
+ "slug": "/integrations/chartbrew-and-clickhouse",
+ "integration_logo": "/images/integrations/logos/logo_chartbrew.png",
+ "integration_type": [
+ "data visualization"
+ ],
+ "integration_title": "Chartbrew",
+ "integration_tier": "community"
+ },
+ {
+ "slug": "/integrations/clickpipes/kinesis",
+ "integration_logo": "/images/integrations/logos/amazon_kinesis_logo.svg",
+ "integration_type": [
+ "clickpipes"
+ ],
+ "integration_title": "ClickPipes for Amazon Kinesis",
+ "integration_tier": "core"
+ },
+ {
+ "slug": "/integrations/clickpipes/kafka",
+ "integration_logo": "/images/integrations/logos/kafka.svg",
+ "integration_type": [
+ "clickpipes"
+ ],
+ "integration_title": "ClickPipes for Kafka",
+ "integration_tier": "core"
+ },
+ {
+ "slug": "/integrations/clickpipes/mongodb",
+ "integration_logo": "/images/integrations/logos/mongodb.svg",
+ "integration_type": [
+ "clickpipes"
+ ],
+ "integration_title": "ClickPipes for MongoDB",
+ "integration_tier": "core"
+ },
+ {
+ "slug": "/integrations/clickpipes/postgres",
+ "integration_logo": "/images/integrations/logos/postgresql.svg",
+ "integration_type": [
+ "clickpipes"
+ ],
+ "integration_title": "ClickPipes for PostgreSQL",
+ "integration_tier": "core"
+ },
+ {
+ "slug": "/integrations/google-dataflow/dataflow",
+ "integration_logo": "/images/integrations/logos/dataflow_logo.png",
+ "integration_type": [
+ "data ingestion"
+ ],
+ "integration_title": "Dataflow",
+ "integration_tier": "core"
+ },
+ {
+ "slug": "/integrations/datagrip",
+ "integration_logo": "/images/integrations/logos/data_grip.svg",
+ "integration_type": [
+ "sql client"
+ ],
+ "integration_title": "DataGrip",
+ "integration_tier": "community"
+ },
+ {
+ "slug": "/integrations/dbeaver",
+ "integration_logo": "/images/integrations/logos/dbeaver_logo.svg",
+ "integration_type": [
+ "sql client"
+ ],
+ "integration_title": "DBeaver",
+ "integration_tier": "core"
+ },
+ {
+ "slug": "/integrations/dbt",
+ "integration_logo": "/images/integrations/logos/dbt.svg",
+ "integration_type": [
+ "data integration"
+ ],
+ "integration_title": "dbt",
+ "integration_tier": "core"
+ },
+ {
+ "slug": "/integrations/dbvisualizer",
+ "integration_logo": "/images/integrations/logos/logo_dbvisualizer.png",
+ "integration_type": [
+ "sql client"
+ ],
+ "integration_title": "DbVisualizer",
+ "integration_tier": "community"
+ },
+ {
+ "slug": "/integrations/deepnote",
+ "integration_logo": "/images/integrations/logos/deepnote.svg",
+ "integration_type": [
+ "data visualization"
+ ],
+ "integration_title": "Deepnote",
+ "integration_tier": "community"
+ },
+ {
+ "slug": "/integrations/data-ingestion/etl-tools/dlt-and-clickhouse",
+ "integration_logo": "/images/integrations/logos/dlthub_logo.svg",
+ "integration_type": [
+ "data integration"
+ ],
+ "integration_title": "DLT",
+ "integration_tier": "partner"
+ },
+ {
+ "slug": "/integrations/draxlr",
+ "integration_logo": "/images/integrations/logos/draxlr.svg",
+ "integration_type": [
+ "data visualization"
+ ],
+ "integration_title": "Draxlr",
+ "integration_tier": "community"
+ },
+ {
+ "slug": "/integrations/easypanel",
+ "integration_logo": "/images/integrations/logos/logo-easypanel.png",
+ "integration_type": [
+ "data integration"
+ ],
+ "integration_title": "Easypanel",
+ "integration_tier": "community"
+ },
+ {
+ "slug": "/integrations/emqx",
+ "integration_logo": "/images/integrations/logos/emqx.svg",
+ "integration_type": [
+ "data ingestion"
+ ],
+ "integration_title": "EMQX",
+ "integration_tier": "partner"
+ },
+ {
+ "slug": "/integrations/explo",
+ "integration_logo": "/images/integrations/logos/explo.png",
+ "integration_type": [
+ "data visualization"
+ ],
+ "integration_title": "Explo",
+ "integration_tier": "community"
+ },
+ {
+ "slug": "/integrations/fabi.ai",
+ "integration_logo": "/images/integrations/logos/fabi.png",
+ "integration_type": [
+ "data visualization"
+ ],
+ "integration_title": "Fabi.ai",
+ "integration_tier": "community"
+ },
+ {
+ "slug": "/integrations/fivetran",
+ "integration_logo": "/images/integrations/logos/fivetran.svg",
+ "integration_type": [
+ "data ingestion"
+ ],
+ "integration_title": "Fivetran",
+ "integration_tier": "core"
+ },
+ {
+ "slug": "/integrations/go",
+ "integration_logo": "/images/integrations/logos/golang.svg",
+ "integration_type": [
+ "language client"
+ ],
+ "integration_title": "Golang",
+ "integration_tier": "core"
+ },
+ {
+ "slug": "/integrations/gcs",
+ "integration_logo": "/images/integrations/logos/gcs.svg",
+ "integration_type": [
+ "data ingestion"
+ ],
+ "integration_title": "Google Cloud Storage (GCS)",
+ "integration_tier": "core"
+ },
+ {
+ "slug": "/integrations/grafana",
+ "integration_logo": "/images/integrations/logos/grafana.svg",
+ "integration_type": [
+ "data visualization"
+ ],
+ "integration_title": "Grafana",
+ "integration_tier": "core"
+ },
+ {
+ "slug": "/integrations/java",
+ "integration_logo": "/images/integrations/logos/java.svg",
+ "integration_type": [
+ "language client"
+ ],
+ "integration_title": "Java, JDBC",
+ "integration_tier": "core"
+ },
+ {
+ "slug": "/integrations/jupysql",
+ "integration_logo": "/images/integrations/logos/jupyter.png",
+ "integration_type": [
+ "sql client"
+ ],
+ "integration_title": "JupySQL",
+ "integration_tier": "community"
+ },
+ {
+ "slug": "/integrations/kafka",
+ "integration_logo": "/images/integrations/logos/kafka.svg",
+ "integration_type": [
+ "data ingestion"
+ ],
+ "integration_title": "Kafka",
+ "integration_tier": "core"
+ },
+ {
+ "slug": "/integrations/kafka/cloud/confluent/custom-connector",
+ "integration_logo": "/images/integrations/logos/confluent.svg",
+ "integration_type": [
+ "data ingestion"
+ ],
+ "integration_title": "Kafka connector - Confluent",
+ "integration_tier": "core"
+ },
+ {
+ "slug": "/integrations/looker",
+ "integration_logo": "/images/integrations/logos/looker.svg",
+ "integration_type": [
+ "data visualization"
+ ],
+ "integration_title": "Looker",
+ "integration_tier": "core"
+ },
+ {
+ "slug": "/integrations/lookerstudio",
+ "integration_logo": "/images/integrations/logos/looker_studio.svg",
+ "integration_type": [
+ "data visualization"
+ ],
+ "integration_title": "Looker Studio",
+ "integration_tier": "core"
+ },
+ {
+ "slug": "/integrations/luzmo",
+ "integration_logo": "/images/integrations/logos/luzmo.png",
+ "integration_type": [
+ "data visualization"
+ ],
+ "integration_title": "Luzmo",
+ "integration_tier": "community"
+ },
+ {
+ "slug": "/integrations/metabase",
+ "integration_logo": "/images/integrations/logos/logo_metabase.png",
+ "integration_type": [
+ "data visualization"
+ ],
+ "integration_title": "Metabase",
+ "integration_tier": "community"
+ },
+ {
+ "slug": "/integrations/minio",
+ "integration_logo": "/images/integrations/logos/minio.png",
+ "integration_type": [
+ "data ingestion"
+ ],
+ "integration_title": "MinIO",
+ "integration_tier": "core"
+ },
+ {
+ "slug": "/integrations/mitzu",
+ "integration_logo": "/images/integrations/logos/logo_mitzu.png",
+ "integration_type": [
+ "data visualization"
+ ],
+ "integration_title": "Mitzu",
+ "integration_tier": "community"
+ },
+ {
+ "slug": "/interfaces/third-party/moose-olap",
+ "integration_logo": "/images/integrations/logos/moose_logo.svg",
+ "integration_type": [
+ "language client"
+ ],
+ "integration_title": "Moose OLAP",
+ "integration_tier": "community"
+ },
+ {
+ "slug": "/integrations/javascript",
+ "integration_logo": "/images/integrations/logos/node_js.svg",
+ "integration_type": [
+ "language client"
+ ],
+ "integration_title": "Node.JS",
+ "integration_tier": "core"
+ },
+ {
+ "slug": "/integrations/postgresql/connecting-to-postgresql",
+ "integration_logo": "/images/integrations/logos/postgresql.svg",
+ "integration_type": [
+ "data ingestion"
+ ],
+ "integration_title": "PostgreSQL",
+ "integration_tier": "core"
+ },
+ {
+ "slug": "/integrations/powerbi",
+ "integration_logo": "/images/integrations/logos/powerbi.png",
+ "integration_type": [
+ "data visualization"
+ ],
+ "integration_title": "PowerBI",
+ "integration_tier": "core"
+ },
+ {
+ "slug": "/integrations/python",
+ "integration_logo": "/images/integrations/logos/notext-python.svg",
+ "integration_type": [
+ "language client"
+ ],
+ "integration_title": "Python",
+ "integration_tier": "core"
+ },
+ {
+ "slug": "/integrations/quicksight",
+ "integration_logo": "/images/integrations/logos/quicksight.svg",
+ "integration_type": [
+ "data visualization"
+ ],
+ "integration_title": "QuickSight",
+ "integration_tier": "core"
+ },
+ {
+ "slug": "/integrations/retool",
+ "integration_logo": "/images/integrations/logos/retool.svg",
+ "integration_type": [
+ "data integration"
+ ],
+ "integration_title": "Retool",
+ "integration_tier": "partner"
+ },
+ {
+ "slug": "/integrations/rocketbi",
+ "integration_logo": "/images/integrations/logos/rocketbi-logo.svg",
+ "integration_type": [
+ "data visualization"
+ ],
+ "integration_title": "Rocket.BI",
+ "integration_tier": "community"
+ },
+ {
+ "slug": "/integrations/rust",
+ "integration_logo": "/images/integrations/logos/logo_rust.png",
+ "integration_type": [
+ "language client"
+ ],
+ "integration_title": "Rust",
+ "integration_tier": "core"
+ },
+ {
+ "slug": "/integrations/audit-splunk",
+ "integration_logo": "/images/integrations/logos/splunk_logo.png",
+ "integration_type": [
+ "data integration"
+ ],
+ "integration_title": "Splunk",
+ "integration_tier": "partner"
+ },
+ {
+ "slug": "/integrations/superset",
+ "integration_logo": "/images/integrations/logos/superset.svg",
+ "integration_type": [
+ "data visualization"
+ ],
+ "integration_title": "Superset",
+ "integration_tier": "core"
+ },
+ {
+ "slug": "/integrations/tableau",
+ "integration_logo": "/images/integrations/logos/logo_tableau.png",
+ "integration_type": [
+ "data visualization"
+ ],
+ "integration_title": "Tableau",
+ "integration_tier": "core"
+ },
+ {
+ "slug": "/integrations/tableau-online",
+ "integration_logo": "/images/integrations/logos/logo_tableau.png",
+ "integration_type": [
+ "data visualization"
+ ],
+ "integration_title": "Tableau Online",
+ "integration_tier": "core"
+ },
+ {
+ "slug": "/integrations/tablumio",
+ "integration_logo": "/images/integrations/logos/tablum.svg",
+ "integration_type": [
+ "sql client"
+ ],
+ "integration_title": "TABLUM.IO",
+ "integration_tier": "community"
+ },
+ {
+ "slug": "/integrations/vector",
+ "integration_logo": "/images/integrations/logos/vector.png",
+ "integration_type": [
+ "data ingestion"
+ ],
+ "integration_title": "Vector",
+ "integration_tier": "partner"
+ }
+]
\ No newline at end of file
diff --git a/static/integrations_custom.json b/static/integrations_custom.json
new file mode 100644
index 00000000000..a0a0abc0005
--- /dev/null
+++ b/static/integrations_custom.json
@@ -0,0 +1,1055 @@
+[
+ {
+ "slug": "/integrations/clickpipes/kafka",
+ "integration_logo": "/images/integrations/logos/amazon_msk.svg",
+ "integration_type": [
+ "clickpipes"
+ ],
+ "integration_title": "ClickPipes for Amazon MSK",
+ "integration_tier": "core"
+ },
+ {
+ "slug": "/integrations/clickpipes/object-storage",
+ "integration_type": [
+ "clickpipes"
+ ],
+ "integration_logo": "/static/images/integrations/logos/clickpipes_for_amazon_s3.svg",
+ "integration_title": "ClickPipes for Amazon S3",
+ "integration_tier": "core"
+ },
+ {
+ "slug": "/integrations/clickpipes/kafka",
+ "integration_type": [
+ "clickpipes"
+ ],
+ "integration_logo": "/static/images/integrations/logos/azure_event_hubs.svg",
+ "integration_title": "ClickPipes for Azure Event Hubs",
+ "integration_tier": "core"
+ },
+ {
+ "slug": "/integrations/clickpipes/kafka",
+ "integration_type": [
+ "clickpipes"
+ ],
+ "integration_logo": "/static/images/integrations/logos/confluent.svg",
+ "integration_title": "ClickPipes for Confluent Cloud",
+ "integration_tier": "core"
+ },
+ {
+ "slug": "/integrations/clickpipes/kafka",
+ "integration_type": [
+ "clickpipes"
+ ],
+ "integration_logo": "/static/images/integrations/logos/GCS.svg",
+ "integration_title": "ClickPipes for Google Cloud Storage",
+ "integration_tier": "core"
+ },
+ {
+ "slug": "/integrations/clickpipes/kafka",
+ "integration_type": [
+ "clickpipes"
+ ],
+ "integration_logo": "/static/images/integrations/logos/logo_redpanda.png",
+ "integration_title": "ClickPipes for Redpanda",
+ "integration_tier": "core"
+ },
+ {
+ "slug": "/integrations/clickpipes/kafka",
+ "integration_type": [
+ "clickpipes"
+ ],
+ "integration_logo": "/static/images/integrations/logos/warpstream.svg",
+ "integration_title": "ClickPipes for Warpstream",
+ "integration_tier": "core"
+ },
+ {
+ "slug": "/sql-reference/dictionaries#cassandra",
+ "integration_type": [
+ "data ingestion"
+ ],
+ "integration_logo": "/static/images/integrations/logos/cassandra.png",
+ "integration_title": "Cassandra (dictionary source)",
+ "integration_tier": "core"
+ },
+ {
+ "slug": "/chdb",
+ "integration_type": [
+ "ai/ml"
+ ],
+ "integration_logo": "/static/images/integrations/logos/chdb.svg",
+ "integration_title": "CHDB",
+ "integration_tier": "core"
+ },
+ {
+ "slug": "/interfaces/cli",
+ "integration_type": [
+ "sql client"
+ ],
+ "integration_logo": "/static/images/integrations/logos/clickhouse.svg",
+ "integration_title": "ClickHouse Client",
+ "integration_tier": "core"
+ },
+ {
+ "slug": "/engines/table-engines/integrations/deltalake",
+ "integration_type": [
+ "data ingestion"
+ ],
+ "integration_logo": "/static/images/integrations/logos/deltalake.svg",
+ "integration_title": "DeltaLake",
+ "integration_tier": "core"
+ },
+ {
+ "slug": "/engines/table-engines/integrations/embedded-rocksdb",
+ "integration_type": [
+ "data ingestion"
+ ],
+ "integration_logo": "/static/images/integrations/logos/rocksdb.svg",
+ "integration_title": "EmbeddedRocksDB",
+ "integration_tier": "core"
+ },
+ {
+ "slug": "/engines/table-engines/integrations/hdfs",
+ "integration_type": [
+ "data ingestion"
+ ],
+ "integration_logo": "/static/images/integrations/logos/hadoop.svg",
+ "integration_title": "HDFS",
+ "integration_tier": "core"
+ },
+ {
+ "slug": "/engines/table-engines/integrations/hive",
+ "integration_type": [
+ "data ingestion"
+ ],
+ "integration_logo": "/static/images/integrations/logos/hive.svg",
+ "integration_title": "Hive",
+ "integration_tier": "core"
+ },
+ {
+ "slug": "/engines/table-engines/integrations/hudi",
+ "integration_type": [
+ "data ingestion"
+ ],
+ "integration_logo": "/static/images/integrations/logos/hudi.png",
+ "integration_title": "Hudi",
+ "integration_tier": "core"
+ },
+ {
+ "slug": "/engines/table-engines/integrations/iceberg",
+ "integration_type": [
+ "data ingestion"
+ ],
+ "integration_logo": "/static/images/integrations/logos/iceberg.png",
+ "integration_title": "Iceberg",
+ "integration_tier": "core"
+ },
+ {
+ "slug": "/engines/table-engines/integrations/mongodb",
+ "integration_type": [
+ "data ingestion"
+ ],
+ "integration_logo": "/static/images/integrations/logos/mongodb.svg",
+ "integration_title": "MongoDB",
+ "integration_tier": "core"
+ },
+ {
+ "slug": "/engines/table-engines/integrations/mysql",
+ "integration_type": [
+ "data ingestion"
+ ],
+ "integration_logo": "/static/images/integrations/logos/mysql.svg",
+ "integration_title": "MySQL",
+ "integration_tier": "core"
+ },
+ {
+ "slug": "/engines/table-engines/integrations/odbc",
+ "integration_type": [
+ "data integration"
+ ],
+ "integration_logo": "/static/images/integrations/logos/odbc.png",
+ "integration_title": "ODBC",
+ "integration_tier": "core"
+ },
+ {
+ "slug": "https://github.com/open-telemetry/opentelemetry-collector-contrib/tree/main/exporter/clickhouseexporter",
+ "integration_type": [
+ "data ingestion"
+ ],
+ "integration_logo": "/static/images/integrations/logos/logo_otel.png",
+ "integration_title": "OpenTelemetry",
+ "integration_tier": "core"
+ },
+ {
+ "slug": "/engines/table-engines/integrations/rabbitmq",
+ "integration_type": [
+ "data ingestion"
+ ],
+ "integration_logo": "/static/images/integrations/logos/rabbitmq.svg",
+ "integration_title": "RabbitMQ",
+ "integration_tier": "core"
+ },
+ {
+ "slug": "/sql-reference/dictionaries#redis",
+ "integration_type": [
+ "data ingestion"
+ ],
+ "integration_logo": "/static/images/integrations/logos/redis.svg",
+ "integration_title": "Redis (dictionary source)",
+ "integration_tier": "core"
+ },
+ {
+ "slug": "/integrations/kafka/kafka-table-engine",
+ "integration_type": [
+ "data ingestion"
+ ],
+ "integration_logo": "/static/images/integrations/logos/logo_redpanda.png",
+ "integration_title": "Redpanda",
+ "integration_tier": "core"
+ },
+ {
+ "slug": "/use-cases/data-lake/lakekeeper-catalog",
+ "integration_type": [
+ "data ingestion"
+ ],
+ "integration_logo": "/static/images/integrations/logos/lakekeeper.svg",
+ "integration_title": "Lakekeeper",
+ "integration_tier": "core"
+ },
+ {
+ "slug": "/use-cases/data-lake/nessie-catalog",
+ "integration_type": [
+ "data ingestion"
+ ],
+ "integration_logo": "/static/images/integrations/logos/nessie.png",
+ "integration_title": "Nessie",
+ "integration_tier": "core"
+ },
+ {
+ "slug": "/engines/table-engines/integrations/sqlite",
+ "integration_type": [
+ "data ingestion"
+ ],
+ "integration_logo": "/static/images/integrations/logos/sqlite.svg",
+ "integration_title": "SQLite",
+ "integration_tier": "core"
+ },
+ {
+ "slug": "https://docs.acceldata.io/documentation/clickhouse",
+ "integration_type": [
+ "data management"
+ ],
+ "integration_logo": "/static/images/integrations/logos/acceldata_logo.png",
+ "integration_title": "AccelData",
+ "integration_tier": "community"
+ },
+ {
+ "slug": "https://atlasgo.io/guides/clickhouse?utm_source=clickhouse&utm_term=docs",
+ "integration_type": [
+ "data management"
+ ],
+ "integration_logo": "/static/images/integrations/logos/atlas-logo.png",
+ "integration_title": "Atlas",
+ "integration_tier": "community"
+ },
+ {
+ "slug": "https://docs.blinkops.com/docs/integrations/clickhouse",
+ "integration_type": [
+ "data integration"
+ ],
+ "integration_logo": "/static/images/integrations/logos/blinkops_logo.png",
+ "integration_title": "BlinkOps",
+ "integration_tier": "partner"
+ },
+ {
+ "slug": "https://bytewax.io/blog/building-a-click-house-sink-for-bytewax",
+ "integration_type": [
+ "data ingestion"
+ ],
+ "integration_logo": "/static/images/integrations/logos/bytewax.svg",
+ "integration_title": "Bytewax",
+ "integration_tier": "partner"
+ },
+ {
+ "slug": "https://www.cloudquery.io/docs/plugins/destinations/clickhouse/overview",
+ "integration_type": [
+ "data ingestion"
+ ],
+ "integration_logo": "/static/images/integrations/logos/cloudquery_logo.svg",
+ "integration_title": "CloudQuery",
+ "integration_tier": "partner"
+ },
+ {
+ "slug": "https://docs.glassflow.dev/integrations/managed-connectors/sinks/clickhouse",
+ "integration_type": [
+ "data ingestion"
+ ],
+ "integration_logo": "/static/images/integrations/logos/glassflow.png",
+ "integration_title": "GlassFlow",
+ "integration_tier": "partner"
+ },
+ {
+ "slug": "https://docs.goldsky.com/introduction",
+ "integration_type": [
+ "data integration"
+ ],
+ "integration_logo": "/static/images/integrations/logos/goldsky.png",
+ "integration_title": "Goldsky",
+ "integration_tier": "partner"
+ },
+ {
+ "slug": "https://docs.growthbook.io/warehouses/clickhouse",
+ "integration_type": [
+ "data visualization"
+ ],
+ "integration_logo": "/static/images/integrations/logos/logo_growthbook.png",
+ "integration_title": "GrowthBook",
+ "integration_tier": "community"
+ },
+ {
+ "slug": "https://learn.hex.tech/docs/connect-to-data/data-connections/overview",
+ "integration_type": [
+ "data visualization"
+ ],
+ "integration_logo": "/static/images/integrations/logos/logo-hex.png",
+ "integration_title": "HEX",
+ "integration_tier": "community"
+ },
+ {
+ "slug": "https://docs.hashboard.com/docs/database-connections/clickhouse",
+ "integration_type": [
+ "data visualization"
+ ],
+ "integration_logo": "/static/images/integrations/logos/hashboard.svg",
+ "integration_title": "Hashboard",
+ "integration_tier": "community"
+ },
+ {
+ "slug": "https://hightouch.com/docs/sources/clickhouse",
+ "integration_type": [
+ "data integration"
+ ],
+ "integration_logo": "/static/images/integrations/logos/logo_hightouch.png",
+ "integration_title": "HighTouch",
+ "integration_tier": "partner"
+ },
+ {
+ "slug": "https://docs.jitsu.com/destinations/warehouse/clickhouse",
+ "integration_type": [
+ "data integration"
+ ],
+ "integration_logo": "/static/images/integrations/logos/jitsu.svg",
+ "integration_title": "Jitsu",
+ "integration_tier": "partner"
+ },
+ {
+ "slug": "https://docs.mage.ai/integrations/databases/ClickHouse",
+ "integration_type": [
+ "data ingestion"
+ ],
+ "integration_logo": "/static/images/integrations/logos/mage.jpg",
+ "integration_title": "Mage",
+ "integration_tier": "partner"
+ },
+ {
+ "slug": "https://blog.openblocks.dev/blog/openblocks-x-clickhouse",
+ "integration_type": [
+ "sql client"
+ ],
+ "integration_logo": "/static/images/integrations/logos/logo_openBlocks.png",
+ "integration_title": "Openblocks",
+ "integration_tier": "community"
+ },
+ {
+ "slug": "https://docs.opsramp.com/integrations/database-no-sql/automonitor-clickhouse-monitoring/",
+ "integration_type": [
+ "data management"
+ ],
+ "integration_logo": "/static/images/integrations/logos/ops_ramp_logo.png",
+ "integration_title": "OpsRamp (HP)",
+ "integration_tier": "community"
+ },
+ {
+ "slug": "https://docs.popsink.com/connectors/target/clickhouse/",
+ "integration_type": [
+ "data integration"
+ ],
+ "integration_logo": "/static/images/integrations/logos/popsink.svg",
+ "integration_title": "Popsink",
+ "integration_tier": "partner"
+ },
+ {
+ "slug": "https://docs.prequel.co/docs/sources-clickhouse-generic",
+ "integration_type": [
+ "data ingestion"
+ ],
+ "integration_logo": "/static/images/integrations/logos/prequel.svg",
+ "integration_title": "Prequel",
+ "integration_tier": "partner"
+ },
+ {
+ "slug": "https://www.restack.io/docs/datahub-knowledge-datahub-clickhouse-integration",
+ "integration_type": [
+ "data integration"
+ ],
+ "integration_logo": "/static/images/integrations/logos/restack_logo.png",
+ "integration_title": "Restack Data Hub",
+ "integration_tier": "partner"
+ },
+ {
+ "slug": "https://www.restack.io/docs/openmetadata-knowledge-openmetadata-clickhouse-integration",
+ "integration_type": [
+ "data integration"
+ ],
+ "integration_logo": "/static/images/integrations/logos/restack_logo.png",
+ "integration_title": "Restack OpenMetadata",
+ "integration_tier": "partner"
+ },
+ {
+ "slug": "https://docs.rilldata.com/reference/olap-engines/clickhouse",
+ "integration_type": [
+ "data visualization"
+ ],
+ "integration_logo": "/static/images/integrations/logos/rill.svg",
+ "integration_title": "Rill",
+ "integration_tier": "partner"
+ },
+ {
+ "slug": "https://docs.risingwave.com/docs/current/sink-to-clickhouse/",
+ "integration_type": [
+ "data ingestion"
+ ],
+ "integration_logo": "/static/images/integrations/logos/risingwave.svg",
+ "integration_title": "RisingWave",
+ "integration_tier": "partner"
+ },
+ {
+ "slug": "https://www.rudderstack.com/docs/destinations/warehouse-destinations/clickhouse/",
+ "integration_type": [
+ "data ingestion"
+ ],
+ "integration_logo": "/static/images/integrations/logos/rudderstack.svg",
+ "integration_title": "RudderStack",
+ "integration_tier": "partner"
+ },
+ {
+ "slug": "https://sematext.com/docs/integration/clickhouse/",
+ "integration_type": [
+ "data management"
+ ],
+ "integration_logo": "/static/images/integrations/logos/sematext_logo.png",
+ "integration_title": "Sematext",
+ "integration_tier": "community"
+ },
+ {
+ "slug": "https://www.signoz.io/docs/architecture/",
+ "integration_type": [
+ "data visualization"
+ ],
+ "integration_logo": "/static/images/integrations/logos/signoz-logo.png",
+ "integration_title": "SigNoz",
+ "integration_tier": "community"
+ },
+ {
+ "slug": "https://docs.snappyflow.io/docs/Integrations/clickhouse/instance",
+ "integration_type": [
+ "data management"
+ ],
+ "integration_logo": "/static/images/integrations/logos/snappy_flow_logo.png",
+ "integration_title": "Snappy Flow",
+ "integration_tier": "community"
+ },
+ {
+ "slug": "https://docs.streamkap.com/docs/clickhouse",
+ "integration_type": [
+ "data ingestion"
+ ],
+ "integration_logo": "/static/images/integrations/logos/streamkap-logo.png",
+ "integration_title": "Streamkap",
+ "integration_tier": "partner"
+ },
+ {
+ "slug": "https://goteleport.com/docs/enroll-resources/database-access/enroll-self-hosted-databases/clickhouse-self-hosted/",
+ "integration_type": [
+ "data integration"
+ ],
+ "integration_logo": "/static/images/integrations/logos/teleport_logo.png",
+ "integration_title": "Teleport",
+ "integration_tier": "partner"
+ },
+ {
+ "slug": "https://docs.tooljet.com/docs/data-sources/clickhouse/",
+ "integration_type": [
+ "data visualization"
+ ],
+ "integration_logo": "/static/images/integrations/logos/tooljet.png",
+ "integration_title": "Tooljet",
+ "integration_tier": "community"
+ },
+ {
+ "slug": "https://yepcode.io/docs/integrations/clickhouse/",
+ "integration_type": [
+ "data integration"
+ ],
+ "integration_logo": "/static/images/integrations/logos/yepcode.svg",
+ "integration_title": "YepCode",
+ "integration_tier": "partner"
+ },
+ {
+ "slug": "https://docs.getzingdata.com/docs/",
+ "integration_type": [
+ "data visualization"
+ ],
+ "integration_logo": "/static/images/integrations/logos/zing-logo.png",
+ "integration_title": "Zing Data",
+ "integration_tier": "community"
+ },
+ {
+ "slug": "https://www.automq.com/",
+ "integration_type": [
+ "data ingestion"
+ ],
+ "integration_logo": "/static/images/integrations/logos/automq.png",
+ "integration_title": "AutoMQ",
+ "integration_tier": "partner"
+ },
+ {
+ "slug": "https://clickhouse.com/blog/kubernetes-logs-to-clickhouse-fluent-bit",
+ "integration_type": [
+ "data ingestion"
+ ],
+ "integration_logo": "/static/images/integrations/logos/logo_calyptia.png",
+ "integration_title": "Calyptia (Fluent Bit)",
+ "integration_tier": "partner"
+ },
+ {
+ "slug": "https://cube.dev/for/clickhouse-dashboard",
+ "integration_type": [
+ "data visualization"
+ ],
+ "integration_logo": "/static/images/integrations/logos/cubejs.svg",
+ "integration_title": "Cube.js",
+ "integration_tier": "community"
+ },
+ {
+ "slug": "https://www.clougence.com/",
+ "integration_type": [
+ "data ingestion"
+ ],
+ "integration_logo": "/static/images/integrations/logos/cloudcanal.svg",
+ "integration_title": "CloudCanal",
+ "integration_tier": "partner"
+ },
+ {
+ "slug": "https://www.dataddo.com/storage/clickhouse",
+ "integration_type": [
+ "data integration"
+ ],
+ "integration_logo": "/static/images/integrations/logos/logo_dataddo.png",
+ "integration_title": "Dataddo",
+ "integration_tier": "partner"
+ },
+ {
+ "slug": "https://www.decodable.co/connectors/clickhouse",
+ "integration_type": [
+ "data ingestion"
+ ],
+ "integration_logo": "/static/images/integrations/logos/logo_decodable.png",
+ "integration_title": "Decodable",
+ "integration_tier": "partner"
+ },
+ {
+ "slug": "https://gigasheet.com/enterprise",
+ "integration_type": [
+ "data visualization"
+ ],
+ "integration_logo": "/static/images/integrations/logos/gigasheet.png",
+ "integration_title": "Gigasheet",
+ "integration_tier": "community"
+ },
+ {
+ "slug": "https://greatexpectations.io/",
+ "integration_type": [
+ "data management"
+ ],
+ "integration_logo": "/static/images/integrations/logos/great-expectations.webp",
+ "integration_title": "Great Expectations",
+ "integration_tier": "community"
+ },
+ {
+ "slug": "https://www.holistics.io/integrations/clickhouse/",
+ "integration_type": [
+ "data visualization"
+ ],
+ "integration_logo": "/static/images/integrations/logos/logo_holistics.png",
+ "integration_title": "Holistics",
+ "integration_tier": "community"
+ },
+ {
+ "slug": "https://github.com/PostHog/HouseWatch",
+ "integration_type": [
+ "security governance"
+ ],
+ "integration_logo": "/static/images/integrations/logos/housewatch.png",
+ "integration_title": "HouseWatch",
+ "integration_tier": "community"
+ },
+ {
+ "slug": "https://www.metaplane.dev/integrations",
+ "integration_type": [
+ "security governance"
+ ],
+ "integration_logo": "/static/images/integrations/logos/logo_metaplane.png",
+ "integration_title": "Metaplane",
+ "integration_tier": "community"
+ },
+ {
+ "slug": "https://mindsdb.com/clickhouse-machine-learning",
+ "integration_type": [
+ "ai/ml"
+ ],
+ "integration_logo": "/static/images/integrations/logos/logo_mindsdb.png",
+ "integration_title": "MindsDB",
+ "integration_tier": "partner"
+ },
+ {
+ "slug": "https://mode.com/",
+ "integration_type": [
+ "data visualization"
+ ],
+ "integration_logo": "/static/images/integrations/logos/logo_mode.png",
+ "integration_title": "Mode Analytics",
+ "integration_tier": "community"
+ },
+ {
+ "slug": "https://omni.co/",
+ "integration_type": [
+ "data visualization"
+ ],
+ "integration_logo": "/static/images/integrations/logos/omni.svg",
+ "integration_title": "Omni",
+ "integration_tier": "community"
+ },
+ {
+ "slug": "https://quesma.com/quesma-for-elk",
+ "integration_type": [
+ "data integration"
+ ],
+ "integration_logo": "/static/images/integrations/logos/quesma.svg",
+ "integration_title": "Quesma",
+ "integration_tier": "partner"
+ },
+ {
+ "slug": "https://redash.io/help/data-sources/querying/supported-data-sources",
+ "integration_type": [
+ "data visualization"
+ ],
+ "integration_logo": "/static/images/integrations/logos/logo_redash.png",
+ "integration_title": "Redash",
+ "integration_tier": "community"
+ },
+ {
+ "slug": "https://runreveal.com",
+ "integration_type": [
+ "data ingestion"
+ ],
+ "integration_logo": "/static/images/integrations/logos/runreveal.png",
+ "integration_title": "RunReveal",
+ "integration_tier": "partner"
+ },
+ {
+ "slug": "https://www.sisense.com/data-connectors/",
+ "integration_type": [
+ "data visualization"
+ ],
+ "integration_logo": "/static/images/integrations/logos/logo_sisense.png",
+ "integration_title": "SiSense",
+ "integration_tier": "community"
+ },
+ {
+ "slug": "https://www.soda.io/integrations/clickhouse",
+ "integration_type": [
+ "data integration"
+ ],
+ "integration_logo": "/static/images/integrations/logos/soda_logo.png",
+ "integration_title": "Soda",
+ "integration_tier": "partner"
+ },
+ {
+ "slug": "https://www.streamingfast.io/",
+ "integration_type": [
+ "data ingestion"
+ ],
+ "integration_logo": "/static/images/integrations/logos/streamingfast.png",
+ "integration_title": "StreamingFast",
+ "integration_tier": "partner"
+ },
+ {
+ "slug": "https://github.com/supabase/wrappers/tree/main/wrappers/src/fdw/clickhouse_fdw",
+ "integration_type": [
+ "data ingestion"
+ ],
+ "integration_logo": "/static/images/integrations/logos/logo_supabase.png",
+ "integration_title": "Supabase",
+ "integration_tier": "partner"
+ },
+ {
+ "slug": "https://upstash.com/",
+ "integration_type": [
+ "data ingestion"
+ ],
+ "integration_logo": "/static/images/integrations/logos/upstash.svg",
+ "integration_title": "Upstash",
+ "integration_tier": "partner"
+ },
+ {
+ "slug": "https://www.warpstream.com/",
+ "integration_type": [
+ "data ingestion"
+ ],
+ "integration_logo": "/static/images/integrations/logos/warpstream.svg",
+ "integration_title": "WarpStream",
+ "integration_tier": "partner"
+ },
+ {
+ "slug": "https://github.com/bryzgaloff/airflow-clickhouse-plugin",
+ "integration_type": [
+ "data ingestion"
+ ],
+ "integration_logo": "/static/images/integrations/logos/logo_airflow.png",
+ "integration_title": "Apache Airflow",
+ "integration_tier": "partner"
+ },
+ {
+ "slug": "https://inlong.apache.org/docs/data_node/load_node/clickhouse",
+ "integration_type": [
+ "data ingestion"
+ ],
+ "integration_logo": "/static/images/integrations/logos/logo_inlong.png",
+ "integration_title": "Apache InLong",
+ "integration_tier": "partner"
+ },
+ {
+ "slug": "https://seatunnel.apache.org/docs/2.3.0/connector-v2/sink/Clickhouse",
+ "integration_type": [
+ "data ingestion"
+ ],
+ "integration_logo": "/static/images/integrations/logos/logo_seatunnel.png",
+ "integration_title": "Apache SeaTunnel",
+ "integration_tier": "partner"
+ },
+ {
+ "slug": "https://skywalking.apache.org/blog/2024-03-12-monitoring-clickhouse-through-skywalking/",
+ "integration_type": [
+ "data management"
+ ],
+ "integration_logo": "/static/images/integrations/logos/skywalking_logo.jpeg",
+ "integration_title": "Apache SkyWalking",
+ "integration_tier": "community"
+ },
+ {
+ "slug": "https://streampark.apache.org/docs/intro",
+ "integration_type": [
+ "data ingestion"
+ ],
+ "integration_logo": "/static/images/integrations/logos/apache-streampark.png",
+ "integration_title": "Apache StreamPark",
+ "integration_tier": "partner"
+ },
+ {
+ "slug": "https://www.bytebase.com/docs/introduction/supported-databases",
+ "integration_type": [
+ "data management"
+ ],
+ "integration_logo": "/static/images/integrations/logos/logo_bytebase.png",
+ "integration_title": "Bytebase",
+ "integration_tier": "community"
+ },
+ {
+ "slug": "https://github.com/ContentSquare/chproxy",
+ "integration_type": [
+ "security governance"
+ ],
+ "integration_logo": "/static/images/integrations/logos/chproxy.svg",
+ "integration_title": "CHProxy",
+ "integration_tier": "community"
+ },
+ {
+ "slug": "https://github.com/duyet/clickhouse-monitoring",
+ "integration_type": [
+ "security governance"
+ ],
+ "integration_logo": "/static/images/integrations/logos/clickhouse-monitoring-dashboard.svg",
+ "integration_title": "ClickHouse Monitoring Dashboard",
+ "integration_tier": "community"
+ },
+ {
+ "slug": "https://github.com/juliojimenez/clickhouse-cl",
+ "integration_type": [
+ "language client"
+ ],
+ "integration_logo": "/static/images/integrations/logos/clickhouse-cl.png",
+ "integration_title": "Common Lisp",
+ "integration_tier": "community"
+ },
+ {
+ "slug": "https://github.com/dbnet-io/dbnet",
+ "integration_type": [
+ "sql client"
+ ],
+ "integration_logo": "/static/images/integrations/logos/dbnet_logo.png",
+ "integration_title": "DBNet",
+ "integration_tier": "community"
+ },
+ {
+ "slug": "https://datalens.tech/docs/en/",
+ "integration_type": [
+ "data visualization"
+ ],
+ "integration_logo": "/static/images/integrations/logos/datalens.png",
+ "integration_title": "DataLens",
+ "integration_tier": "community"
+ },
+ {
+ "slug": "https://dataease.io/",
+ "integration_type": [
+ "data visualization"
+ ],
+ "integration_logo": "/static/images/integrations/logos/dataease.png",
+ "integration_title": "Dataease",
+ "integration_tier": "community"
+ },
+ {
+ "slug": "https://datahubproject.io/docs/generated/ingestion/sources/clickhouse/",
+ "integration_type": [
+ "security governance"
+ ],
+ "integration_logo": "/static/images/integrations/logos/logo_datahub.png",
+ "integration_title": "Datahub",
+ "integration_tier": "community"
+ },
+ {
+ "slug": "https://deepflow.io",
+ "integration_type": [
+ "data ingestion"
+ ],
+ "integration_logo": "/static/images/integrations/logos/logo_deepflow.png",
+ "integration_title": "DeepFlow",
+ "integration_tier": "partner"
+ },
+ {
+ "slug": "https://www.explo.co/integrations/clickhouse",
+ "integration_type": [
+ "data visualization"
+ ],
+ "integration_logo": "/static/images/integrations/logos/explo.svg",
+ "integration_title": "Explo",
+ "integration_tier": "community"
+ },
+ {
+ "slug": "https://github.com/itinycheng/flink-connector-clickhouse",
+ "integration_type": [
+ "data ingestion"
+ ],
+ "integration_logo": "/static/images/integrations/logos/logo_flink.png",
+ "integration_title": "Flink",
+ "integration_tier": "community"
+ },
+ {
+ "slug": "https://pressly.github.io/goose/",
+ "integration_type": [
+ "data management"
+ ],
+ "integration_logo": "/static/images/integrations/logos/goose_logo.png",
+ "integration_title": "Goose",
+ "integration_tier": "community"
+ },
+ {
+ "slug": "https://ibis-project.org/backends/ClickHouse/",
+ "integration_type": [
+ "ai/ml"
+ ],
+ "integration_logo": "/static/images/integrations/logos/logo_ibis.png",
+ "integration_title": "Ibis",
+ "integration_tier": "community"
+ },
+ {
+ "slug": "https://github.com/jaegertracing/jaeger-clickhouse",
+ "integration_type": [
+ "data ingestion"
+ ],
+ "integration_logo": "/static/images/integrations/logos/logo_jaeger.png",
+ "integration_title": "Jaeger",
+ "integration_tier": "community"
+ },
+ {
+ "slug": "https://kestra.io/plugins/plugin-jdbc-clickhouse/",
+ "integration_type": [
+ "data management"
+ ],
+ "integration_logo": "/static/images/integrations/logos/kestra.svg",
+ "integration_title": "Kestra",
+ "integration_tier": "community"
+ },
+ {
+ "slug": "https://github.com/adaptive-scale/logchain",
+ "integration_type": [
+ "data integration"
+ ],
+ "integration_logo": "/static/images/integrations/logos/adaptive_logo.png",
+ "integration_title": "Logchain",
+ "integration_tier": "community"
+ },
+ {
+ "slug": "https://mprove.io/",
+ "integration_type": [
+ "data visualization"
+ ],
+ "integration_logo": "/static/images/integrations/logos/logo_mprove.png",
+ "integration_title": "Mprove",
+ "integration_tier": "community"
+ },
+ {
+ "slug": "https://observablehq.com/@stas-sl/clickhouse-playground",
+ "integration_type": [
+ "data visualization"
+ ],
+ "integration_logo": "/static/images/integrations/logos/observable.svg",
+ "integration_title": "Observable",
+ "integration_tier": "community"
+ },
+ {
+ "slug": "https://github.com/smi2/phpClickHouse",
+ "integration_type": [
+ "language client"
+ ],
+ "integration_logo": "/static/images/integrations/logos/logo_php.png",
+ "integration_title": "PHP",
+ "integration_tier": "community"
+ },
+ {
+ "slug": "https://blog.pinax.network/substreams/simplify-real-time-blockchain-analytics-with-clickhouse/",
+ "integration_type": [
+ "data ingestion"
+ ],
+ "integration_logo": "/static/images/integrations/logos/pinax-logo.png",
+ "integration_title": "Pinax",
+ "integration_tier": "partner"
+ },
+ {
+ "slug": "https://www.timestored.com/pulse/",
+ "integration_type": [
+ "data management"
+ ],
+ "integration_logo": "/static/images/integrations/logos/pulse.png",
+ "integration_title": "Pulse",
+ "integration_tier": "community"
+ },
+ {
+ "slug": "https://www.timestored.com/qstudio/database/clickhouse",
+ "integration_type": [
+ "sql client"
+ ],
+ "integration_logo": "/static/images/integrations/logos/qstudio.png",
+ "integration_title": "QStudio",
+ "integration_tier": "community"
+ },
+ {
+ "slug": "https://qryn.dev",
+ "integration_type": [
+ "data integration"
+ ],
+ "integration_logo": "/static/images/integrations/logos/logo_qryn.png",
+ "integration_title": "Qryn",
+ "integration_tier": "community"
+ },
+ {
+ "slug": "https://www.rsyslog.com/doc/master/configuration/modules/omclickhouse.html",
+ "integration_type": [
+ "data ingestion"
+ ],
+ "integration_logo": "/static/images/integrations/logos/rsyslog.png",
+ "integration_title": "RSyslog",
+ "integration_tier": "community"
+ },
+ {
+ "slug": "https://github.com/shlima/click_house",
+ "integration_type": [
+ "language client"
+ ],
+ "integration_logo": "/static/images/integrations/logos/logo_ruby.png",
+ "integration_title": "Ruby",
+ "integration_tier": "community"
+ },
+ {
+ "slug": "https://github.com/IMSMWU/RClickHouse",
+ "integration_type": [
+ "language client"
+ ],
+ "integration_logo": "/static/images/integrations/logos/logo_r.png",
+ "integration_title": "R",
+ "integration_tier": "community"
+ },
+ {
+ "slug": "https://github.com/crobox/clickhouse-scala-client",
+ "integration_type": [
+ "language client"
+ ],
+ "integration_logo": "/static/images/integrations/logos/logo_scala.png",
+ "integration_title": "Scala",
+ "integration_tier": "community"
+ },
+ {
+ "slug": "https://github.com/schemaspy/schemaspy",
+ "integration_type": [
+ "security governance"
+ ],
+ "integration_logo": "/static/images/integrations/logos/schemaspy_logo.png",
+ "integration_title": "SchemaSpy",
+ "integration_tier": "community"
+ },
+ {
+ "slug": "https://trickstercache.org/",
+ "integration_type": [
+ "security governance"
+ ],
+ "integration_logo": "/static/images/integrations/logos/trickster-logo.svg",
+ "integration_title": "TricksterCache",
+ "integration_tier": "community"
+ },
+ {
+ "slug": "https://marketplace.visualstudio.com/items?itemName=fanruten.clickhouse-light",
+ "integration_type": [
+ "language client"
+ ],
+ "integration_logo": "/static/images/integrations/logos/logo_vs.png",
+ "integration_title": "Visual Studio Client",
+ "integration_tier": "community"
+ },
+ {
+ "slug": "https://vulcansql.com/docs/connect/clickhouse",
+ "integration_type": [
+ "data integration"
+ ],
+ "integration_logo": "/static/images/integrations/logos/logo-vulcansql.png",
+ "integration_title": "VulcanSQL",
+ "integration_tier": "community"
+ },
+ {
+ "slug": "https://docs.marimo.io/guides/working_with_data/sql/?h=sql#clickhouse-support",
+ "integration_type": [
+ "sql client"
+ ],
+ "integration_logo": "/static/images/integrations/logos/logo_marimo.png",
+ "integration_title": "marimo",
+ "integration_tier": "community"
+ },
+ {
+ "slug": "https://python.langchain.com/v0.2/docs/integrations/vectorstores/clickhouse/",
+ "integration_type": [
+ "ai/ml"
+ ],
+ "integration_logo": "/static/images/integrations/logos/langchain.svg",
+ "integration_title": "LangChain",
+ "integration_tier": "partner"
+ }
+]
\ No newline at end of file
+
+ setSearchTerm(e.target.value)}
+ className={styles.searchInput}
+ />
+
+
+ {/* Filter Buttons */}
+
+ {/* Integration Type Filters - First Row */}
+
+
+ {/* Integration Sections */}
+ {selectedFilter === 'All' ? (
+ // Show sections grouped by type
+ Array.from(groupedIntegrations.entries())
+ .sort(([a], [b]) => {
+ // Use the same sort order as the filter buttons
+ const sortOrder = [
+ 'Language client',
+ 'ClickPipes',
+ 'Data ingestion',
+ 'Data visualization',
+ 'AI/ML',
+ 'Data integration',
+ 'Data management',
+ 'Security governance',
+ 'SQL client'
+ ];
+
+ const indexA = sortOrder.indexOf(a);
+ const indexB = sortOrder.indexOf(b);
+
+ // If both items are in the sort order, sort by their position
+ if (indexA !== -1 && indexB !== -1) {
+ return indexA - indexB;
+ }
+
+ // If only one item is in the sort order, prioritize it
+ if (indexA !== -1) return -1;
+ if (indexB !== -1) return 1;
+
+ // If neither item is in the sort order, fall back to alphabetical
+ return a.localeCompare(b);
+ })
+ .map(([type, typeIntegrations]) => (
+
+
+ {integrationTypes.map(type => (
+
+ ))}
+
+
+ {/* Integration Tier Filters - Second Row */}
+
+
+ {integrationTiers.map(tier => (
+
+ ))}
+
+ + {getProperCapitalization(type)} +
++ {getSectionDescription(type)} +
++ {getProperCapitalization(selectedFilter)} +
++ {getSectionDescription(selectedFilter)} +
+
+
+ )}
+ No integrations found matching your criteria.
+