Add DrugFYI Drugs cards, medical glossary terms, drug guides, interactive health calculators, and inline badges to any website — one script tag.
Evidence-based health information with clinical references and safety data.
One script tag. Drugs embedded in 30 seconds.
Include the embed script from jsDelivr CDN anywhere in your HTML.
Add a div with the data-drugfyi attribute.
The widget renders automatically — fully isolated by Shadow DOM, disclaimer included.
<!-- Step 1: Add embed script -->
<script src="https://cdn.jsdelivr.net/npm/drugfyi-embed@1/dist/embed.min.js"></script>
<!-- Step 2: Place the widget -->
<div data-drugfyi="entity"
data-slug="example-drugs"
data-style="modern"
data-theme="auto"></div>7 widget types × 2 styles × 4 themes
Sample Health Record
Health · DrugFYI
Evidence-based information about this health topic, verified with clinical references.
Category
General
Source
PubMed
A standardized medical term with clinical definition and related conditions or uses.
Step-by-step clinical guide with evidence levels and practice recommendations.
Option A
Category: Type I
Risk: Low
Option B
Category: Type II
Risk: Moderate
What does this health metric mean?
This metric indicates general wellness based on clinical standards and population data.
When should I see a doctor?
Consult a healthcare professional for any symptoms or concerns about your health.
The body maintains homeostasis through various mechanisms. System refers to an organized collection of organs working together.
Sample Health Record
Health · DrugFYI
Evidence-based information about this health topic, verified with clinical references.
Category
General
Source
PubMed
A standardized medical term with clinical definition.
Step-by-step clinical guide with evidence levels.
Option A
Type I · Low
Option B
Type II · Moderate
What does this health metric mean?
This metric indicates general wellness.
When should I see a doctor?
Consult a healthcare professional for concerns.
The body maintains homeostasis through various mechanisms. System refers to an organized collection of organs.
<div data-drugfyi="entity"
data-slug="example-drugs"
data-style="modern"
data-theme="auto"></div><div data-drugfyi="glossary"
data-slug="medical-term"
data-theme="auto"></div><div data-drugfyi="guide"
data-slug="health-guide-slug"
data-theme="auto"></div><div data-drugfyi="search"
data-placeholder="Search Drugs…"
data-theme="auto"></div><div data-drugfyi="compare"
data-slug-a="option-a"
data-slug-b="option-b"
data-theme="auto"></div><div data-drugfyi="faq"
data-slug="example-drugs"
data-theme="auto"></div><!-- System badge (AnatomyFYI) -->
<span data-anatomyfyi="system-badge" data-slug="cardiovascular"></span>
<!-- Dosage badge (PillFYI) -->
<span data-pillfyi="dosage-badge" data-slug="aspirin"></span>
<!-- Macro badge (NutriFYI) -->
<span data-nutrifyi="macro-badge" data-slug="chicken-breast"></span>| Attribute | Values | Default | Description |
|---|---|---|---|
| data-drugfyi | entity · glossary · guide · search · compare · faq | required | Widget type to render |
| data-slug | string | required | Entity slug from drugfyi.com |
| data-style | clinical · modern | clinical | Visual style variant |
| data-theme | light · dark · sepia · auto | auto | Color theme (auto follows OS preference) |
| data-lang | en · es · fr · de · ja … | en | Display language |
| data-no-snippet | true | false | Disable rich snippet injection into host page |
2 styles × 4 themes = 8 combinations. All CSS-isolated via Shadow DOM.
<!-- Clinical style + sepia theme -->
<div data-drugfyi="entity"
data-slug="example-drugs"
data-style="clinical"
data-theme="sepia"></div>Multiple delivery options for every use case.
Global CDN with automatic version resolution. Zero config.
<script src="https://cdn.jsdelivr.net/npm/drugfyi-embed@1/dist/embed.min.js"></script>Install via npm and import in your build pipeline.
npm install drugfyi-embed
// In your JS/TS:
import 'drugfyi-embed';Download and host on your own CDN for full control.
<script src="/assets/drugfyi-embed.min.js"></script>Part of the FYIPedia open-source developer tools ecosystem. Hub: bodyfyi.com
14,692 anatomical structures, systems, organs — human body reference
Pill identification, FDA drug database, dosage reference
Drug interactions, pharmacology, side effects, contraindications
Nutrition data, food composition, dietary analysis & macros
Embed widgets across 11 knowledge families
| Family | Sites | Widget Package |
|---|---|---|
| Health FYI | AnatomyFYI · PillFYI · DrugFYI · NutriFYI | drugfyi-embed |
| Creative FYI | ColorFYI · FontFYI · EmojiFYI · SymbolFYI · UnicodeFYI | colorfyi-embed … |
| Nature FYI | SpeciesFYI · BirdFYI · FishFYI · PlantFYI · DinoFYI | speciesfyi-embed … |
| Science FYI | ChemFYI · AlloyFYI · GemFYI · StarFYI · MineralFYI | chemfyi-embed … |
| Transport FYI | AirportFYI · AirlineFYI · PlaneFYI · TrainFYI | airportfyi-embed … |
| Geo FYI | DistanceFYI · MountainFYI · QuakeFYI · ZipFYI | distancefyi-embed … |
Plus: Beverage FYI · Tag FYI · Network FYI · Utility FYI · Guide FYI — fyipedia.com/developers