Embed Docs

Use a single <script> tag to embed our calculators and widgets on your site. Each script supports optional data-* attributes to prefill state. All embeds auto‑resize and are cookie‑free.

Angle Calculator

Parameters: data-units (mm|in), data-h, data-t, data-single (1|0), data-type

// Angle Example

<script src="/embed/angle.js" data-theme="light" data-height="560" data-units="mm" data-h="3" data-t="0.5" data-single="0" data-type="chef"></script>

You can set base, theme, height, and other data‑attributes as needed.

Sharpening Schedule

// Schedule Example

<script src="/embed/schedule.js" data-theme="light" data-height="560" data-uses="12" data-steel="VG-10" data-board="wood" data-role="chef" data-skill="intermediate"></script>

You can set base, theme, height, and other data‑attributes as needed.

Blade Length Converter

Parameters: data-default (e.g., 8in or 20.3cm)

// Length Example

<script src="/embed/length.js" data-theme="light" data-height="420" data-default="8in"></script>

You can set base, theme, height, and other data‑attributes as needed.

Grit Planner

Parameters: data-steel, data-condition, data-stones (comma‑sep), data-strop (1|0), data-hone (1|0)

// Grit Example

<script src="/embed/grit.js" data-theme="light" data-height="620" data-steel="VG-10" data-condition="slightly_dull" data-stones="400,1000,3000,6000" data-strop="1" data-hone="0"></script>

You can set base, theme, height, and other data‑attributes as needed.

Steel Selector

Parameters: data-edge, data-corrosion, data-toughness, data-ease (0–10)

// Steel Example

<script src="/embed/steel.js" data-theme="light" data-height="560" data-edge="7" data-corrosion="7" data-toughness="5" data-ease="5"></script>

You can set base, theme, height, and other data‑attributes as needed.

Steel Card

Parameters: data-steel (e.g., vg10), data-height, data-base, data-theme

// Steel Card Example

<script src="/embed/steel-card.js" data-steel="vg10" data-height="220"></script>

You can set base, theme, height, and other data‑attributes as needed.

Widgets

Deal Under $X — /embed/deal.js — data-cap, data-category
Steel Compare Mini — /embed/steel-compare.js — data-a, data-b (vg10|aus10|german|vgmax)
Top 3 Picks — /embed/top3.js — data-category
Care Tip — /embed/care-tip.js — data-offset
Sharpening Step — /embed/sharpen-step.js — data-sequence
Steel Card — /embed/steel-card.js — data-steel, data-height

Back to Tools

Angle Calculator

Parameters: data-units (mm|in), data-h, data-t, data-single (1|0), data-type

// Angle Example

<script src="/embed/angle.js" data-theme="light" data-height="560" data-units="mm" data-h="3" data-t="0.5" data-single="0" data-type="chef"></script>

You can set base, theme, height, and other data‑attributes as needed.

Sharpening Schedule

// Schedule Example

<script src="/embed/schedule.js" data-theme="light" data-height="560" data-uses="12" data-steel="VG-10" data-board="wood" data-role="chef" data-skill="intermediate"></script>

You can set base, theme, height, and other data‑attributes as needed.

Grit Planner

Parameters: data-steel, data-condition, data-stones (comma‑sep), data-strop (1|0), data-hone (1|0)

// Grit Example

<script src="/embed/grit.js" data-theme="light" data-height="620" data-steel="VG-10" data-condition="slightly_dull" data-stones="400,1000,3000,6000" data-strop="1" data-hone="0"></script>

You can set base, theme, height, and other data‑attributes as needed.

Steel Selector

Parameters: data-edge, data-corrosion, data-toughness, data-ease (0–10)

// Steel Example

<script src="/embed/steel.js" data-theme="light" data-height="560" data-edge="7" data-corrosion="7" data-toughness="5" data-ease="5"></script>

You can set base, theme, height, and other data‑attributes as needed.

Widgets

Deal Under $X — /embed/deal.js — data-cap, data-category

Steel Compare Mini — /embed/steel-compare.js — data-a, data-b (vg10|aus10|german|vgmax)

Top 3 Picks — /embed/top3.js — data-category

Care Tip — /embed/care-tip.js — data-offset

Sharpening Step — /embed/sharpen-step.js — data-sequence

Steel Card — /embed/steel-card.js — data-steel, data-height