Add astrology to your site.One snippet, no backend.
Drop-in widgets for horoscopes, natal charts, Vedic kundli, tarot, numerology, human design, 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.
Live in three steps
No servers, no build tools, no framework. Get a key, copy a snippet, paste it where the reading should appear.
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.
Copy a snippet
Paste your key in the box below and it fills every snippet on this page. Pick the widget you want and copy the ready-to-paste snippet or hosted URL.
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.
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.
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
https://roxyapi.com/embed/natal-chart?pk=pk_live_YOUR_KEYScript tag options
<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><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
https://roxyapi.com/embed/synastry-chart?pk=pk_live_YOUR_KEYScript tag options
<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><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
https://roxyapi.com/embed/western-planets-table?pk=pk_live_YOUR_KEYScript tag options
<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><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
https://roxyapi.com/embed/transits-table?pk=pk_live_YOUR_KEYScript tag options
<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><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
https://roxyapi.com/embed/aspects-table?pk=pk_live_YOUR_KEYScript tag options
<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><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
https://roxyapi.com/embed/moon-phase?pk=pk_live_YOUR_KEYScript tag options
<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><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
https://roxyapi.com/embed/horoscope-card?pk=pk_live_YOUR_KEYScript tag options
<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><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
https://roxyapi.com/embed/astrocartography-map?pk=pk_live_YOUR_KEYScript tag options
<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><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
https://roxyapi.com/embed/local-space-compass?pk=pk_live_YOUR_KEYScript tag options
<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><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
https://roxyapi.com/embed/relocation-wheel?pk=pk_live_YOUR_KEYScript tag options
<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><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
https://roxyapi.com/embed/positions-table?pk=pk_live_YOUR_KEYScript tag options
<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><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
https://roxyapi.com/embed/fixed-stars?pk=pk_live_YOUR_KEYScript tag options
<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><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
https://roxyapi.com/embed/profection-card?pk=pk_live_YOUR_KEYScript tag options
<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><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
https://roxyapi.com/embed/compatibility-card?pk=pk_live_YOUR_KEYScript tag options
<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><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
https://roxyapi.com/embed/vedic-kundli?pk=pk_live_YOUR_KEYScript tag options
<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><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
https://roxyapi.com/embed/divisional-chart?pk=pk_live_YOUR_KEYScript tag options
<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><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
https://roxyapi.com/embed/vedic-planets-table?pk=pk_live_YOUR_KEYScript tag options
<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><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
https://roxyapi.com/embed/ashtakavarga-grid?pk=pk_live_YOUR_KEYScript tag options
<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><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
https://roxyapi.com/embed/shadbala-table?pk=pk_live_YOUR_KEYScript tag options
<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><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
https://roxyapi.com/embed/dasha-timeline?pk=pk_live_YOUR_KEYScript tag options
<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><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
https://roxyapi.com/embed/guna-milan?pk=pk_live_YOUR_KEYScript tag options
<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><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
https://roxyapi.com/embed/panchang-table?pk=pk_live_YOUR_KEYScript tag options
<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><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
https://roxyapi.com/embed/vedic-aspects?pk=pk_live_YOUR_KEYScript tag options
<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><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
https://roxyapi.com/embed/hora-table?pk=pk_live_YOUR_KEYScript tag options
<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><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
https://roxyapi.com/embed/choghadiya-grid?pk=pk_live_YOUR_KEYScript tag options
<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><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
https://roxyapi.com/embed/yoga-list?pk=pk_live_YOUR_KEYScript tag options
<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><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
https://roxyapi.com/embed/nakshatra-card?pk=pk_live_YOUR_KEYScript tag options
<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><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
https://roxyapi.com/embed/dosha-card?pk=pk_live_YOUR_KEYScript tag options
<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><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
https://roxyapi.com/embed/kp-chart?pk=pk_live_YOUR_KEYScript tag options
<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><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
https://roxyapi.com/embed/kp-planets-table?pk=pk_live_YOUR_KEYScript tag options
<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><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
https://roxyapi.com/embed/kp-ruling-planets?pk=pk_live_YOUR_KEYScript tag options
<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><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
https://roxyapi.com/embed/numerology-card?pk=pk_live_YOUR_KEYScript tag options
<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><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
https://roxyapi.com/embed/tarot-card?pk=pk_live_YOUR_KEYScript tag options
<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><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
https://roxyapi.com/embed/tarot-catalog?pk=pk_live_YOUR_KEYScript tag options
<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><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
https://roxyapi.com/embed/tarot-spread?pk=pk_live_YOUR_KEYScript tag options
<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><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
https://roxyapi.com/embed/bodygraph?pk=pk_live_YOUR_KEYScript tag options
<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><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
https://roxyapi.com/embed/hd-type-card?pk=pk_live_YOUR_KEYScript tag options
<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><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
https://roxyapi.com/embed/hd-connection?pk=pk_live_YOUR_KEYScript tag options
<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><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
https://roxyapi.com/embed/hd-penta?pk=pk_live_YOUR_KEYScript tag options
<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><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
https://roxyapi.com/embed/hd-variables?pk=pk_live_YOUR_KEYScript tag options
<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><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
https://roxyapi.com/embed/forecast-timeline?pk=pk_live_YOUR_KEYScript tag options
<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><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
https://roxyapi.com/embed/forecast-digest?pk=pk_live_YOUR_KEYScript tag options
<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><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
https://roxyapi.com/embed/biorhythm-chart?pk=pk_live_YOUR_KEYScript tag options
<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><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
https://roxyapi.com/embed/hexagram?pk=pk_live_YOUR_KEYScript tag options
<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><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
https://roxyapi.com/embed/crystal-card?pk=pk_live_YOUR_KEYScript tag options
<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><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
https://roxyapi.com/embed/crystal-grid?pk=pk_live_YOUR_KEYScript tag options
<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><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
https://roxyapi.com/embed/dream-card?pk=pk_live_YOUR_KEYScript tag options
<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><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
https://roxyapi.com/embed/dream-search?pk=pk_live_YOUR_KEYScript tag options
<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><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
https://roxyapi.com/embed/angel-number-card?pk=pk_live_YOUR_KEYScript tag options
<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><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
https://roxyapi.com/embed/angel-number-lookup?pk=pk_live_YOUR_KEYScript tag options
<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><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
https://roxyapi.com/embed/reference-card?pk=pk_live_YOUR_KEYScript tag options
<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><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.
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.