DoseCraft
VapeHeatLab
IncognitoFree tool for site owners
Put a real strain card on your site
Pick any strain from our database of 8,500+, grab one line of code, and drop a clean, accurate card straight onto your page. THC and CBD ranges, terpenes, lineage, effects, all pulled live and kept current.
It’s free. The only catch is a small “Powered by Herbistry420” link riding along, and honestly that’s the whole deal.
Build your card ↓Why bother
Real data, zero upkeep
Your pages get real numbers, not guesses you have to maintain. We keep the data current, your card updates when we update. You do nothing.
One line, no plugin
No account, no plugin to babysit, no build step. Paste two lines where you want the card and you’re done.
It matches your site
Light or dark, your accent color, ready-made art styles or your own image, the fields you want. It stays in its own box, so it won’t catch anything weird from your page and won’t leak anything back.
Build your card
Tweak it on the left, watch it change on the right, then copy the code. What you see is exactly what lands on your site.
<script async src="https://herbistry420.com/widget/strain.js"></script>
<herbistry-strain slug="blue-dream"></herbistry-strain>Paste both lines wherever you want the card. Fine-tune the look from your own styles with --hb-accent, --hb-bg, --hb-fg, --hb-muted, --hb-border, --hb-radius, and --hb-font.
#d2a74dA few looks
Same data, different vibes. Every card below is live, not a screenshot.
Make it match your site
The builder handles the common options for you. For full control over the colors and font, set a handful of CSS variables on the card from your own styles. Skip any you don’t need and they keep their defaults, so you only change what you want.
Drop this in your CSS
herbistry-strain {
--hb-accent: #39ff14; /* links + highlights */
--hb-bg: #0c0b09; /* card background */
--hb-fg: #f5f3ee; /* main text */
--hb-muted: #9a948a; /* secondary text */
--hb-border: #2a2723; /* card border */
--hb-radius: 16px; /* corner roundness */
--hb-font: Georgia, serif;
}Rather keep it inline? Put the same variables in a style="…" attribute on the <herbistry-strain> tag instead.
What each one does
--hb-accentLinks, the type band and highlighted stats. Takes any CSS color, so rgb() and hsl() work too.--hb-bgCard background.--hb-fgMain text color.--hb-mutedSecondary text, like the labels and the “Powered by” line.--hb-borderThe card’s border.--hb-radiusCorner roundness, like 16px.--hb-fontFont family, like Georgia, serif.Accent doubles as a tag attribute (accent="#39ff14"), handy for a quick hex. Set both and the variable wins.
Where to paste it
Anywhere you can add a bit of HTML, the card works. Grab your two lines from the builder above and drop them in.
Any website
Paste both lines into your page where you want the card to show up.
WordPress
Add a Custom HTML block and paste, or drop it into your theme’s header or footer.
Shopify, Webflow & friends
Use their embed or custom-code block.
One heads-up: a few locked-down site builders block custom code on their cheaper plans. If yours does, you’ll need a plan that allows script embeds.
The fine print, kept short
Keep the link
Free use means the “Powered by Herbistry420” link stays visible and clickable. That link is how this stays free. Want it gone? That’s the white-label tier below.
Not medical advice
Strain info is educational. Cannabis hits everyone differently, so treat it as a starting point, not a prescription.
Questions
Will it slow my site down?
No. It loads on its own without blocking your page, and it’s served from a fast cache. One small request per card, and cards below the fold wait until someone scrolls near them.
Can I restyle it?
Yup. Use the builder above for the common stuff, or take full control from your own styles with the color, font and corner variables. There’s a copy-paste example up in “Make it match your site.”
Can I remove the link?
Not on the free tier. The link is the price. A white-label version that drops the badge is coming, sign up just below.
How fresh is the data?
It refreshes when we update our database. You don’t lift a finger, your cards just stay current.
What does it cost?
Nothing. It’s free, and it’s light. The link is the whole exchange.
Want it without the badge?
A white-label version, your card with no Herbistry link plus an API key, is on the way. Drop your email and I’ll give you the one heads-up when it’s ready. No spam.
Built this because our strain pages were too good to keep to ourselves. Go put one on your site, and if you do, hit me up. I’d love to see it in the wild.