Skip to content

Embeddable widget

Add a list of the latest AI security issues to any website with a single script tag. The widget fetches the latest issues from the AI Sec Watch API and renders inside a shadow DOM to avoid CSS conflicts with your site.

Configure

Severity
Items
Theme

Embed code

HTML
<script src="https://aisecwatch.com/widget.js" data-severity="critical" data-limit="5" data-theme="light"></script>

Minimal version (uses defaults): <script src="https://aisecwatch.com/widget.js"></script>

Preview

AI Sec Watch — Critical Alerts
Latest AI security advisories
Loading alerts...
Powered by AI Sec Watch

How it works

  1. 1.

    Add the script tag

    Drop the embed code into any HTML page. Place the script tag at the end of the page body so it does not delay rendering.

  2. 2.

    Shadow DOM isolation

    The widget creates a shadow DOM container, ensuring its styles never conflict with your existing CSS.

  3. 3.

    Live API data

    Issues are fetched directly from the AI Sec Watch public API with CORS support. Data updates every six hours.

  4. 4.

    Customize with data attributes

    Use data-severity, data-limit, and data-theme to control what the widget displays and how it looks.

Configuration reference

AttributeDefaultOptions
data-severitycriticalcritical, high, medium, low, info
data-limit51 to 10
data-themelightlight, dark

Need more control? Use the REST API directly for full programmatic access to all fields and filters.