Charts, tables, cards, and forms for Western and Vedic astrology, forecast, human design, and every other RoxyAPI domain. One key. One npm install or one script tag. Typed responses in, a finished chart out, themed through CSS custom properties.
Not a developer? Copy-paste widgets
Grouped by domain, each rendering the typed response from its matching endpoint. Open one for a live preview, the code for your stack, every attribute and the events it sends. The fallback <roxy-data> renders any future response shape without hand wiring.
Natal chart wheel with planet glyphs and aspect lines
Dual-wheel synastry with inter-aspects table
Sign, degree, house, motion columns plus ASC, MC, PoF, Vertex
Transit planet positions plus optional aspects to a natal chart
Natal chart on the inner ring, transiting bodies on the outer ring, aspect lines between them
Aspect rows coloured by nature with orb and strength, plus detected chart patterns
Moon phase card and calendar
Daily, weekly, monthly, or yearly horoscope card
World map of planetary MC, IC, Ascendant, and Descendant lines with per-line interpretations
Compass dial of planetary azimuth lines from the birthplace, dimmed below the horizon
Relocated chart wheel plus the move geometry, angular planets, and planets that change house
Body, sign, degree, and per-shape columns (house, motion, formula, or natal arc) plus each reading
Star to natal point conjunctions with readings, plus a catalog of position, magnitude, nature, and keywords
Profected house and sign for the year, the lord of the year, its natal placement, and the reading
South, North, or East Indian kundli with degree detail and optional Chandra Lagna view
Generic divisional varga wheel from D2 Hora to D60 Shashtiamsa
Degree, nakshatra, pada, lord, bhava, Baladi, Jagradadi and Deeptadi columns
Sarva, Bhinna, and Shodhya Pinda views in a tabbed heatmap
Six-fold planetary strength bar plus rupas and adequacy badge
Vimshottari mahadasha, antardasha, pratyantardasha, sookshma and prana, drill-down at every level
36-point Ashtakoota with eight sub-scores
15+ muhurtas in detailed mode
Graha drishti rows with aspect type, strength, and orb, plus mutual aspects
Day and night planetary hours with ruling planet and window
Day and night Choghadiya muhurta tiles colored by effect
Udaya and asta windows for the six visible grahas, the calculation behind Guru Asta and Shukra Asta
Composed Vedic daily reading with the classical rule behind every graha state, the Tara and Chandrabala windows in full, and all three sidereal frames named
KP daily finance reading with the cusp sub lords, the running dasha lords, the ruling planets and the Moon sub lord windows each scored against the gain and loss houses, weighed into one band for the day
Vedic gochara with aspects to the natal chart and the Gochara Kaksha reading drawn as a position within the sign
House strength in rupas and virupas, ranked, with Bhavadhipati, Dig and Drishti Bala shown as proportions of the total
The Chalit chart against the Rashi chart, leading with how many grahas move and which, plus the unequal bhava spans
Time-based and Sun-based upagrahas with rashi, degree, longitude and nakshatra
Karaka offices in rank order with graha, degree, scheme, and what each is read for
Twelve padas with bhava, lord, pada rashi, house from Lagna, and the classical exception marked
Filterable yoga cards from the 300 plus yoga catalog, grouped by verdict in detect mode
Lord, deity, symbol, characteristics, remedies
Presence, severity, remedies, scoped effects
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
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
Electromagnetic, compromise, and dominance channels between two charts
Group penta channels split into upper and lower triangles
The four transformation arrows with direction, color, tone, and base, plus a reading per arrow grouped by layer and the cognition
Year, month, day and hour pillars in hanzi with hidden stems, Ten Gods, Na Yin, element balance and interactions
Ten-year luck pillars as a strip with ages and years, the annual pillars, and the direction and start age behind them
The animal for a date, one animal in full, a daily reading, or a pair scored
Day officer, favours and avoids, clash animal and pillars, as one day, a month, or a date search
Readings and vocabulary come back in 10 languages: English, Turkish, German, Spanish, Hindi, Portuguese, French, Russian, Chinese (Simplified), Chinese (Traditional). A component reads the language off the page it is embedded in, so a site already published in Spanish or Hindi needs no change at all. Pick a language below to fix it instead, and the snippet updates with the one line that loads those labels.
Set it up once
The snippet below updates instantly. Your key stays in your browser, this page sends nothing to RoxyAPI.
No key yet? Create a publishable key in your account dashboard and list your site origin.
Match the page follows your site language. Pick one to fix it.
<!-- Optional: Rosewater theme (drop this line for the default look) -->
<!-- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@roxyapi/ui@latest/dist/styles/themes/practitioner.css"> -->
<script src="https://cdn.jsdelivr.net/npm/@roxyapi/ui@latest/dist/cdn/roxy-ui.js" defer></script>
<roxy-natal-chart publishable-key="pk_live_YOUR_KEY" hide-sections="hint"></roxy-natal-chart>Written readings and the vocabulary in the response follow the language everywhere. On-screen labels follow it on the charts that carry a translated label set today, and fall back to English elsewhere rather than breaking. Full language guide, including the npm import for bundled apps.
Built for builders shipping insight and prediction apps. Designed for AI agents that render structured responses. Themed for any brand.
Pass a response from your server, or an MCP tool result in your own AI chat (generative UI), as the data property. Or give it a publishable key and the component draws its own form and fetches. No global stores.
A handful of base tokens restyle every component: accent, ink, surface, font and radius. Match any brand without rebuilding the bundle, or start from a shipped theme preset.
WAI-ARIA 2.0 roles, keyboard navigation, focus rings, and reduced-motion gating. Verified with axe-core in CI on every release.
Components read the OpenAPI spec and render their own visitor-facing inputs: a zodiac tile picker, date and time fields, and city search. New endpoints get inputs automatically, with no form code.
Standard custom elements that render in React, Vue, Svelte, Angular, Solid, vanilla HTML, and WordPress. Shadow DOM scoping included.
Every package publishes via OIDC trusted publisher with SLSA provenance. Verifiable supply chain on every release.
Component prop shapes regenerate from the OpenAPI spec on every release. Your IDE catches schema drift before runtime.
Per component imports for bundlers. Lean prod bundle. Generous budgets enforced in CI on every release.
Served from a global multi-CDN network, close to every reader. SRI hash auto-generated.
Pick the surface that fits your stack: npm, CDN, one-tag widgets, theme presets, or the shadcn registry. Every surface ships the same components.
| Surface | URL | Best for |
|---|---|---|
| npm @roxyapi/ui | npmjs.com/package/@roxyapi/ui | Vue, Svelte, Angular, vanilla TS, any bundler |
| npm @roxyapi/ui-react | npmjs.com/package/@roxyapi/ui-react | React, Next.js, Remix, Vite |
| npm @roxyapi/ui-vue | npmjs.com/package/@roxyapi/ui-vue | Vue, Nuxt, Vite |
| jsdelivr full UMD | cdn.jsdelivr.net/npm/@roxyapi/ui@latest/dist/cdn/roxy-ui.js | Vanilla HTML, no-build, WordPress, Stan Store |
| jsdelivr per component | cdn.jsdelivr.net/npm/@roxyapi/ui@latest/dist/cdn/components/*.js | Bandwidth-sensitive vanilla HTML |
| widgets.js one tag | cdn.jsdelivr.net/npm/@roxyapi/ui@latest/dist/cdn/widgets.js | One tag, no code, auto-mounts |
| shadcn registry | npx shadcn@latest add cdn.jsdelivr.net/gh/RoxyAPI/ui@latest/registry/{name}.json | A typed component file in your own repo |
| Theme presets | cdn.jsdelivr.net/npm/@roxyapi/ui@latest/dist/styles/themes/*.css | Rosewater, Eucalyptus, Kiln, Moonlit, Celeste |
Roxy UI is one surface of the platform. The same key that feeds these components also powers the typed API, Remote MCP servers, typed SDKs, embeddable widgets, and Templates.
One flat plan, all inclusive
Typed API: a complete result in one call, from a live typed OpenAPI spec
Remote MCP: hosted agent tools over Streamable HTTP, no local setup
Typed SDKs: TypeScript, Python, PHP, C#, Go, and Rust, generated from the spec
UI components: natal wheels, kundli, bodygraphs, and spreads rendered from the response
Embed widgets: paste one snippet on any site with a browser safe publishable key
Branded reports: white label PDF, HTML or Markdown under your name and logo, on every plan
Templates: MIT licensed apps to clone, white label, and ship as your own
Multilingual i18n: full interpretation text in 10+ languages, included in every plan
Every surface, across all 18+ domains, under one flat subscription. No per-product fees, no per-request or token costs.
Roxy UI renders the typed response you pass as the data property, or fetches its own with a publishable key. Predictable in every framework.
Roxy UI is the MIT licensed component library that turns a RoxyAPI response into a finished chart, table, card or form: natal wheels, kundli, bodygraphs, tarot spreads and more. It ships as web components plus React and Vue packages, themed through CSS custom properties.
Yes. The components are MIT licensed and free in commercial apps. Live readings run on a RoxyAPI plan, and every plan includes every component and widget.
Fetch the natal chart from your server and pass the response to the roxy-natal-chart component as its data. Or load one script from the CDN and give the component a publishable key, and it draws its own birth details form. Every component page on ui shows the code for each stack.
Yes. The React package renders in Next.js server components and client pages, the Vue package in Vue and Nuxt, and the web components in any stack that runs custom elements, plain HTML included. The React and Vue packages export the typed response each component accepts.
Yes. A handful of base tokens restyle every component: background, text, accent, font and radius. Start from a named theme preset with its light and dark palettes, then override any token on the page or on a single component.
Yes. Set hide-readings and the interpretive text is left out while the chart, tables and numbers stay. Set hide-sections to drop a single block, such as the aspect patterns.
No. Give a component a publishable key that works only on your website and it fetches the reading in the browser. On a no-code site, the widget builder at widgets styles a widget and writes the code for your site builder.
Yes. Pass the tool name to componentForTool and the tool result as data, and the matching chart, spread or card renders beside the reply in any chat interface you build. The guide at docs/tutorials/ai-chat-widgets connects it to Remote MCP.
A component follows the language of the page it sits on, so a Spanish site gets Spanish readings with no setting, and a label file per language translates the on-screen labels.
The roxy-data component renders any response as a structured table, so every endpoint has a renderer from its first day, and dedicated components join the catalog as it grows.
Roxy UI is MIT licensed and free to use. The RoxyAPI catalog powers every render.
Hi, I am Rosie, your guide to the RoxyAPI insight tools.
Ask me to read your birth chart, pull a card, or map your numbers, and I will interpret what it means for you. Unlike most AIs, I never make the numbers up: every reading runs on real, verified calculations. Curious about the API, pricing, or docs instead? Ask me that too.