Copy and pasteNo codeAny websiteBrowser-safe key
Add astrology to your site.One snippet, no backend.
Drop-in widgets for horoscopes, natal charts, Vedic kundli, human design, forecast, numerology, tarot, biorhythm, and every other RoxyAPI domain. Paste one snippet or one hosted URL, add your publishable key, and the widget renders its own inputs and fetches live readings. Works on Squarespace, plain HTML, and any site that takes a link.
Script tag or hosted embed URL
Every domain, one publishable key
Themeable to match your brand
Fill in your key once.
Paste your publishable key and every snippet below updates instantly. Your key stays in your browser. This page sends nothing to RoxyAPI.
No key yet? Create a publishable key and list your site origin.
Live in three steps.
No servers, no build tools, no framework. Get a key, copy a snippet, paste it where the reading should appear.
Step 1
Get a publishable key
Create a publishable key in your account dashboard and add your site domain to its origin allowlist. It starts with pk_ and is safe to put in public page source.
Step 2
Copy a snippet
Drop your key in the fill-in box and every snippet on this page updates. Pick the widget you want and copy the ready-to-paste snippet or hosted URL.
Step 3
Paste it in
Drop the snippet into a code block, or paste the embed URL into any block that accepts a link. The widget renders its own form, fetches on submit, and shows the result.
Platform walkthroughs: Squarespace, Wix, Shopify, and WordPress.
Every widget, ready to paste.
51 widgets across 14 domains. Each renders live data from one endpoint and draws its own inputs, so a visitor picks a sign or enters a birth date and gets a reading.
Western
Natal chart
Natal chart wheel with planet glyphs and aspect lines
Hosted embed URL (paste as a link or into any embed block)
https://roxyapi.com/embed/natal-chart?pk=pk_live_YOUR_KEYIframe (paste into any HTML block)
<iframe src="https://roxyapi.com/embed/natal-chart?pk=pk_live_YOUR_KEY" title="Natal chart widget" style="border:0;width:100%;height:600px" loading="lazy"></iframe>Script snippet
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@roxyapi/ui@latest/dist/styles/themes/practitioner.css">
<script type="module" src="https://cdn.jsdelivr.net/npm/@roxyapi/ui@latest/dist/cdn/roxy-ui.js"></script>
<roxy-natal-chart data-endpoint="astrology/natal-chart" method="POST" publishable-key="pk_live_YOUR_KEY" lang="en"></roxy-natal-chart>One tag, auto-mount
<script type="module" src="https://cdn.jsdelivr.net/npm/@roxyapi/ui@latest/dist/cdn/widgets.js"></script>
<div data-roxy-widget="natal-chart" data-publishable-key="pk_live_YOUR_KEY"></div>
Synastry chart
Dual-wheel synastry with inter-aspects table
Hosted embed URL (paste as a link or into any embed block)
https://roxyapi.com/embed/synastry-chart?pk=pk_live_YOUR_KEYIframe (paste into any HTML block)
<iframe src="https://roxyapi.com/embed/synastry-chart?pk=pk_live_YOUR_KEY" title="Synastry chart widget" style="border:0;width:100%;height:600px" loading="lazy"></iframe>Script snippet
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@roxyapi/ui@latest/dist/styles/themes/practitioner.css">
<script type="module" src="https://cdn.jsdelivr.net/npm/@roxyapi/ui@latest/dist/cdn/roxy-ui.js"></script>
<roxy-synastry-chart data-endpoint="astrology/synastry" method="POST" publishable-key="pk_live_YOUR_KEY" lang="en"></roxy-synastry-chart>One tag, auto-mount
<script type="module" src="https://cdn.jsdelivr.net/npm/@roxyapi/ui@latest/dist/cdn/widgets.js"></script>
<div data-roxy-widget="synastry-chart" data-publishable-key="pk_live_YOUR_KEY"></div>
Western planets table
Sign, degree, house, motion columns plus ASC, MC, PoF, Vertex
Hosted embed URL (paste as a link or into any embed block)
https://roxyapi.com/embed/western-planets-table?pk=pk_live_YOUR_KEYIframe (paste into any HTML block)
<iframe src="https://roxyapi.com/embed/western-planets-table?pk=pk_live_YOUR_KEY" title="Western planets table widget" style="border:0;width:100%;height:600px" loading="lazy"></iframe>Script snippet
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@roxyapi/ui@latest/dist/styles/themes/practitioner.css">
<script type="module" src="https://cdn.jsdelivr.net/npm/@roxyapi/ui@latest/dist/cdn/roxy-ui.js"></script>
<roxy-western-planets-table data-endpoint="astrology/natal-chart" method="POST" publishable-key="pk_live_YOUR_KEY" lang="en"></roxy-western-planets-table>One tag, auto-mount
<script type="module" src="https://cdn.jsdelivr.net/npm/@roxyapi/ui@latest/dist/cdn/widgets.js"></script>
<div data-roxy-widget="western-planets-table" data-publishable-key="pk_live_YOUR_KEY"></div>
Transits table
Transit planet positions plus optional aspects to a natal chart
Hosted embed URL (paste as a link or into any embed block)
https://roxyapi.com/embed/transits-table?pk=pk_live_YOUR_KEYIframe (paste into any HTML block)
<iframe src="https://roxyapi.com/embed/transits-table?pk=pk_live_YOUR_KEY" title="Transits table widget" style="border:0;width:100%;height:600px" loading="lazy"></iframe>Script snippet
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@roxyapi/ui@latest/dist/styles/themes/practitioner.css">
<script type="module" src="https://cdn.jsdelivr.net/npm/@roxyapi/ui@latest/dist/cdn/roxy-ui.js"></script>
<roxy-transits-table data-endpoint="astrology/transits" method="POST" publishable-key="pk_live_YOUR_KEY" lang="en"></roxy-transits-table>One tag, auto-mount
<script type="module" src="https://cdn.jsdelivr.net/npm/@roxyapi/ui@latest/dist/cdn/widgets.js"></script>
<div data-roxy-widget="transits-table" data-publishable-key="pk_live_YOUR_KEY"></div>
Aspects table
Aspect rows coloured by nature with orb and strength, plus detected chart patterns
Hosted embed URL (paste as a link or into any embed block)
https://roxyapi.com/embed/aspects-table?pk=pk_live_YOUR_KEYIframe (paste into any HTML block)
<iframe src="https://roxyapi.com/embed/aspects-table?pk=pk_live_YOUR_KEY" title="Aspects table widget" style="border:0;width:100%;height:600px" loading="lazy"></iframe>Script snippet
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@roxyapi/ui@latest/dist/styles/themes/practitioner.css">
<script type="module" src="https://cdn.jsdelivr.net/npm/@roxyapi/ui@latest/dist/cdn/roxy-ui.js"></script>
<roxy-aspects-table data-endpoint="astrology/aspect-patterns" method="POST" publishable-key="pk_live_YOUR_KEY" lang="en"></roxy-aspects-table>One tag, auto-mount
<script type="module" src="https://cdn.jsdelivr.net/npm/@roxyapi/ui@latest/dist/cdn/widgets.js"></script>
<div data-roxy-widget="aspects-table" data-publishable-key="pk_live_YOUR_KEY"></div>
Moon phase
Moon phase card and calendar
Hosted embed URL (paste as a link or into any embed block)
https://roxyapi.com/embed/moon-phase?pk=pk_live_YOUR_KEYIframe (paste into any HTML block)
<iframe src="https://roxyapi.com/embed/moon-phase?pk=pk_live_YOUR_KEY" title="Moon phase widget" style="border:0;width:100%;height:600px" loading="lazy"></iframe>Script snippet
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@roxyapi/ui@latest/dist/styles/themes/practitioner.css">
<script type="module" src="https://cdn.jsdelivr.net/npm/@roxyapi/ui@latest/dist/cdn/roxy-ui.js"></script>
<roxy-moon-phase data-endpoint="astrology/moon-phase/calendar/{year}/{month}" method="GET" publishable-key="pk_live_YOUR_KEY" lang="en"></roxy-moon-phase>One tag, auto-mount
<script type="module" src="https://cdn.jsdelivr.net/npm/@roxyapi/ui@latest/dist/cdn/widgets.js"></script>
<div data-roxy-widget="moon-phase" data-publishable-key="pk_live_YOUR_KEY"></div>
Horoscope card
Daily, weekly, or monthly horoscope card
Hosted embed URL (paste as a link or into any embed block)
https://roxyapi.com/embed/horoscope-card?pk=pk_live_YOUR_KEYIframe (paste into any HTML block)
<iframe src="https://roxyapi.com/embed/horoscope-card?pk=pk_live_YOUR_KEY" title="Horoscope card widget" style="border:0;width:100%;height:600px" loading="lazy"></iframe>Script snippet
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@roxyapi/ui@latest/dist/styles/themes/practitioner.css">
<script type="module" src="https://cdn.jsdelivr.net/npm/@roxyapi/ui@latest/dist/cdn/roxy-ui.js"></script>
<roxy-horoscope-card data-endpoint="astrology/horoscope/{sign}/daily" method="GET" publishable-key="pk_live_YOUR_KEY" lang="en"></roxy-horoscope-card>One tag, auto-mount
<script type="module" src="https://cdn.jsdelivr.net/npm/@roxyapi/ui@latest/dist/cdn/widgets.js"></script>
<div data-roxy-widget="horoscope-card" data-publishable-key="pk_live_YOUR_KEY"></div>
Astrocartography map
World map of planetary MC, IC, Ascendant, and Descendant lines with per-line interpretations
Hosted embed URL (paste as a link or into any embed block)
https://roxyapi.com/embed/astrocartography-map?pk=pk_live_YOUR_KEYIframe (paste into any HTML block)
<iframe src="https://roxyapi.com/embed/astrocartography-map?pk=pk_live_YOUR_KEY" title="Astrocartography map widget" style="border:0;width:100%;height:600px" loading="lazy"></iframe>Script snippet
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@roxyapi/ui@latest/dist/styles/themes/practitioner.css">
<script type="module" src="https://cdn.jsdelivr.net/npm/@roxyapi/ui@latest/dist/cdn/roxy-ui.js"></script>
<roxy-astrocartography-map data-endpoint="astrology/astrocartography" method="POST" publishable-key="pk_live_YOUR_KEY" lang="en"></roxy-astrocartography-map>One tag, auto-mount
<script type="module" src="https://cdn.jsdelivr.net/npm/@roxyapi/ui@latest/dist/cdn/widgets.js"></script>
<div data-roxy-widget="astrocartography-map" data-publishable-key="pk_live_YOUR_KEY"></div>
Local space compass
Compass dial of planetary azimuth lines from the birthplace, dimmed below the horizon
Hosted embed URL (paste as a link or into any embed block)
https://roxyapi.com/embed/local-space-compass?pk=pk_live_YOUR_KEYIframe (paste into any HTML block)
<iframe src="https://roxyapi.com/embed/local-space-compass?pk=pk_live_YOUR_KEY" title="Local space compass widget" style="border:0;width:100%;height:600px" loading="lazy"></iframe>Script snippet
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@roxyapi/ui@latest/dist/styles/themes/practitioner.css">
<script type="module" src="https://cdn.jsdelivr.net/npm/@roxyapi/ui@latest/dist/cdn/roxy-ui.js"></script>
<roxy-local-space-compass data-endpoint="astrology/local-space" method="POST" publishable-key="pk_live_YOUR_KEY" lang="en"></roxy-local-space-compass>One tag, auto-mount
<script type="module" src="https://cdn.jsdelivr.net/npm/@roxyapi/ui@latest/dist/cdn/widgets.js"></script>
<div data-roxy-widget="local-space-compass" data-publishable-key="pk_live_YOUR_KEY"></div>
Relocation wheel
Relocated chart wheel plus the move geometry, angular planets, and planets that change house
Hosted embed URL (paste as a link or into any embed block)
https://roxyapi.com/embed/relocation-wheel?pk=pk_live_YOUR_KEYIframe (paste into any HTML block)
<iframe src="https://roxyapi.com/embed/relocation-wheel?pk=pk_live_YOUR_KEY" title="Relocation wheel widget" style="border:0;width:100%;height:600px" loading="lazy"></iframe>Script snippet
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@roxyapi/ui@latest/dist/styles/themes/practitioner.css">
<script type="module" src="https://cdn.jsdelivr.net/npm/@roxyapi/ui@latest/dist/cdn/roxy-ui.js"></script>
<roxy-relocation-wheel data-endpoint="astrology/relocation-chart" method="POST" publishable-key="pk_live_YOUR_KEY" lang="en"></roxy-relocation-wheel>One tag, auto-mount
<script type="module" src="https://cdn.jsdelivr.net/npm/@roxyapi/ui@latest/dist/cdn/widgets.js"></script>
<div data-roxy-widget="relocation-wheel" data-publishable-key="pk_live_YOUR_KEY"></div>
Positions table
Body, sign, degree, and per-shape columns (house, motion, formula, or natal arc) plus each reading
Hosted embed URL (paste as a link or into any embed block)
https://roxyapi.com/embed/positions-table?pk=pk_live_YOUR_KEYIframe (paste into any HTML block)
<iframe src="https://roxyapi.com/embed/positions-table?pk=pk_live_YOUR_KEY" title="Positions table widget" style="border:0;width:100%;height:600px" loading="lazy"></iframe>Script snippet
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@roxyapi/ui@latest/dist/styles/themes/practitioner.css">
<script type="module" src="https://cdn.jsdelivr.net/npm/@roxyapi/ui@latest/dist/cdn/roxy-ui.js"></script>
<roxy-positions-table data-endpoint="astrology/arabic-lots" method="POST" publishable-key="pk_live_YOUR_KEY" lang="en"></roxy-positions-table>One tag, auto-mount
<script type="module" src="https://cdn.jsdelivr.net/npm/@roxyapi/ui@latest/dist/cdn/widgets.js"></script>
<div data-roxy-widget="positions-table" data-publishable-key="pk_live_YOUR_KEY"></div>
Fixed stars
Star to natal point conjunctions with readings, plus a catalog of position, magnitude, nature, and keywords
Hosted embed URL (paste as a link or into any embed block)
https://roxyapi.com/embed/fixed-stars?pk=pk_live_YOUR_KEYIframe (paste into any HTML block)
<iframe src="https://roxyapi.com/embed/fixed-stars?pk=pk_live_YOUR_KEY" title="Fixed stars widget" style="border:0;width:100%;height:600px" loading="lazy"></iframe>Script snippet
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@roxyapi/ui@latest/dist/styles/themes/practitioner.css">
<script type="module" src="https://cdn.jsdelivr.net/npm/@roxyapi/ui@latest/dist/cdn/roxy-ui.js"></script>
<roxy-fixed-stars data-endpoint="astrology/fixed-stars" method="POST" publishable-key="pk_live_YOUR_KEY" lang="en"></roxy-fixed-stars>One tag, auto-mount
<script type="module" src="https://cdn.jsdelivr.net/npm/@roxyapi/ui@latest/dist/cdn/widgets.js"></script>
<div data-roxy-widget="fixed-stars" data-publishable-key="pk_live_YOUR_KEY"></div>
Profection card
Profected house and sign for the year, the lord of the year, its natal placement, and the reading
Hosted embed URL (paste as a link or into any embed block)
https://roxyapi.com/embed/profection-card?pk=pk_live_YOUR_KEYIframe (paste into any HTML block)
<iframe src="https://roxyapi.com/embed/profection-card?pk=pk_live_YOUR_KEY" title="Profection card widget" style="border:0;width:100%;height:600px" loading="lazy"></iframe>Script snippet
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@roxyapi/ui@latest/dist/styles/themes/practitioner.css">
<script type="module" src="https://cdn.jsdelivr.net/npm/@roxyapi/ui@latest/dist/cdn/roxy-ui.js"></script>
<roxy-profection-card data-endpoint="astrology/profections" method="POST" publishable-key="pk_live_YOUR_KEY" lang="en"></roxy-profection-card>One tag, auto-mount
<script type="module" src="https://cdn.jsdelivr.net/npm/@roxyapi/ui@latest/dist/cdn/widgets.js"></script>
<div data-roxy-widget="profection-card" data-publishable-key="pk_live_YOUR_KEY"></div>Cross
Compatibility card
Score card with category breakdown
Hosted embed URL (paste as a link or into any embed block)
https://roxyapi.com/embed/compatibility-card?pk=pk_live_YOUR_KEYIframe (paste into any HTML block)
<iframe src="https://roxyapi.com/embed/compatibility-card?pk=pk_live_YOUR_KEY" title="Compatibility card widget" style="border:0;width:100%;height:600px" loading="lazy"></iframe>Script snippet
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@roxyapi/ui@latest/dist/styles/themes/practitioner.css">
<script type="module" src="https://cdn.jsdelivr.net/npm/@roxyapi/ui@latest/dist/cdn/roxy-ui.js"></script>
<roxy-compatibility-card data-endpoint="astrology/compatibility-score" method="POST" publishable-key="pk_live_YOUR_KEY" lang="en"></roxy-compatibility-card>One tag, auto-mount
<script type="module" src="https://cdn.jsdelivr.net/npm/@roxyapi/ui@latest/dist/cdn/widgets.js"></script>
<div data-roxy-widget="compatibility-card" data-publishable-key="pk_live_YOUR_KEY"></div>Vedic
Vedic kundli
South, North, or East Indian kundli with degree detail and optional Chandra Lagna view
Hosted embed URL (paste as a link or into any embed block)
https://roxyapi.com/embed/vedic-kundli?pk=pk_live_YOUR_KEYIframe (paste into any HTML block)
<iframe src="https://roxyapi.com/embed/vedic-kundli?pk=pk_live_YOUR_KEY" title="Vedic kundli widget" style="border:0;width:100%;height:600px" loading="lazy"></iframe>Script snippet
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@roxyapi/ui@latest/dist/styles/themes/practitioner.css">
<script type="module" src="https://cdn.jsdelivr.net/npm/@roxyapi/ui@latest/dist/cdn/roxy-ui.js"></script>
<roxy-vedic-kundli data-endpoint="vedic-astrology/birth-chart" method="POST" publishable-key="pk_live_YOUR_KEY" lang="en"></roxy-vedic-kundli>One tag, auto-mount
<script type="module" src="https://cdn.jsdelivr.net/npm/@roxyapi/ui@latest/dist/cdn/widgets.js"></script>
<div data-roxy-widget="vedic-kundli" data-publishable-key="pk_live_YOUR_KEY"></div>
Divisional chart
Generic divisional varga wheel from D2 Hora to D60 Shashtiamsa
Hosted embed URL (paste as a link or into any embed block)
https://roxyapi.com/embed/divisional-chart?pk=pk_live_YOUR_KEYIframe (paste into any HTML block)
<iframe src="https://roxyapi.com/embed/divisional-chart?pk=pk_live_YOUR_KEY" title="Divisional chart widget" style="border:0;width:100%;height:600px" loading="lazy"></iframe>Script snippet
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@roxyapi/ui@latest/dist/styles/themes/practitioner.css">
<script type="module" src="https://cdn.jsdelivr.net/npm/@roxyapi/ui@latest/dist/cdn/roxy-ui.js"></script>
<roxy-divisional-chart data-endpoint="vedic-astrology/divisional-chart" method="POST" publishable-key="pk_live_YOUR_KEY" lang="en"></roxy-divisional-chart>One tag, auto-mount
<script type="module" src="https://cdn.jsdelivr.net/npm/@roxyapi/ui@latest/dist/cdn/widgets.js"></script>
<div data-roxy-widget="divisional-chart" data-publishable-key="pk_live_YOUR_KEY"></div>
Vedic planets table
Degree, nakshatra, pada, lord, bhava, avastha columns
Hosted embed URL (paste as a link or into any embed block)
https://roxyapi.com/embed/vedic-planets-table?pk=pk_live_YOUR_KEYIframe (paste into any HTML block)
<iframe src="https://roxyapi.com/embed/vedic-planets-table?pk=pk_live_YOUR_KEY" title="Vedic planets table widget" style="border:0;width:100%;height:600px" loading="lazy"></iframe>Script snippet
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@roxyapi/ui@latest/dist/styles/themes/practitioner.css">
<script type="module" src="https://cdn.jsdelivr.net/npm/@roxyapi/ui@latest/dist/cdn/roxy-ui.js"></script>
<roxy-vedic-planets-table data-endpoint="vedic-astrology/birth-chart" method="POST" publishable-key="pk_live_YOUR_KEY" lang="en"></roxy-vedic-planets-table>One tag, auto-mount
<script type="module" src="https://cdn.jsdelivr.net/npm/@roxyapi/ui@latest/dist/cdn/widgets.js"></script>
<div data-roxy-widget="vedic-planets-table" data-publishable-key="pk_live_YOUR_KEY"></div>
Ashtakavarga grid
Sarva, Bhinna, and Shodhya Pinda views in a tabbed heatmap
Hosted embed URL (paste as a link or into any embed block)
https://roxyapi.com/embed/ashtakavarga-grid?pk=pk_live_YOUR_KEYIframe (paste into any HTML block)
<iframe src="https://roxyapi.com/embed/ashtakavarga-grid?pk=pk_live_YOUR_KEY" title="Ashtakavarga grid widget" style="border:0;width:100%;height:600px" loading="lazy"></iframe>Script snippet
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@roxyapi/ui@latest/dist/styles/themes/practitioner.css">
<script type="module" src="https://cdn.jsdelivr.net/npm/@roxyapi/ui@latest/dist/cdn/roxy-ui.js"></script>
<roxy-ashtakavarga-grid data-endpoint="vedic-astrology/ashtakavarga" method="POST" publishable-key="pk_live_YOUR_KEY" lang="en"></roxy-ashtakavarga-grid>One tag, auto-mount
<script type="module" src="https://cdn.jsdelivr.net/npm/@roxyapi/ui@latest/dist/cdn/widgets.js"></script>
<div data-roxy-widget="ashtakavarga-grid" data-publishable-key="pk_live_YOUR_KEY"></div>
Shadbala table
Six-fold planetary strength bar plus rupas and adequacy badge
Hosted embed URL (paste as a link or into any embed block)
https://roxyapi.com/embed/shadbala-table?pk=pk_live_YOUR_KEYIframe (paste into any HTML block)
<iframe src="https://roxyapi.com/embed/shadbala-table?pk=pk_live_YOUR_KEY" title="Shadbala table widget" style="border:0;width:100%;height:600px" loading="lazy"></iframe>Script snippet
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@roxyapi/ui@latest/dist/styles/themes/practitioner.css">
<script type="module" src="https://cdn.jsdelivr.net/npm/@roxyapi/ui@latest/dist/cdn/roxy-ui.js"></script>
<roxy-shadbala-table data-endpoint="vedic-astrology/shadbala" method="POST" publishable-key="pk_live_YOUR_KEY" lang="en"></roxy-shadbala-table>One tag, auto-mount
<script type="module" src="https://cdn.jsdelivr.net/npm/@roxyapi/ui@latest/dist/cdn/widgets.js"></script>
<div data-roxy-widget="shadbala-table" data-publishable-key="pk_live_YOUR_KEY"></div>
Dasha timeline
Vimshottari mahadasha + antardasha + pratyantardasha
Hosted embed URL (paste as a link or into any embed block)
https://roxyapi.com/embed/dasha-timeline?pk=pk_live_YOUR_KEYIframe (paste into any HTML block)
<iframe src="https://roxyapi.com/embed/dasha-timeline?pk=pk_live_YOUR_KEY" title="Dasha timeline widget" style="border:0;width:100%;height:600px" loading="lazy"></iframe>Script snippet
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@roxyapi/ui@latest/dist/styles/themes/practitioner.css">
<script type="module" src="https://cdn.jsdelivr.net/npm/@roxyapi/ui@latest/dist/cdn/roxy-ui.js"></script>
<roxy-dasha-timeline data-endpoint="vedic-astrology/dasha/current" method="POST" publishable-key="pk_live_YOUR_KEY" lang="en"></roxy-dasha-timeline>One tag, auto-mount
<script type="module" src="https://cdn.jsdelivr.net/npm/@roxyapi/ui@latest/dist/cdn/widgets.js"></script>
<div data-roxy-widget="dasha-timeline" data-publishable-key="pk_live_YOUR_KEY"></div>
Guna milan
36-point Ashtakoota with eight sub-scores
Hosted embed URL (paste as a link or into any embed block)
https://roxyapi.com/embed/guna-milan?pk=pk_live_YOUR_KEYIframe (paste into any HTML block)
<iframe src="https://roxyapi.com/embed/guna-milan?pk=pk_live_YOUR_KEY" title="Guna milan widget" style="border:0;width:100%;height:600px" loading="lazy"></iframe>Script snippet
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@roxyapi/ui@latest/dist/styles/themes/practitioner.css">
<script type="module" src="https://cdn.jsdelivr.net/npm/@roxyapi/ui@latest/dist/cdn/roxy-ui.js"></script>
<roxy-guna-milan data-endpoint="vedic-astrology/compatibility" method="POST" publishable-key="pk_live_YOUR_KEY" lang="en"></roxy-guna-milan>One tag, auto-mount
<script type="module" src="https://cdn.jsdelivr.net/npm/@roxyapi/ui@latest/dist/cdn/widgets.js"></script>
<div data-roxy-widget="guna-milan" data-publishable-key="pk_live_YOUR_KEY"></div>
Panchang table
15+ muhurtas in detailed mode
Hosted embed URL (paste as a link or into any embed block)
https://roxyapi.com/embed/panchang-table?pk=pk_live_YOUR_KEYIframe (paste into any HTML block)
<iframe src="https://roxyapi.com/embed/panchang-table?pk=pk_live_YOUR_KEY" title="Panchang table widget" style="border:0;width:100%;height:600px" loading="lazy"></iframe>Script snippet
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@roxyapi/ui@latest/dist/styles/themes/practitioner.css">
<script type="module" src="https://cdn.jsdelivr.net/npm/@roxyapi/ui@latest/dist/cdn/roxy-ui.js"></script>
<roxy-panchang-table data-endpoint="vedic-astrology/panchang/basic" method="POST" publishable-key="pk_live_YOUR_KEY" lang="en"></roxy-panchang-table>One tag, auto-mount
<script type="module" src="https://cdn.jsdelivr.net/npm/@roxyapi/ui@latest/dist/cdn/widgets.js"></script>
<div data-roxy-widget="panchang-table" data-publishable-key="pk_live_YOUR_KEY"></div>
Vedic aspects
Graha drishti rows with aspect type, strength, and orb, plus mutual aspects
Hosted embed URL (paste as a link or into any embed block)
https://roxyapi.com/embed/vedic-aspects?pk=pk_live_YOUR_KEYIframe (paste into any HTML block)
<iframe src="https://roxyapi.com/embed/vedic-aspects?pk=pk_live_YOUR_KEY" title="Vedic aspects widget" style="border:0;width:100%;height:600px" loading="lazy"></iframe>Script snippet
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@roxyapi/ui@latest/dist/styles/themes/practitioner.css">
<script type="module" src="https://cdn.jsdelivr.net/npm/@roxyapi/ui@latest/dist/cdn/roxy-ui.js"></script>
<roxy-vedic-aspects data-endpoint="vedic-astrology/aspects" method="POST" publishable-key="pk_live_YOUR_KEY" lang="en"></roxy-vedic-aspects>One tag, auto-mount
<script type="module" src="https://cdn.jsdelivr.net/npm/@roxyapi/ui@latest/dist/cdn/widgets.js"></script>
<div data-roxy-widget="vedic-aspects" data-publishable-key="pk_live_YOUR_KEY"></div>
Hora table
Day and night planetary hours with ruling planet and window
Hosted embed URL (paste as a link or into any embed block)
https://roxyapi.com/embed/hora-table?pk=pk_live_YOUR_KEYIframe (paste into any HTML block)
<iframe src="https://roxyapi.com/embed/hora-table?pk=pk_live_YOUR_KEY" title="Hora table widget" style="border:0;width:100%;height:600px" loading="lazy"></iframe>Script snippet
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@roxyapi/ui@latest/dist/styles/themes/practitioner.css">
<script type="module" src="https://cdn.jsdelivr.net/npm/@roxyapi/ui@latest/dist/cdn/roxy-ui.js"></script>
<roxy-hora-table data-endpoint="vedic-astrology/panchang/hora" method="POST" publishable-key="pk_live_YOUR_KEY" lang="en"></roxy-hora-table>One tag, auto-mount
<script type="module" src="https://cdn.jsdelivr.net/npm/@roxyapi/ui@latest/dist/cdn/widgets.js"></script>
<div data-roxy-widget="hora-table" data-publishable-key="pk_live_YOUR_KEY"></div>
Choghadiya grid
Day and night Choghadiya muhurta tiles colored by effect
Hosted embed URL (paste as a link or into any embed block)
https://roxyapi.com/embed/choghadiya-grid?pk=pk_live_YOUR_KEYIframe (paste into any HTML block)
<iframe src="https://roxyapi.com/embed/choghadiya-grid?pk=pk_live_YOUR_KEY" title="Choghadiya grid widget" style="border:0;width:100%;height:600px" loading="lazy"></iframe>Script snippet
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@roxyapi/ui@latest/dist/styles/themes/practitioner.css">
<script type="module" src="https://cdn.jsdelivr.net/npm/@roxyapi/ui@latest/dist/cdn/roxy-ui.js"></script>
<roxy-choghadiya-grid data-endpoint="vedic-astrology/panchang/choghadiya" method="POST" publishable-key="pk_live_YOUR_KEY" lang="en"></roxy-choghadiya-grid>One tag, auto-mount
<script type="module" src="https://cdn.jsdelivr.net/npm/@roxyapi/ui@latest/dist/cdn/widgets.js"></script>
<div data-roxy-widget="choghadiya-grid" data-publishable-key="pk_live_YOUR_KEY"></div>
Yoga list
Filterable yoga cards from the 300 plus yoga catalog
Hosted embed URL (paste as a link or into any embed block)
https://roxyapi.com/embed/yoga-list?pk=pk_live_YOUR_KEYIframe (paste into any HTML block)
<iframe src="https://roxyapi.com/embed/yoga-list?pk=pk_live_YOUR_KEY" title="Yoga list widget" style="border:0;width:100%;height:600px" loading="lazy"></iframe>Script snippet
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@roxyapi/ui@latest/dist/styles/themes/practitioner.css">
<script type="module" src="https://cdn.jsdelivr.net/npm/@roxyapi/ui@latest/dist/cdn/roxy-ui.js"></script>
<roxy-yoga-list data-endpoint="vedic-astrology/yoga" method="GET" publishable-key="pk_live_YOUR_KEY" lang="en"></roxy-yoga-list>One tag, auto-mount
<script type="module" src="https://cdn.jsdelivr.net/npm/@roxyapi/ui@latest/dist/cdn/widgets.js"></script>
<div data-roxy-widget="yoga-list" data-publishable-key="pk_live_YOUR_KEY"></div>
Nakshatra card
Lord, deity, symbol, characteristics, remedies
Hosted embed URL (paste as a link or into any embed block)
https://roxyapi.com/embed/nakshatra-card?pk=pk_live_YOUR_KEYIframe (paste into any HTML block)
<iframe src="https://roxyapi.com/embed/nakshatra-card?pk=pk_live_YOUR_KEY" title="Nakshatra card widget" style="border:0;width:100%;height:600px" loading="lazy"></iframe>Script snippet
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@roxyapi/ui@latest/dist/styles/themes/practitioner.css">
<script type="module" src="https://cdn.jsdelivr.net/npm/@roxyapi/ui@latest/dist/cdn/roxy-ui.js"></script>
<roxy-nakshatra-card data-endpoint="vedic-astrology/nakshatras/{id}" method="GET" publishable-key="pk_live_YOUR_KEY" lang="en"></roxy-nakshatra-card>One tag, auto-mount
<script type="module" src="https://cdn.jsdelivr.net/npm/@roxyapi/ui@latest/dist/cdn/widgets.js"></script>
<div data-roxy-widget="nakshatra-card" data-publishable-key="pk_live_YOUR_KEY"></div>
Dosha card
Presence, severity, remedies, scoped effects
Hosted embed URL (paste as a link or into any embed block)
https://roxyapi.com/embed/dosha-card?pk=pk_live_YOUR_KEYIframe (paste into any HTML block)
<iframe src="https://roxyapi.com/embed/dosha-card?pk=pk_live_YOUR_KEY" title="Dosha card widget" style="border:0;width:100%;height:600px" loading="lazy"></iframe>Script snippet
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@roxyapi/ui@latest/dist/styles/themes/practitioner.css">
<script type="module" src="https://cdn.jsdelivr.net/npm/@roxyapi/ui@latest/dist/cdn/roxy-ui.js"></script>
<roxy-dosha-card data-endpoint="vedic-astrology/dosha/kalsarpa" method="POST" publishable-key="pk_live_YOUR_KEY" lang="en"></roxy-dosha-card>One tag, auto-mount
<script type="module" src="https://cdn.jsdelivr.net/npm/@roxyapi/ui@latest/dist/cdn/widgets.js"></script>
<div data-roxy-widget="dosha-card" data-publishable-key="pk_live_YOUR_KEY"></div>Vedic (KP)
Kp chart
Ascendant, cusps, planets and nodes with KP stellar hierarchy
Hosted embed URL (paste as a link or into any embed block)
https://roxyapi.com/embed/kp-chart?pk=pk_live_YOUR_KEYIframe (paste into any HTML block)
<iframe src="https://roxyapi.com/embed/kp-chart?pk=pk_live_YOUR_KEY" title="Kp chart widget" style="border:0;width:100%;height:600px" loading="lazy"></iframe>Script snippet
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@roxyapi/ui@latest/dist/styles/themes/practitioner.css">
<script type="module" src="https://cdn.jsdelivr.net/npm/@roxyapi/ui@latest/dist/cdn/roxy-ui.js"></script>
<roxy-kp-chart data-endpoint="vedic-astrology/kp/chart" method="POST" publishable-key="pk_live_YOUR_KEY" lang="en"></roxy-kp-chart>One tag, auto-mount
<script type="module" src="https://cdn.jsdelivr.net/npm/@roxyapi/ui@latest/dist/cdn/widgets.js"></script>
<div data-roxy-widget="kp-chart" data-publishable-key="pk_live_YOUR_KEY"></div>
Kp planets table
Sub-lord and sub-sub-lord columns
Hosted embed URL (paste as a link or into any embed block)
https://roxyapi.com/embed/kp-planets-table?pk=pk_live_YOUR_KEYIframe (paste into any HTML block)
<iframe src="https://roxyapi.com/embed/kp-planets-table?pk=pk_live_YOUR_KEY" title="Kp planets table widget" style="border:0;width:100%;height:600px" loading="lazy"></iframe>Script snippet
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@roxyapi/ui@latest/dist/styles/themes/practitioner.css">
<script type="module" src="https://cdn.jsdelivr.net/npm/@roxyapi/ui@latest/dist/cdn/roxy-ui.js"></script>
<roxy-kp-planets-table data-endpoint="vedic-astrology/kp/planets" method="POST" publishable-key="pk_live_YOUR_KEY" lang="en"></roxy-kp-planets-table>One tag, auto-mount
<script type="module" src="https://cdn.jsdelivr.net/npm/@roxyapi/ui@latest/dist/cdn/widgets.js"></script>
<div data-roxy-widget="kp-planets-table" data-publishable-key="pk_live_YOUR_KEY"></div>
Kp ruling planets
Day lord, Moon/Lagna hierarchies, ruling planets, significators
Hosted embed URL (paste as a link or into any embed block)
https://roxyapi.com/embed/kp-ruling-planets?pk=pk_live_YOUR_KEYIframe (paste into any HTML block)
<iframe src="https://roxyapi.com/embed/kp-ruling-planets?pk=pk_live_YOUR_KEY" title="Kp ruling planets widget" style="border:0;width:100%;height:600px" loading="lazy"></iframe>Script snippet
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@roxyapi/ui@latest/dist/styles/themes/practitioner.css">
<script type="module" src="https://cdn.jsdelivr.net/npm/@roxyapi/ui@latest/dist/cdn/roxy-ui.js"></script>
<roxy-kp-ruling-planets data-endpoint="vedic-astrology/kp/ruling-planets" method="POST" publishable-key="pk_live_YOUR_KEY" lang="en"></roxy-kp-ruling-planets>One tag, auto-mount
<script type="module" src="https://cdn.jsdelivr.net/npm/@roxyapi/ui@latest/dist/cdn/widgets.js"></script>
<div data-roxy-widget="kp-ruling-planets" data-publishable-key="pk_live_YOUR_KEY"></div>Numerology
Numerology card
Life path, expression, soul urge, personality, personal year, full chart
Hosted embed URL (paste as a link or into any embed block)
https://roxyapi.com/embed/numerology-card?pk=pk_live_YOUR_KEYIframe (paste into any HTML block)
<iframe src="https://roxyapi.com/embed/numerology-card?pk=pk_live_YOUR_KEY" title="Numerology card widget" style="border:0;width:100%;height:600px" loading="lazy"></iframe>Script snippet
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@roxyapi/ui@latest/dist/styles/themes/practitioner.css">
<script type="module" src="https://cdn.jsdelivr.net/npm/@roxyapi/ui@latest/dist/cdn/roxy-ui.js"></script>
<roxy-numerology-card data-endpoint="numerology/birth-day" method="POST" publishable-key="pk_live_YOUR_KEY" lang="en"></roxy-numerology-card>One tag, auto-mount
<script type="module" src="https://cdn.jsdelivr.net/npm/@roxyapi/ui@latest/dist/cdn/widgets.js"></script>
<div data-roxy-widget="numerology-card" data-publishable-key="pk_live_YOUR_KEY"></div>Tarot
Tarot card
Single card with upright and reversed flip
Hosted embed URL (paste as a link or into any embed block)
https://roxyapi.com/embed/tarot-card?pk=pk_live_YOUR_KEYIframe (paste into any HTML block)
<iframe src="https://roxyapi.com/embed/tarot-card?pk=pk_live_YOUR_KEY" title="Tarot card widget" style="border:0;width:100%;height:600px" loading="lazy"></iframe>Script snippet
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@roxyapi/ui@latest/dist/styles/themes/practitioner.css">
<script type="module" src="https://cdn.jsdelivr.net/npm/@roxyapi/ui@latest/dist/cdn/roxy-ui.js"></script>
<roxy-tarot-card data-endpoint="tarot/daily" method="POST" publishable-key="pk_live_YOUR_KEY" lang="en"></roxy-tarot-card>One tag, auto-mount
<script type="module" src="https://cdn.jsdelivr.net/npm/@roxyapi/ui@latest/dist/cdn/widgets.js"></script>
<div data-roxy-widget="tarot-card" data-publishable-key="pk_live_YOUR_KEY"></div>
Tarot catalog
Deck gallery tiles with card art, name, and arcana and suit
Hosted embed URL (paste as a link or into any embed block)
https://roxyapi.com/embed/tarot-catalog?pk=pk_live_YOUR_KEYIframe (paste into any HTML block)
<iframe src="https://roxyapi.com/embed/tarot-catalog?pk=pk_live_YOUR_KEY" title="Tarot catalog widget" style="border:0;width:100%;height:600px" loading="lazy"></iframe>Script snippet
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@roxyapi/ui@latest/dist/styles/themes/practitioner.css">
<script type="module" src="https://cdn.jsdelivr.net/npm/@roxyapi/ui@latest/dist/cdn/roxy-ui.js"></script>
<roxy-tarot-catalog data-endpoint="tarot/cards" method="GET" publishable-key="pk_live_YOUR_KEY" lang="en"></roxy-tarot-catalog>One tag, auto-mount
<script type="module" src="https://cdn.jsdelivr.net/npm/@roxyapi/ui@latest/dist/cdn/widgets.js"></script>
<div data-roxy-widget="tarot-catalog" data-publishable-key="pk_live_YOUR_KEY"></div>
Tarot spread
Spreads with positions and reading
Hosted embed URL (paste as a link or into any embed block)
https://roxyapi.com/embed/tarot-spread?pk=pk_live_YOUR_KEYIframe (paste into any HTML block)
<iframe src="https://roxyapi.com/embed/tarot-spread?pk=pk_live_YOUR_KEY" title="Tarot spread widget" style="border:0;width:100%;height:600px" loading="lazy"></iframe>Script snippet
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@roxyapi/ui@latest/dist/styles/themes/practitioner.css">
<script type="module" src="https://cdn.jsdelivr.net/npm/@roxyapi/ui@latest/dist/cdn/roxy-ui.js"></script>
<roxy-tarot-spread data-endpoint="tarot/draw" method="POST" publishable-key="pk_live_YOUR_KEY" lang="en"></roxy-tarot-spread>One tag, auto-mount
<script type="module" src="https://cdn.jsdelivr.net/npm/@roxyapi/ui@latest/dist/cdn/widgets.js"></script>
<div data-roxy-widget="tarot-spread" data-publishable-key="pk_live_YOUR_KEY"></div>Human Design
Bodygraph
Nine-center chart with defined and open centers, active channels, and gates, plus the type, strategy, authority, profile, and definition readings, the channels by circuit, the centers, and every activation with its gate and line meaning
Hosted embed URL (paste as a link or into any embed block)
https://roxyapi.com/embed/bodygraph?pk=pk_live_YOUR_KEYIframe (paste into any HTML block)
<iframe src="https://roxyapi.com/embed/bodygraph?pk=pk_live_YOUR_KEY" title="Bodygraph widget" style="border:0;width:100%;height:600px" loading="lazy"></iframe>Script snippet
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@roxyapi/ui@latest/dist/styles/themes/practitioner.css">
<script type="module" src="https://cdn.jsdelivr.net/npm/@roxyapi/ui@latest/dist/cdn/roxy-ui.js"></script>
<roxy-bodygraph data-endpoint="human-design/bodygraph" method="POST" publishable-key="pk_live_YOUR_KEY" lang="en"></roxy-bodygraph>One tag, auto-mount
<script type="module" src="https://cdn.jsdelivr.net/npm/@roxyapi/ui@latest/dist/cdn/widgets.js"></script>
<div data-roxy-widget="bodygraph" data-publishable-key="pk_live_YOUR_KEY"></div>
Hd type card
Type, strategy, authority, and profile tiles with the aura, signature, and not-self themes, plus the reading behind each label and the profile line keynotes
Hosted embed URL (paste as a link or into any embed block)
https://roxyapi.com/embed/hd-type-card?pk=pk_live_YOUR_KEYIframe (paste into any HTML block)
<iframe src="https://roxyapi.com/embed/hd-type-card?pk=pk_live_YOUR_KEY" title="Hd type card widget" style="border:0;width:100%;height:600px" loading="lazy"></iframe>Script snippet
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@roxyapi/ui@latest/dist/styles/themes/practitioner.css">
<script type="module" src="https://cdn.jsdelivr.net/npm/@roxyapi/ui@latest/dist/cdn/roxy-ui.js"></script>
<roxy-hd-type-card data-endpoint="human-design/profile" method="POST" publishable-key="pk_live_YOUR_KEY" lang="en"></roxy-hd-type-card>One tag, auto-mount
<script type="module" src="https://cdn.jsdelivr.net/npm/@roxyapi/ui@latest/dist/cdn/widgets.js"></script>
<div data-roxy-widget="hd-type-card" data-publishable-key="pk_live_YOUR_KEY"></div>
Hd connection
Electromagnetic, compromise, and dominance channels between two charts
Hosted embed URL (paste as a link or into any embed block)
https://roxyapi.com/embed/hd-connection?pk=pk_live_YOUR_KEYIframe (paste into any HTML block)
<iframe src="https://roxyapi.com/embed/hd-connection?pk=pk_live_YOUR_KEY" title="Hd connection widget" style="border:0;width:100%;height:600px" loading="lazy"></iframe>Script snippet
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@roxyapi/ui@latest/dist/styles/themes/practitioner.css">
<script type="module" src="https://cdn.jsdelivr.net/npm/@roxyapi/ui@latest/dist/cdn/roxy-ui.js"></script>
<roxy-hd-connection data-endpoint="human-design/connection" method="POST" publishable-key="pk_live_YOUR_KEY" lang="en"></roxy-hd-connection>One tag, auto-mount
<script type="module" src="https://cdn.jsdelivr.net/npm/@roxyapi/ui@latest/dist/cdn/widgets.js"></script>
<div data-roxy-widget="hd-connection" data-publishable-key="pk_live_YOUR_KEY"></div>
Hd penta
Group penta channels split into upper and lower triangles
Hosted embed URL (paste as a link or into any embed block)
https://roxyapi.com/embed/hd-penta?pk=pk_live_YOUR_KEYIframe (paste into any HTML block)
<iframe src="https://roxyapi.com/embed/hd-penta?pk=pk_live_YOUR_KEY" title="Hd penta widget" style="border:0;width:100%;height:600px" loading="lazy"></iframe>Script snippet
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@roxyapi/ui@latest/dist/styles/themes/practitioner.css">
<script type="module" src="https://cdn.jsdelivr.net/npm/@roxyapi/ui@latest/dist/cdn/roxy-ui.js"></script>
<roxy-hd-penta data-endpoint="human-design/penta" method="POST" publishable-key="pk_live_YOUR_KEY" lang="en"></roxy-hd-penta>One tag, auto-mount
<script type="module" src="https://cdn.jsdelivr.net/npm/@roxyapi/ui@latest/dist/cdn/widgets.js"></script>
<div data-roxy-widget="hd-penta" data-publishable-key="pk_live_YOUR_KEY"></div>
Hd variables
The four transformation arrows with direction, color, tone, and base, plus a reading per arrow grouped by layer and the cognition
Hosted embed URL (paste as a link or into any embed block)
https://roxyapi.com/embed/hd-variables?pk=pk_live_YOUR_KEYIframe (paste into any HTML block)
<iframe src="https://roxyapi.com/embed/hd-variables?pk=pk_live_YOUR_KEY" title="Hd variables widget" style="border:0;width:100%;height:600px" loading="lazy"></iframe>Script snippet
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@roxyapi/ui@latest/dist/styles/themes/practitioner.css">
<script type="module" src="https://cdn.jsdelivr.net/npm/@roxyapi/ui@latest/dist/cdn/roxy-ui.js"></script>
<roxy-hd-variables data-endpoint="human-design/variables" method="POST" publishable-key="pk_live_YOUR_KEY" lang="en"></roxy-hd-variables>One tag, auto-mount
<script type="module" src="https://cdn.jsdelivr.net/npm/@roxyapi/ui@latest/dist/cdn/widgets.js"></script>
<div data-roxy-widget="hd-variables" data-publishable-key="pk_live_YOUR_KEY"></div>Forecast
Forecast timeline
Date-grouped events across Western, Vedic, and biorhythm domains, weighted by significance
Hosted embed URL (paste as a link or into any embed block)
https://roxyapi.com/embed/forecast-timeline?pk=pk_live_YOUR_KEYIframe (paste into any HTML block)
<iframe src="https://roxyapi.com/embed/forecast-timeline?pk=pk_live_YOUR_KEY" title="Forecast timeline widget" style="border:0;width:100%;height:600px" loading="lazy"></iframe>Script snippet
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@roxyapi/ui@latest/dist/styles/themes/practitioner.css">
<script type="module" src="https://cdn.jsdelivr.net/npm/@roxyapi/ui@latest/dist/cdn/roxy-ui.js"></script>
<roxy-forecast-timeline data-endpoint="forecast/significant-dates" method="POST" publishable-key="pk_live_YOUR_KEY" lang="en"></roxy-forecast-timeline>One tag, auto-mount
<script type="module" src="https://cdn.jsdelivr.net/npm/@roxyapi/ui@latest/dist/cdn/widgets.js"></script>
<div data-roxy-widget="forecast-timeline" data-publishable-key="pk_live_YOUR_KEY"></div>
Forecast digest
Per-window event counts, domain breakdown, and the highest-significance events
Hosted embed URL (paste as a link or into any embed block)
https://roxyapi.com/embed/forecast-digest?pk=pk_live_YOUR_KEYIframe (paste into any HTML block)
<iframe src="https://roxyapi.com/embed/forecast-digest?pk=pk_live_YOUR_KEY" title="Forecast digest widget" style="border:0;width:100%;height:600px" loading="lazy"></iframe>Script snippet
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@roxyapi/ui@latest/dist/styles/themes/practitioner.css">
<script type="module" src="https://cdn.jsdelivr.net/npm/@roxyapi/ui@latest/dist/cdn/roxy-ui.js"></script>
<roxy-forecast-digest data-endpoint="forecast/digest" method="POST" publishable-key="pk_live_YOUR_KEY" lang="en"></roxy-forecast-digest>One tag, auto-mount
<script type="module" src="https://cdn.jsdelivr.net/npm/@roxyapi/ui@latest/dist/cdn/widgets.js"></script>
<div data-roxy-widget="forecast-digest" data-publishable-key="pk_live_YOUR_KEY"></div>Biorhythm
Biorhythm chart
Daily bars, forecast cycle lines, critical days
Hosted embed URL (paste as a link or into any embed block)
https://roxyapi.com/embed/biorhythm-chart?pk=pk_live_YOUR_KEYIframe (paste into any HTML block)
<iframe src="https://roxyapi.com/embed/biorhythm-chart?pk=pk_live_YOUR_KEY" title="Biorhythm chart widget" style="border:0;width:100%;height:600px" loading="lazy"></iframe>Script snippet
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@roxyapi/ui@latest/dist/styles/themes/practitioner.css">
<script type="module" src="https://cdn.jsdelivr.net/npm/@roxyapi/ui@latest/dist/cdn/roxy-ui.js"></script>
<roxy-biorhythm-chart data-endpoint="biorhythm/critical-days" method="POST" publishable-key="pk_live_YOUR_KEY" lang="en"></roxy-biorhythm-chart>One tag, auto-mount
<script type="module" src="https://cdn.jsdelivr.net/npm/@roxyapi/ui@latest/dist/cdn/widgets.js"></script>
<div data-roxy-widget="biorhythm-chart" data-publishable-key="pk_live_YOUR_KEY"></div>I Ching
Hexagram
Hexagram figure with trigrams, judgment, image, and a reading per line (statement plus meaning); a cast highlights the moving lines and the resulting hexagram
Hosted embed URL (paste as a link or into any embed block)
https://roxyapi.com/embed/hexagram?pk=pk_live_YOUR_KEYIframe (paste into any HTML block)
<iframe src="https://roxyapi.com/embed/hexagram?pk=pk_live_YOUR_KEY" title="Hexagram widget" style="border:0;width:100%;height:600px" loading="lazy"></iframe>Script snippet
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@roxyapi/ui@latest/dist/styles/themes/practitioner.css">
<script type="module" src="https://cdn.jsdelivr.net/npm/@roxyapi/ui@latest/dist/cdn/roxy-ui.js"></script>
<roxy-hexagram data-endpoint="iching/hexagrams/random" method="GET" publishable-key="pk_live_YOUR_KEY" lang="en"></roxy-hexagram>One tag, auto-mount
<script type="module" src="https://cdn.jsdelivr.net/npm/@roxyapi/ui@latest/dist/cdn/widgets.js"></script>
<div data-roxy-widget="hexagram" data-publishable-key="pk_live_YOUR_KEY"></div>Crystals
Crystal card
Photo, meaning sections, chakra, zodiac, element, hardness, keywords, and pairings
Hosted embed URL (paste as a link or into any embed block)
https://roxyapi.com/embed/crystal-card?pk=pk_live_YOUR_KEYIframe (paste into any HTML block)
<iframe src="https://roxyapi.com/embed/crystal-card?pk=pk_live_YOUR_KEY" title="Crystal card widget" style="border:0;width:100%;height:600px" loading="lazy"></iframe>Script snippet
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@roxyapi/ui@latest/dist/styles/themes/practitioner.css">
<script type="module" src="https://cdn.jsdelivr.net/npm/@roxyapi/ui@latest/dist/cdn/roxy-ui.js"></script>
<roxy-crystal-card data-endpoint="crystals/{id}" method="GET" publishable-key="pk_live_YOUR_KEY" lang="en"></roxy-crystal-card>One tag, auto-mount
<script type="module" src="https://cdn.jsdelivr.net/npm/@roxyapi/ui@latest/dist/cdn/widgets.js"></script>
<div data-roxy-widget="crystal-card" data-publishable-key="pk_live_YOUR_KEY"></div>
Crystal grid
Crystal gallery tiles with photo, name, and colour swatches
Hosted embed URL (paste as a link or into any embed block)
https://roxyapi.com/embed/crystal-grid?pk=pk_live_YOUR_KEYIframe (paste into any HTML block)
<iframe src="https://roxyapi.com/embed/crystal-grid?pk=pk_live_YOUR_KEY" title="Crystal grid widget" style="border:0;width:100%;height:600px" loading="lazy"></iframe>Script snippet
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@roxyapi/ui@latest/dist/styles/themes/practitioner.css">
<script type="module" src="https://cdn.jsdelivr.net/npm/@roxyapi/ui@latest/dist/cdn/roxy-ui.js"></script>
<roxy-crystal-grid data-endpoint="crystals/chakra/{chakra}" method="GET" publishable-key="pk_live_YOUR_KEY" lang="en"></roxy-crystal-grid>One tag, auto-mount
<script type="module" src="https://cdn.jsdelivr.net/npm/@roxyapi/ui@latest/dist/cdn/widgets.js"></script>
<div data-roxy-widget="crystal-grid" data-publishable-key="pk_live_YOUR_KEY"></div>Dreams
Dream card
Symbol name, interpretation body, and letter chip
Hosted embed URL (paste as a link or into any embed block)
https://roxyapi.com/embed/dream-card?pk=pk_live_YOUR_KEYIframe (paste into any HTML block)
<iframe src="https://roxyapi.com/embed/dream-card?pk=pk_live_YOUR_KEY" title="Dream card widget" style="border:0;width:100%;height:600px" loading="lazy"></iframe>Script snippet
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@roxyapi/ui@latest/dist/styles/themes/practitioner.css">
<script type="module" src="https://cdn.jsdelivr.net/npm/@roxyapi/ui@latest/dist/cdn/roxy-ui.js"></script>
<roxy-dream-card data-endpoint="dreams/symbols/{id}" method="GET" publishable-key="pk_live_YOUR_KEY" lang="en"></roxy-dream-card>One tag, auto-mount
<script type="module" src="https://cdn.jsdelivr.net/npm/@roxyapi/ui@latest/dist/cdn/widgets.js"></script>
<div data-roxy-widget="dream-card" data-publishable-key="pk_live_YOUR_KEY"></div>
Dream search
Matched dream symbols as selectable tiles with a letter chip
Hosted embed URL (paste as a link or into any embed block)
https://roxyapi.com/embed/dream-search?pk=pk_live_YOUR_KEYIframe (paste into any HTML block)
<iframe src="https://roxyapi.com/embed/dream-search?pk=pk_live_YOUR_KEY" title="Dream search widget" style="border:0;width:100%;height:600px" loading="lazy"></iframe>Script snippet
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@roxyapi/ui@latest/dist/styles/themes/practitioner.css">
<script type="module" src="https://cdn.jsdelivr.net/npm/@roxyapi/ui@latest/dist/cdn/roxy-ui.js"></script>
<roxy-dream-search data-endpoint="dreams/symbols" method="GET" publishable-key="pk_live_YOUR_KEY" lang="en"></roxy-dream-search>One tag, auto-mount
<script type="module" src="https://cdn.jsdelivr.net/npm/@roxyapi/ui@latest/dist/cdn/widgets.js"></script>
<div data-roxy-widget="dream-search" data-publishable-key="pk_live_YOUR_KEY"></div>Angel Numbers
Angel number card
Number meaning with spiritual, love, career, money, twin flame, biblical, and shadow sections
Hosted embed URL (paste as a link or into any embed block)
https://roxyapi.com/embed/angel-number-card?pk=pk_live_YOUR_KEYIframe (paste into any HTML block)
<iframe src="https://roxyapi.com/embed/angel-number-card?pk=pk_live_YOUR_KEY" title="Angel number card widget" style="border:0;width:100%;height:600px" loading="lazy"></iframe>Script snippet
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@roxyapi/ui@latest/dist/styles/themes/practitioner.css">
<script type="module" src="https://cdn.jsdelivr.net/npm/@roxyapi/ui@latest/dist/cdn/roxy-ui.js"></script>
<roxy-angel-number-card data-endpoint="angel-numbers/numbers/{number}" method="GET" publishable-key="pk_live_YOUR_KEY" lang="en"></roxy-angel-number-card>One tag, auto-mount
<script type="module" src="https://cdn.jsdelivr.net/npm/@roxyapi/ui@latest/dist/cdn/widgets.js"></script>
<div data-roxy-widget="angel-number-card" data-publishable-key="pk_live_YOUR_KEY"></div>
Angel number lookup
Pattern analysis plus known meaning and digit-root fallback
Hosted embed URL (paste as a link or into any embed block)
https://roxyapi.com/embed/angel-number-lookup?pk=pk_live_YOUR_KEYIframe (paste into any HTML block)
<iframe src="https://roxyapi.com/embed/angel-number-lookup?pk=pk_live_YOUR_KEY" title="Angel number lookup widget" style="border:0;width:100%;height:600px" loading="lazy"></iframe>Script snippet
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@roxyapi/ui@latest/dist/styles/themes/practitioner.css">
<script type="module" src="https://cdn.jsdelivr.net/npm/@roxyapi/ui@latest/dist/cdn/roxy-ui.js"></script>
<roxy-angel-number-lookup data-endpoint="angel-numbers/lookup" method="GET" publishable-key="pk_live_YOUR_KEY" lang="en"></roxy-angel-number-lookup>One tag, auto-mount
<script type="module" src="https://cdn.jsdelivr.net/npm/@roxyapi/ui@latest/dist/cdn/widgets.js"></script>
<div data-roxy-widget="angel-number-lookup" data-publishable-key="pk_live_YOUR_KEY"></div>Reference
Reference card
Symbol, name, description, keyword chips, and an attribute grid for any glossary lookup
Hosted embed URL (paste as a link or into any embed block)
https://roxyapi.com/embed/reference-card?pk=pk_live_YOUR_KEYIframe (paste into any HTML block)
<iframe src="https://roxyapi.com/embed/reference-card?pk=pk_live_YOUR_KEY" title="Reference card widget" style="border:0;width:100%;height:600px" loading="lazy"></iframe>Script snippet
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@roxyapi/ui@latest/dist/styles/themes/practitioner.css">
<script type="module" src="https://cdn.jsdelivr.net/npm/@roxyapi/ui@latest/dist/cdn/roxy-ui.js"></script>
<roxy-reference-card data-endpoint="astrology/planet-meanings/{id}" method="GET" publishable-key="pk_live_YOUR_KEY" lang="en"></roxy-reference-card>One tag, auto-mount
<script type="module" src="https://cdn.jsdelivr.net/npm/@roxyapi/ui@latest/dist/cdn/widgets.js"></script>
<div data-roxy-widget="reference-card" data-publishable-key="pk_live_YOUR_KEY"></div>Common questions
Copy-paste widgets render live readings from the RoxyAPI catalog with a browser-safe publishable key. No backend, no build step.
How do I add an astrology widget to my website?
Copy one snippet and paste it into your site. Every RoxyAPI domain ships a drop-in widget: a natal chart, daily horoscope, Vedic kundli, tarot spread, numerology reading, biorhythm chart, and more. Add one script tag and one element, paste your publishable key, and the widget renders its own inputs, fetches live data, and displays the result. For hosts that do not run scripts, paste a hosted embed URL as an iframe instead. No build step and no backend.
Do I need to know how to code to use RoxyAPI widgets?
No. The widgets are copy and paste. Pick a component, copy the snippet, replace the placeholder with your publishable key, and paste it where you want the reading to appear. The widget draws its own zodiac tile picker, date and time fields, and city search, so your visitors fill in the form and get a result with zero code from you.
Which website builders and platforms do the widgets work on?
Any site that lets you add a snippet or embed a URL. Script snippets run on Squarespace, plain HTML, Ghost, Carrd, and Webflow. Hosts that only accept a link or an iframe, such as Notion and Stan Store, use the hosted embed URL. WordPress has a dedicated plugin. The same components power every surface, so you get an identical widget wherever you paste it.
How do I get a publishable key, and how do I keep it safe?
Create a publishable key in your account dashboard and add your site domain to its origin allowlist. A publishable key is browser safe by design: it starts with pk_ and only works from the domains you list, so it can sit in public page source without exposing your account. Usage counts against your monthly quota, so a key that leaks is capped by your plan rather than unlimited. Keep your secret key on a server and never in a widget.
Do I need to configure CORS or a server for the widgets to work?
No. RoxyAPI already sends the CORS headers browsers require, so script widgets fetch live data from any site with zero server setup on your side. The hosted embed URL and iframe run entirely on RoxyAPI pages, so CORS never applies to them at all. The only setup is listing your site domain in the origin allowlist of your publishable key, which is a security check on the RoxyAPI side, not a change to your website or hosting.
Can I match the widgets to my brand?
Yes. Add the practitioner theme stylesheet for a warm editorial look out of the box, or set your own colors, fonts, radius, and spacing through CSS custom properties. One theme link restyles every widget on the page at once, and dark mode follows the visitor system preference automatically. No rebuild and no framework required.
Are the widgets free?
The widget components are open source under the MIT license and free to use and modify. Rendering live readings requires a RoxyAPI subscription, which covers every domain under one key on a flat plan. One publishable key powers a natal chart, a horoscope, a kundli, a tarot spread, and every other widget on your site.
Get a publishable key.Ship your first widget today.
One key powers every widget on your site. All domains, one flat plan.