Cited Health Embed
Zero Dependencies · ~8KB · Shadow DOM · Peer-Reviewed Data

Embed All Health Topics
Evidence on Any Website

Add Cited Health evidence widgets, ingredient profiles, condition summaries, and research papers to any website with a single line of HTML. No build tools. No dependencies. Peer-reviewed data with safety grades.

HTML
<!-- 1. Place the widget div -->
<div data-citedhealth="evidence" data-slug="vitamin-d"></div>

<!-- 2. Add the script once -->
<script src="https://cdn.jsdelivr.net/npm/citedhealth-embed@1/dist/embed.min.js"></script>

Widget Preview

AVitamin DStrong

Bone health, immune support

47
Studies
0.82
Effect
A
Safety

Not medical advice. Powered by Cited Health

Quick Start

Two lines of HTML. That's all it takes.

HTML
<!-- Step 1: Place widget divs anywhere on your page -->
<div data-citedhealth="evidence" data-slug="vitamin-d" data-theme="light"></div>
<div data-citedhealth="ingredient" data-slug="magnesium" data-theme="light"></div>
<div data-citedhealth="safety" data-slug="melatonin" data-size="compact"></div>

<!-- Step 2: Load the embed script once, anywhere -->
<script src="https://cdn.jsdelivr.net/npm/citedhealth-embed@1/dist/embed.min.js"></script>
🔒
Shadow DOM Isolation
No CSS conflicts with your site.
Zero Dependencies
No jQuery, React. ~8KB gzipped.
🔬
Peer-Reviewed Data
From Cited Health's curated database.

7 Widget Types × 3 Styles × 2 Themes

Select a widget type to see all 3 design styles in Light and Dark. Every widget includes Shadow DOM, medical disclaimer, and backlink.

HTML
<div data-citedhealth=""
  data-slug="biotin"
  data-style="modern"
  data-theme="light"></div>

Widget Options

All data-* attributes supported by Cited Health embed widgets.

Attribute Values Default Description
data-citedhealthevidence, ingredient, condition, paper, figure, search, safetyrequiredWidget type to render
data-slug"vitamin-d", "insomnia", "magnesium"required*Entity slug. *Not required for search widget.
data-themelight, dark, sepia, autolightVisual theme. auto detects prefers-color-scheme from the host page.
data-stylemodern, clinical, researchmodernWidget design style — affects layout and typography.
data-sizedefault, compactdefaultWidget size. compact for sidebars.
data-placeholderany string"Search..."Search box placeholder (search widget only).
data-langen, ko, ja, es, zh, ...enUI language for labels and disclaimer.

Styles & Themes

Combine any style with any theme. Set with data-style and data-theme.

Moderndata-style="modern"

Rounded corners, accent highlights, soft shadows. Best for blogs and landing pages.

Clinicaldata-style="clinical"

Sharp borders, structured tables, medical whitespace. Best for health portals.

Researchdata-style="research"

Citation typography, monospace DOIs, progress bars. Best for academic sites.

Light
data-theme="light"

White background, dark text. Default.

Dark
data-theme="dark"

Dark background, light text.

Sepia
data-theme="sepia"

Warm parchment tones.

Auto dark mode: Set data-theme="auto" to automatically match your site's color scheme via prefers-color-scheme.

CDN Options

Three ways to embed — choose what fits your stack.

jsDelivr CDN

Recommended

Global CDN, auto-updates with npm.

HTML
<script src="https://cdn.jsdelivr.net/npm/citedhealth-embed@1/dist/embed.min.js"></script>
📦

npm Package

For Webpack, Vite, Rollup bundlers.

Shell
npm install citedhealth-embed

// In your JS/TS:
import 'citedhealth-embed';
☁️

R2 CDN

Hosted by Cited Health on Cloudflare R2.

HTML
<script src="https://cdn.citedhealth.com/embed.min.js"></script>

CITED Health Network

Part of Cited Health — evidence-based health information across 9 organ systems.

SiteDomainPackage
Cited Healthcitedhealth.comnpm
HairCitedhaircited.comnpm
SleepCitedsleepcited.comnpm
GutCitedgutcited.comnpm
ImmuneCitedimmunecited.comnpm
BrainCitedbraincited.comnpm
WeightCitedweightcited.comnpm
HeartCitedheartcited.comnpm
SkinCitedskincited.comnpm