fleet/website/views/pages/integrations.ejs
kilo-code-bot[bot] 7d47b46e3f
Add 'Edit page' button to integrations page (#42789)
## Summary

- Adds an "Edit page" button to the integrations page (`/integrations`),
linking to the source EJS template on GitHub for easy editing
- Follows the same pattern and styling used by the existing edit button
on docs pages (green outline button with pencil icon, hover state)

## Changes

- **`website/views/pages/integrations.ejs`** — Added an edit button link
(`<a purpose="edit-button">`) inside the page heading section, pointing
to
`https://github.com/fleetdm/fleet/edit/main/website/views/pages/integrations.ejs`
- **`website/assets/styles/pages/integrations.less`** — Added styling
for the `[purpose='edit-button']` selector within the page heading,
matching the docs page edit button style (green border, hover fill,
pencil icon spacing)

---

Built for
[mikermcneil](https://fleetdm.slack.com/archives/D0AFASLRHNU/p1775011563009399)
by [Kilo for Slack](https://kilo.ai/features/slack-integration)

---------

Co-authored-by: kiloconnect[bot] <240665456+kiloconnect[bot]@users.noreply.github.com>
Co-authored-by: Eric <eashaw@sailsjs.com>
2026-04-03 17:23:08 -05:00

417 lines
24 KiB
Text
Vendored
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<div id="integrations" v-cloak>
<div purpose="page-container" class="container-xl mx-auto">
<div purpose="page-heading">
<h1>Extend Fleet</h1>
<p>Integrate ticketing systems, data lakes (/SIEMs), no-code (/SOAR) platforms, configuration management tools, network appliances for asset discovery, and more.</p>
<p>You can also build custom workflows with the REST API, webhook events, and fleetctl command line tool.</p>
<a purpose="edit-button" href="https://github.com/fleetdm/fleet/edit/main/website/views/pages/integrations.ejs" target="_blank" no-icon>
<i class="fa fa-pencil"></i>Edit page
</a>
</div>
<div purpose="integration-cards" class="card-deck d-flex justify-content-center">
<div purpose="integration-card" class="card">
<div purpose="integration-logo">
<img src="/images/logo-okta-85x28@2x.png" alt="Okta logo">
</div>
<div purpose="integration-card-body" class="card-body">
<p>
Okta is an identity and access management (IAM) platform. Configure Fleet as an Okta SAML application so your team signs in with existing corporate credentials, reduces password sprawl, and centralizes access control.
</p>
<div purpose="integration-card-buttons" class="d-flex flex-row justify-content-between">
<a purpose="learn-more-link" target="_blank" href="https://www.okta.com/">Learn more</a>
<animated-arrow-button class="py-0" href="/docs/deploy/single-sign-on-sso#okta">Docs</animated-arrow-button>
</div>
</div>
</div>
<div purpose="integration-card" class="card">
<div purpose="integration-logo">
<img src="/images/logo-snowflake-color-117x28@2x.png" alt="Snowflake logo">
</div>
<div purpose="integration-card-body" class="card-body">
<p>
Snowflake is a cloud data warehouse. Stream Fleet host and osquery data into Snowflake to run analytics, build dashboards, and combine endpoint visibility with the rest of your data, so security and BI teams work from one source.
</p>
<div purpose="integration-card-buttons" class="d-flex flex-row justify-content-between">
<a purpose="learn-more-link" target="_blank" href="https://www.snowflake.com/">Learn more</a>
<animated-arrow-button class="py-0" href="/guides/delivering-data-to-snowflake-from-fleet-and-osquery">Guide</animated-arrow-button>
</div>
</div>
</div>
<div purpose="integration-card" class="card">
<div purpose="integration-logo">
<img src="/images/logo-tines-90x28@2x.png" alt="Tines logo">
</div>
<div purpose="integration-card-body" class="card-body">
<p>
Tines is a no-code SOAR and workflow automation platform. Use Fleet webhooks so Tines runs workflows when hosts go offline, policies fail, or new vulnerabilities appear, automating response without writing code.
</p>
<div purpose="integration-card-buttons" class="d-flex flex-row justify-content-between">
<a purpose="learn-more-link" target="_blank" href="https://www.tines.com/">Learn more</a>
<animated-arrow-button class="py-0" href="/guides/using-fleet-and-tines-together#basic-article">Guide</animated-arrow-button>
</div>
</div>
</div>
<div purpose="integration-card" class="card">
<div purpose="integration-logo">
<img src="/images/logo-runzero-130x28@2x.png" alt="runZero Directory logo">
</div>
<div purpose="integration-card-body" class="card-body">
<p>
runZero is an asset discovery and network visibility platform. Use runZero to deploy osquery and discover assets, then manage and query those hosts in Fleet, giving you one place for asset discovery and endpoint visibility.
</p>
<div purpose="integration-card-buttons" class="d-flex flex-row justify-content-between">
<a purpose="learn-more-link" target="_blank" href="https://www.runzero.com/">Learn more</a>
</div>
</div>
</div>
<div purpose="integration-card" class="card">
<div purpose="integration-logo">
<img src="/images/logo-active-directory-169x28@2x.png" alt="Active Directory logo">
</div>
<div purpose="integration-card-body" class="card-body">
<p>
Active Directory is an on-premises identity and directory service. Use AD as the identity provider for Fleet so users sign in with existing domain credentials, keeping Fleet aligned with your current identity and access model.
</p>
<div purpose="integration-card-buttons" class="d-flex flex-row justify-content-between">
<a purpose="learn-more-link" target="_blank" href="https://learn.microsoft.com/en-us/azure/active-directory/fundamentals/whatis">Learn more</a>
</div>
</div>
</div>
<div purpose="integration-card" class="card">
<div purpose="integration-logo">
<img src="/images/logo-ansible-147x28@2x.png" alt="Ansible logo">
</div>
<div purpose="integration-card-body" class="card-body">
<p>
Ansible is a configuration management and automation platform. Run Ansible playbooks from or alongside Fleet to install software, change configs, and enforce state across your hosts, combining Fleets visibility with Ansibles automation.
</p>
<div purpose="integration-card-buttons" class="d-flex flex-row justify-content-between">
<a purpose="learn-more-link" target="_blank" href="https://www.youtube.com/watch?v=mXGisrZK7fc">Learn more</a>
</div>
</div>
</div>
<div purpose="integration-card" class="card">
<div purpose="integration-logo">
<img src="/images/logo-aws-46x28@2x.png" alt="AWS logo">
</div>
<div purpose="integration-card-body" class="card-body">
<p>
AWS is a cloud provider. Run a self-managed Fleet server on EC2 (or ECS) so Fleet lives in your AWS account, giving you full control over data, networking, and compliance while using the same cloud you already use.
</p>
<div purpose="integration-card-buttons" class="d-flex flex-row justify-content-between">
<a purpose="learn-more-link" target="_blank" href="https://aws.amazon.com/">Learn more</a>
<animated-arrow-button class="py-0" href="/docs/deploy/deploy-fleet#aws">Get started</animated-arrow-button>
</div>
</div>
</div>
<div purpose="integration-card" class="card">
<div purpose="integration-logo">
<img src="/images/logo-azure-169x28@2x.png" alt="Azure logo">
</div>
<div purpose="integration-card-body" class="card-body">
<p>
Azure is a cloud provider. Run a self-managed Fleet server on Azure VMs or containers so Fleet runs in your Azure tenant, keeping endpoint data in your cloud and under your governance.
</p>
<div purpose="integration-card-buttons" class="d-flex flex-row justify-content-between">
<a purpose="learn-more-link" target="_blank" href="https://azure.microsoft.com/en-us">Learn more</a>
<animated-arrow-button class="py-0" href="https://chat.osquery.io/c/fleet">Community support</animated-arrow-button>
</div>
</div>
</div>
<div purpose="integration-card" class="card">
<div purpose="integration-logo">
<img src="/images/logo-chef-169x28@2x.png" alt="Chef logo">
</div>
<div purpose="integration-card-body" class="card-body">
<p>
Chef is a configuration management platform. Deploy and run Chef cookbooks with Fleet to define and enforce desired state across servers and workstations, so Fleets visibility pairs with Chefs configuration automation.
</p>
<div purpose="integration-card-buttons" class="d-flex flex-row justify-content-between">
<a purpose="learn-more-link" target="_blank" href="https://www.youtube.com/watch?v=tbRzbRCf35E">Learn more</a>
</div>
</div>
</div>
<div purpose="integration-card" class="card">
<div purpose="integration-logo">
<img src="/images/logo-elastic-82x28@2x.png" alt="Elastic logo">
</div>
<div purpose="integration-card-body" class="card-body">
<p>
Elastic (Elasticsearch, Kibana) is a search and observability platform. Send Fleet and osquery logs and results to Elastic to search, visualize, and alert on endpoint data, turning Fleet into a rich data source for your SIEM or ops stack.
</p>
<div purpose="integration-card-buttons" class="d-flex flex-row justify-content-between">
<a purpose="learn-more-link" target="_blank" href="https://www.elastic.co/">Learn more</a>
<animated-arrow-button class="py-0" href="/guides/using-elasticsearch-and-kibana-to-visualize-osquery-performance">Guide</animated-arrow-button>
</div>
</div>
</div>
<div purpose="integration-card" class="card">
<div purpose="integration-logo">
<img src="/images/logo-github-89x28@2x.png" alt="Github logo">
</div>
<div purpose="integration-card-body" class="card-body">
<p>
GitHub is a version control and CI/CD platform. Use GitHub Actions (or similar) to apply Fleet configuration and profiles from a repo, so Fleet config is versioned, reviewed, and deployed via a gitOps workflow.
</p>
<div purpose="integration-card-buttons" class="d-flex flex-row justify-content-between">
<a purpose="learn-more-link" target="_blank" href="https://github.com/">Learn more</a>
<animated-arrow-button class="py-0" href="/guides/using-github-actions-to-apply-configuration-profiles-with-fleet">Guide</animated-arrow-button>
</div>
</div>
</div>
<div purpose="integration-card" class="card">
<div purpose="integration-logo">
<img src="/images/logo-gitlab-124x28@2x.png" alt="GitLab logo">
</div>
<div purpose="integration-card-body" class="card-body">
<p>
GitLab is a version control and CI/CD platform. Use GitLab CI to manage and apply Fleet configuration from a repo, so Fleet follows a gitOps workflow with version history and collaboration.
</p>
<div purpose="integration-card-buttons" class="d-flex flex-row justify-content-between">
<a purpose="learn-more-link" target="_blank" href="https://about.gitlab.com/">Learn more</a>
<animated-arrow-button class="py-0" target="_blank" href="https://docs.gitlab.com/ee/ci/">Docs</animated-arrow-button>
</div>
</div>
</div>
<div purpose="integration-card" class="card">
<div purpose="integration-logo">
<img src="/images/logo-google-chronicle-128x28@2x.png" alt="Google Chronicle logo">
</div>
<div purpose="integration-card-body" class="card-body">
<p>
Google Chronicle is a SIEM and security analytics platform. Ingest Fleet and osquery data into Chronicle to run detections and investigations on endpoint telemetry, so Fleets host and query data powers your security analytics.
</p>
<div purpose="integration-card-buttons" class="d-flex flex-row justify-content-between">
<a purpose="learn-more-link" target="_blank" href="https://chronicle.security/">Learn more</a>
<animated-arrow-button class="py-0" target="_blank" href="https://cloud.google.com/chronicle/docs/ingestion/default-parsers/collect-osquery">Docs</animated-arrow-button>
</div>
</div>
</div>
<div purpose="integration-card" class="card">
<div purpose="integration-logo">
<img src="/images/logo-google-cloud-174x28@2x.png" alt="Google Cloud Platform logo">
</div>
<div purpose="integration-card-body" class="card-body">
<p>
Google Cloud Platform (GCP) is a cloud provider. Run a self-managed Fleet server on Compute Engine or GKE so Fleet operates inside your GCP project, with control over data residency and network topology.
</p>
<div purpose="integration-card-buttons" class="d-flex flex-row justify-content-between">
<a purpose="learn-more-link" target="_blank" href="https://console.cloud.google.com/getting-started">Learn more</a>
<animated-arrow-button class="py-0" href="https://chat.osquery.io/c/fleet">Community support</animated-arrow-button>
</div>
</div>
</div>
<div purpose="integration-card" class="card">
<div purpose="integration-logo">
<img src="/images/logo-ilert-93x28@2x.png" alt="Ilert logo">
</div>
<div purpose="integration-card-body" class="card-body">
<p>
Ilert is an alerting and incident management platform. Route Fleet webhooks (e.g., policy failures, new CVEs) to Ilert to get notified via SMS, push, or voice, so critical endpoint events reach the right people immediately.
</p>
<div purpose="integration-card-buttons" class="d-flex flex-row justify-content-between">
<a purpose="learn-more-link" target="_blank" href="https://docs.ilert.com/integrations/inbound-integrations/fleet/?utm_campaign=145843449-Fleet&utm_source=integration&utm_medium=organic">Learn more</a>
</div>
</div>
</div>
<div purpose="integration-card" class="card">
<div purpose="integration-logo">
<img src="/images/logo-jira-185x28@2x.png" alt="Jira Software logo">
</div>
<div purpose="integration-card-body" class="card-body">
<p>
Jira is a ticketing and project management platform. Use Fleets vulnerability automations to create Jira tickets when new CVEs are detected on hosts, so remediation is tracked in the same tool your team already uses.
</p>
<div purpose="integration-card-buttons" class="d-flex flex-row justify-content-between">
<a purpose="learn-more-link" target="_blank" href="https://www.atlassian.com">Learn more</a>
<animated-arrow-button class="py-0" href="/docs/using-fleet/automations#vulnerability-automations">Docs</animated-arrow-button>
</div>
</div>
</div>
<div purpose="integration-card" class="card">
<div purpose="integration-logo">
<img src="/images/logo-munki-101x28@2x.png" alt="Munki logo">
</div>
<div purpose="integration-card-body" class="card-body">
<p>
Munki is an open-source Mac software management tool. Use Fleet with Munki (e.g., via bootstrap packages) to deploy and update software on macOS hosts, so Mac fleet management and Fleets visibility stay in sync.
</p>
<div purpose="integration-card-buttons" class="d-flex flex-row justify-content-between">
<a purpose="learn-more-link" target="_blank" href="https://github.com/munki/munki">Learn more</a>
<animated-arrow-button class="py-0" href="/docs/using-fleet/mdm-macos-setup-experience#bootstrap-package">Docs</animated-arrow-button>
</div>
</div>
</div>
<div purpose="integration-card" class="card">
<div purpose="integration-logo">
<img src="/images/logo-puppet-79x28@2x.png" alt="Puppet logo">
</div>
<div purpose="integration-card-body" class="card-body">
<p>
Puppet is a configuration management platform. Deploy and run Puppet with Fleet to enforce desired state and compliance across infrastructure, so Fleets host visibility complements Puppets configuration automation.
</p>
<div purpose="integration-card-buttons" class="d-flex flex-row justify-content-between">
<a purpose="learn-more-link" target="_blank" href="https://www.youtube.com/watch?v=_99wKuvHlMQ&t=1s">Learn more</a>
</div>
</div>
</div>
<div purpose="integration-card" class="card">
<div purpose="integration-logo">
<img src="/images/logo-salt-1000x356@2x.png" alt="Salt logo">
</div>
<div purpose="integration-card-body" class="card-body">
<p>
Salt is a configuration management and orchestration platform. Deploy and run Salt with Fleet to automate configuration and compliance at scale, so Fleets endpoint view and Salts automation work together.
</p>
<div purpose="integration-card-buttons" class="d-flex flex-row justify-content-between">
<a purpose="learn-more-link" target="_blank" href="https://www.youtube.com/watch?v=vzW3BTtJ0-M">Learn more</a>
</div>
</div>
</div>
<div purpose="integration-card" class="card">
<div purpose="integration-logo">
<img src="/images/logo-splunk-95x28@2x.png" alt="Splunk logo">
</div>
<div purpose="integration-card-body" class="card-body">
<p>
Splunk is a SIEM and observability platform. Send Fleet logs and osquery results to Splunk to search, correlate, and alert on endpoint data alongside the rest of your security and ops data.
</p>
<div purpose="integration-card-buttons" class="d-flex flex-row justify-content-between">
<a purpose="learn-more-link" target="_blank" href="https://www.splunk.com/">Learn more</a>
<animated-arrow-button class="py-0" href="/docs/using-fleet/log-destinations#splunk">Docs</animated-arrow-button>
</div>
</div>
</div>
<div purpose="integration-card" class="card">
<div purpose="integration-logo">
<img src="/images/logo-oomnitza-109x28@2x.png" alt="Oomnitza">
</div>
<div purpose="integration-card-body" class="card-body">
<p>
Oomnitza is an IT asset management (ITAM) platform. Sync Fleet host data (serial, user, location, lifecycle) into Oomnitza so asset inventory, lifecycle, and compliance are based on the same endpoint truth.
</p>
<div purpose="integration-card-buttons" class="d-flex flex-row justify-content-between">
<a purpose="learn-more-link" target="_blank" href="https://oomnitza.zendesk.com/hc/en-us/sections/15236197815191-Fleet-Device-Management">Learn more</a>
</div>
</div>
</div>
<div purpose="integration-card" class="card">
<div purpose="integration-logo">
<img src="/images/logo-adaptive-shield-73x28@2x.png" alt="Adaptive Shield">
</div>
<div purpose="integration-card-body" class="card-body">
<p>
Adaptive Shield is a SaaS security posture management (SSPM) platform. Use Fleets device and configuration data so Adaptive Shield can notify and help remediate when SaaS app configuration drifts, connecting endpoint and SaaS security.
</p>
<div purpose="integration-card-buttons" class="d-flex flex-row justify-content-between">
<a purpose="learn-more-link" target="_blank" href="https://www.adaptive-shield.com/integrations/it-and-security/">Learn more</a>
</div>
</div>
</div>
<div purpose="integration-card" class="card">
<div purpose="integration-logo">
<img src="/images/logo-homebrew-112x29@2x.png" alt="Homebrew">
</div>
<div purpose="integration-card-body" class="card-body">
<p>
Homebrew is a Mac and Linux package manager. Use Fleet to install and manage software via Homebrew across your fleet, so open-source tools and dependencies are deployed consistently and at scale.
</p>
<div purpose="integration-card-buttons" class="d-flex flex-row justify-content-between">
<a purpose="learn-more-link" target="_blank" href="https://brew.sh">Learn more</a>
</div>
</div>
</div>
<div purpose="integration-card" class="card">
<div purpose="integration-logo">
<img src="/images/logo-workbrew-154x28@2x.png" alt="Workbrew">
</div>
<div purpose="integration-card-body" class="card-body">
<p>
Workbrew manages Homebrew packages across your macOS fleet. Connect Workbrew to Fleet to map those hosts and get a single view of device health, queries, and policies alongside your Homebrew deployment status.
</p>
<div purpose="integration-card-buttons" class="d-flex flex-row justify-content-between">
<a purpose="learn-more-link" target="_blank" href="https://workbrew.com">Learn more</a>
</div>
</div>
</div>
<div purpose="integration-card" class="card">
<div purpose="integration-logo">
<img src="/images/logo-vanta-82x28@2x.png" alt="Vanta">
</div>
<div purpose="integration-card-body" class="card-body">
<p>
Vanta is a compliance and security automation platform. Send Fleet user and host data to Vanta to automatically collect evidence and demonstrate control over endpoints, speeding up audits and continuous compliance.
</p>
<div purpose="integration-card-buttons" class="d-flex flex-row justify-content-between">
<a purpose="learn-more-link" target="_blank" href="https://vanta.com">Learn more</a>
<animated-arrow-button class="py-0" href="/connect-vanta">Get started</animated-arrow-button>
</div>
</div>
</div>
<div purpose="integration-card" class="card invisible mb-0 d-none d-sm-flex">
</div>
</div>
<div purpose="page-heading">
<h2>Build anything</h2>
<p>Configure custom IdPs, trigger automations with webhooks, or build custom dashboards using Fleets REST API.</p>
</div>
<div purpose="integration-cards" class="card-deck d-flex justify-content-center">
<div purpose="integration-card" class="card">
<div purpose="integration-logo" class="d-flex flex-row align-items-center">
<img src="/images/icon-idp-22x28@2x.png" alt="Custom IdP">
<p>Custom IdP</p>
</div>
<div purpose="integration-card-body" class="card-body">
<p>
Use any SAML-compatible IdP for Fleet. Combine Fleet's device ground truth (e.g., host status, policy) with your IdP so access decisions can factor in both identity and device state.
</p>
<div purpose="integration-card-buttons" class="d-flex flex-row justify-content-end">
<animated-arrow-button class="py-0" href="/docs/deploy/single-sign-on-sso#other-idps">Docs</animated-arrow-button>
</div>
</div>
</div>
<div purpose="integration-card" class="card">
<div purpose="integration-logo" class="d-flex flex-row align-items-center">
<img src="/images/icon-webhooks-30x28@2x.png" alt="Webhooks">
<p>Webhooks</p>
</div>
<div purpose="integration-card-body" class="card-body">
<p>
Webhooks are outbound event notifications. Fleet can send webhooks when host, policy, or CVE status changes, so you can trigger ticketing, SOAR, chat, or custom scripts without polling, and keep the rest of your stack in sync.
</p>
<div purpose="integration-card-buttons" class="d-flex flex-row justify-content-end">
<animated-arrow-button class="py-0" href="/docs/using-fleet/automations">Docs</animated-arrow-button>
</div>
</div>
</div>
<div purpose="integration-card" class="card">
<div purpose="integration-logo" class="d-flex flex-row align-items-center">
<img src="/images/icon-rest-api-35x28@2x.png" alt="REST API">
<p>REST API</p>
</div>
<div purpose="integration-card-body" class="card-body">
<p>
Fleets REST API exposes hosts, queries, policies, and configuration programmatically. Use it to build custom dashboards, integrate with internal tools, or automate Fleet, so you can extend Fleet to fit your workflows.
</p>
<div purpose="integration-card-buttons" class="d-flex flex-row justify-content-end">
<animated-arrow-button class="py-0" href="/docs/rest-api/rest-api ">Docs</animated-arrow-button>
</div>
</div>
</div>
<div purpose="integration-card" class="card invisible mb-0 d-none d-sm-flex">
</div>
</div>
</div>
</div>
<%- /* Expose server-rendered data as window.SAILS_LOCALS :: */ exposeLocalsToBrowser() %>