René's URL Explorer Experiment


Title: UI Components - Build With Roxy | RoxyAPI

Open Graph Title: UI Components - Build With Roxy | RoxyAPI

X Title: UI Components - Build With Roxy | RoxyAPI

Description: How to render astrology, vedic kundli, panchang, tarot, numerology, biorhythm, and I Ching with the open source UI component library. By RoxyAPI.

Open Graph Description: How to render astrology, vedic kundli, panchang, tarot, numerology, biorhythm, and I Ching with the open source UI component library. By RoxyAPI.

X Description: How to render astrology, vedic kundli, panchang, tarot, numerology, biorhythm, and I Ching with the open source UI component library. By RoxyAPI.

Opengraph URL: https://roxyapi.com/docs/ui

direct link

Domain: roxyapi.com


Hey, it has json ld scripts:
[{"@context":"https://schema.org","@type":"SoftwareApplication","@id":"https://roxyapi.com/#software-application","name":"RoxyAPI","applicationCategory":"DeveloperApplication","operatingSystem":"Web","description":"AI-native infrastructure powering the next generation of insight and prediction apps. Ship production-ready astrology (natal charts, horoscopes, synastry), Vedic astrology (kundli, panchang, KP, dasha), tarot, numerology, human design, forecast, dream interpretation, angel numbers, crystals, and I-Ching applications in days instead of months. 164+ endpoints across 12 intelligence domains with Remote Model Context Protocol (MCP) for seamless integration with OpenAI Agents, Gemini Agents, Claude Desktop, Cursor, Windsurf, and any MCP-compatible AI application. One subscription, one API key, instant activation. The intelligence layer for builders. You focus on experience, we handle the data.","url":"https://roxyapi.com","offers":{"@type":"AggregateOffer","lowPrice":"39","highPrice":"699","priceCurrency":"USD","offerCount":"4","priceSpecification":{"@type":"UnitPriceSpecification","price":"149","priceCurrency":"USD","unitText":"per month"}},"aggregateRating":{"@type":"AggregateRating","ratingValue":"4.5","ratingCount":127,"reviewCount":127,"bestRating":"5","worstRating":"1"},"author":{"@id":"https://roxyapi.com/#organization"},"provider":{"@id":"https://roxyapi.com/#organization"}},{"@context":"https://schema.org","@type":"Organization","@id":"https://roxyapi.com/#organization","name":"RoxyAPI","url":"https://roxyapi.com","logo":"https://roxyapi.com/logo.png","description":"AI-native infrastructure for astrology, Vedic astrology, tarot, numerology, human design, forecast, dreams, angel numbers, crystals, I-Ching, and biorhythm apps, with Remote MCP servers and AGENTS.md for AI agents","sameAs":["https://github.com/RoxyAPI","https://www.linkedin.com/company/roxyapi","https://www.wikidata.org/wiki/Q139552421","https://www.npmjs.com/org/roxyapi","https://pypi.org/org/Roxy/","https://packagist.org/packages/roxyapi/","https://profiles.wordpress.org/roxyapi/","https://wordpress.org/plugins/roxyapi/"],"foundingDate":"2024","founder":{"@type":"Person","@id":"https://abhishekchaudhary.com/#person","name":"Abhishek Chaudhary","alternateName":["Abhi","Abhishek Choudhary"],"jobTitle":"Founder","url":"https://abhishekchaudhary.com","sameAs":["https://www.wikidata.org/wiki/Q139547500","https://www.linkedin.com/in/aaychaudhary/","https://github.com/ph33nx","https://www.npmjs.com/~ph33nx"],"worksFor":{"@id":"https://roxyapi.com/#parent-organization"}},"parentOrganization":{"@type":"Organization","@id":"https://roxyapi.com/#parent-organization","name":"Roxy Labs","address":{"@type":"PostalAddress","addressLocality":"New Delhi","addressRegion":"Delhi","addressCountry":"India"},"founder":{"@id":"https://abhishekchaudhary.com/#person"}}},{"@context":"https://schema.org","@type":"WebSite","@id":"https://roxyapi.com/#website","name":"RoxyAPI","url":"https://roxyapi.com","publisher":{"@id":"https://roxyapi.com/#organization"},"potentialAction":{"@type":"SearchAction","target":"https://roxyapi.com/search?q={search_term_string}","query-input":"required name=search_term_string"}},{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Docs","item":"https://roxyapi.com/docs"},{"@type":"ListItem","position":2,"name":"Build With Roxy","item":"https://roxyapi.com/docs/ui"},{"@type":"ListItem","position":3,"name":"UI Components","item":"https://roxyapi.com/docs/ui"}]},{"@context":"https://schema.org","@type":"TechArticle","headline":"UI Components","description":"How to render astrology, vedic kundli, panchang, tarot, numerology, biorhythm, and I Ching with the open source UI component library. By RoxyAPI.","url":"https://roxyapi.com/docs/ui","articleSection":"Build With Roxy","author":{"@id":"https://roxyapi.com/#organization"},"publisher":{"@id":"https://roxyapi.com/#organization"},"mainEntityOfPage":{"@type":"WebPage","@id":"https://roxyapi.com/docs/ui"},"inLanguage":"en-US","image":{"@type":"ImageObject","url":"https://roxyapi.com/og-image.png","width":{"@type":"QuantitativeValue","value":1200},"height":{"@type":"QuantitativeValue","value":630}}},{"@context":"https://schema.org","@type":"FAQPage","mainEntity":[{"@type":"Question","name":"Is Roxy UI really free?","acceptedAnswer":{"@type":"Answer","text":"Yes. MIT licensed. Use it in commercial apps."}},{"@type":"Question","name":"Can I use it without the SDK?","acceptedAnswer":{"@type":"Answer","text":"Yes. Components are stateless. Fetch with `fetch`, axios, your favorite client, your own server proxy, anything. Pass the response as the `data` prop."}},{"@type":"Question","name":"Does it support React Native or Flutter?","acceptedAnswer":{"@type":"Answer","text":"Not yet. Web (browsers and webviews) only as of 2026."}},{"@type":"Question","name":"Will my brand colors work?","acceptedAnswer":{"@type":"Answer","text":"Yes. Override the `--roxy-*` CSS custom properties on `:root` or per element. The live preview has a Customize button that exports a CSS block."}},{"@type":"Question","name":"Do I need a separate UI/UX designer?","acceptedAnswer":{"@type":"Answer","text":"No. The components ship with sensible defaults out of the box. Theme to your brand colors and you are done."}},{"@type":"Question","name":"Can AI coding agents use this?","acceptedAnswer":{"@type":"Answer","text":"Yes. Cursor, Claude Code, GitHub Copilot, Codex, and any agent reading your `package.json` will see `@roxyapi/ui` and the standard component names. Path C drops typed wrapper files into your repo, which makes agent navigation even easier."}},{"@type":"Question","name":"How big is the bundle?","acceptedAnswer":{"@type":"Answer","text":"~85 KB gzipped for the full bundle from the CDN. ~9-21 KB per component when imported individually via the framework wrappers."}},{"@type":"Question","name":"Is there a TypeScript type for the response shape?","acceptedAnswer":{"@type":"Answer","text":"Yes. The SDK ships full types. The component `data` prop is typed against the matching endpoint response. Your IDE catches schema drift before runtime."}},{"@type":"Question","name":"What if my endpoint is not in the component list?","acceptedAnswer":{"@type":"Answer","text":"The catch-all `\u003croxy-data>` element renders any response shape as a structured table. New endpoints work out of the box; bespoke components ship as the catalog grows."}}]}]

color-schemelight dark
authorRoxyAPI Team
publisherRoxyAPI
ai-summaryHow to render astrology, vedic kundli, panchang, tarot, numerology, biorhythm, and I Ching with the open source UI component library. By RoxyAPI.
ai-key-factsWhy Roxy UI · Pick your path · Path A: Next.js (and any other framework with React) · Path B: Plain HTML (zero build step) · Path C: shadcn registry (Next.js + Tailwind) · What you can render · Theming · Wiring custom events
theme-color#000000
og:typearticle
og:imagehttps://roxyapi.com/og-image.png
og:image:typeimage/png
og:image:width1200
og:image:height630
og:image:altUI Components - Build With Roxy | RoxyAPI
twitter:cardsummary_large_image
twitter:imagehttps://roxyapi.com/og-image.png

Links:

RoxyAPIhttps://roxyapi.com/
Astrologyhttps://roxyapi.com/products/astrology-api
Vedichttps://roxyapi.com/products/vedic-astrology-api
Numerologyhttps://roxyapi.com/products/numerology-api
Tarothttps://roxyapi.com/products/tarot-api
Human Designhttps://roxyapi.com/products/human-design-api
Forecasthttps://roxyapi.com/products/forecast-api
Biorhythmhttps://roxyapi.com/products/biorhythm-api
I-Chinghttps://roxyapi.com/products/iching-api
Crystalshttps://roxyapi.com/products/crystals-api
Dreamshttps://roxyapi.com/products/dreams-api
Angel Numbershttps://roxyapi.com/products/angel-numbers-api
Locationhttps://roxyapi.com/products/location-api
View all APIshttps://roxyapi.com/products
QuickstartFirst API call in 60 secondshttps://roxyapi.com/docs/quickstart
API ReferenceInteractive endpoint explorerhttps://roxyapi.com/api-reference
SDKTypeScript, Python, PHP, C#, and Go SDKshttps://roxyapi.com/docs/sdk
DocumentationGuides and referenceshttps://roxyapi.com/docs/introduction
MCP ServersAI agent integrationhttps://roxyapi.com/docs/mcp
WordPress PluginGutenberg blocks and shortcodeshttps://roxyapi.com/docs/integrations/wordpress
OpenAPI SpecComplete OpenAPI 3.1 schema (JSON)https://roxyapi.com/openapi.json
AgentsnewCoding-agent execution playbookhttps://roxyapi.com/AGENTS.md
LLMs.txtKnowledge base for AI agentshttps://roxyapi.com/llms.txt
MethodologyAccuracy verification and testshttps://roxyapi.com/methodology
AI Chatbot & Templatesnewhttps://roxyapi.com/starters
MCPhttps://roxyapi.com/docs/mcp
UInewhttps://roxyapi.com/ui
Helphttps://roxyapi.com/contact
Sign Inhttps://roxyapi.com/account/login
Get API Keyhttps://roxyapi.com/pricing
Astrologyhttps://roxyapi.com/products/astrology-api
Vedichttps://roxyapi.com/products/vedic-astrology-api
Numerologyhttps://roxyapi.com/products/numerology-api
Tarothttps://roxyapi.com/products/tarot-api
Human Designhttps://roxyapi.com/products/human-design-api
Forecasthttps://roxyapi.com/products/forecast-api
Biorhythmhttps://roxyapi.com/products/biorhythm-api
I-Chinghttps://roxyapi.com/products/iching-api
Crystalshttps://roxyapi.com/products/crystals-api
Dreamshttps://roxyapi.com/products/dreams-api
Angel Numbershttps://roxyapi.com/products/angel-numbers-api
Locationhttps://roxyapi.com/products/location-api
View all APIshttps://roxyapi.com/products
Quickstarthttps://roxyapi.com/docs/quickstart
API Referencehttps://roxyapi.com/api-reference
SDKhttps://roxyapi.com/docs/sdk
Documentationhttps://roxyapi.com/docs/introduction
MCP Servershttps://roxyapi.com/docs/mcp
WordPress Pluginhttps://roxyapi.com/docs/integrations/wordpress
OpenAPI Spechttps://roxyapi.com/openapi.json
Agentsnewhttps://roxyapi.com/AGENTS.md
LLMs.txthttps://roxyapi.com/llms.txt
Methodologyhttps://roxyapi.com/methodology
AI Chatbot & Templatesnewhttps://roxyapi.com/starters
UInewhttps://roxyapi.com/ui
Pricinghttps://roxyapi.com/pricing
Helphttps://roxyapi.com/contact
Sign Inhttps://roxyapi.com/account/login
Get API Keyhttps://roxyapi.com/pricing
Quick Starthttps://roxyapi.com/docs/quickstart
Playgroundhttps://roxyapi.com/api-reference
SDKhttps://roxyapi.com/docs/sdk
MCP Setuphttps://roxyapi.com/docs/mcp
Free Templateshttps://roxyapi.com/starters
AGENTS.mdhttps://roxyapi.com/AGENTS.md
Docshttps://roxyapi.com/docs/introduction
Introductionhttps://roxyapi.com/docs/introduction
Quickstarthttps://roxyapi.com/docs/quickstart
Authenticationhttps://roxyapi.com/docs/authentication
SDK (TypeScript / Python / PHP / C# / Go)https://roxyapi.com/docs/sdk
UI Componentshttps://roxyapi.com/docs/ui
AI Promptshttps://roxyapi.com/docs/prompts
MCP Setuphttps://roxyapi.com/docs/mcp
Starter Appshttps://roxyapi.com/docs/starters
Claude Codehttps://roxyapi.com/docs/guides/claude-code
Cursorhttps://roxyapi.com/docs/guides/cursor
Antigravityhttps://roxyapi.com/docs/guides/antigravity
Function Callinghttps://roxyapi.com/docs/guides/function-calling
Postman and Brunohttps://roxyapi.com/docs/guides/postman
Calculation Enginehttps://roxyapi.com/docs/guides/calculation-engine
Caching and Costhttps://roxyapi.com/docs/guides/caching
Agent Task Cheatsheethttps://roxyapi.com/docs/agent-tasks
Common Mistakeshttps://roxyapi.com/docs/agent-mistakes
Domain Gotchashttps://roxyapi.com/docs/agent-gotchas
Field Formatshttps://roxyapi.com/docs/agent-field-formats
Next.jshttps://roxyapi.com/docs/integrations/nextjs
WordPresshttps://roxyapi.com/docs/integrations/wordpress
Wixhttps://roxyapi.com/docs/integrations/wix
Shopifyhttps://roxyapi.com/docs/integrations/shopify
Bubblehttps://roxyapi.com/docs/integrations/bubble
FlutterFlowhttps://roxyapi.com/docs/integrations/flutterflow
WhatsApphttps://roxyapi.com/docs/integrations/whatsapp
Telegramhttps://roxyapi.com/docs/integrations/telegram
Slackhttps://roxyapi.com/docs/integrations/slack
Bolthttps://roxyapi.com/docs/integrations/bolt
Lovablehttps://roxyapi.com/docs/integrations/lovable
Difyhttps://roxyapi.com/docs/integrations/dify
n8nhttps://roxyapi.com/docs/integrations/n8n
Make (Integromat)https://roxyapi.com/docs/integrations/make
Zapierhttps://roxyapi.com/docs/integrations/zapier
Complete Birth Profilehttps://roxyapi.com/docs/tutorials/complete-birth-profile
Dating Compatibility Apphttps://roxyapi.com/docs/tutorials/dating-app
Daily Horoscope Widgethttps://roxyapi.com/docs/tutorials/horoscope-widget
Tarot Reading Apphttps://roxyapi.com/docs/tutorials/tarot-app
AI Astrology Chatbothttps://roxyapi.com/docs/tutorials/ai-chatbot
AI Companion with Memoryhttps://roxyapi.com/docs/tutorials/ai-companion-with-memory
Personalized Daily Trackerhttps://roxyapi.com/docs/tutorials/personalized-tracker
Western Astrologyhttps://roxyapi.com/docs/guides/astrology
Vedic Astrologyhttps://roxyapi.com/docs/guides/vedic-astrology
KP Astrologyhttps://roxyapi.com/docs/guides/kp
Human Designhttps://roxyapi.com/docs/guides/human-design
Forecasthttps://roxyapi.com/docs/guides/forecast
Biorhythmhttps://roxyapi.com/docs/guides/biorhythm
Tarothttps://roxyapi.com/docs/guides/tarot
Numerologyhttps://roxyapi.com/docs/guides/numerology
I-Chinghttps://roxyapi.com/docs/guides/iching
Dreamshttps://roxyapi.com/docs/guides/dreams
Crystalshttps://roxyapi.com/docs/guides/crystals
Angel Numbershttps://roxyapi.com/docs/guides/angel-numbers
Complete API Referencehttps://roxyapi.com/api-reference
Docshttps://roxyapi.com/docs/introduction
Introductionhttps://roxyapi.com/docs/introduction
Quickstarthttps://roxyapi.com/docs/quickstart
Authenticationhttps://roxyapi.com/docs/authentication
SDK (TypeScript / Python / PHP / C# / Go)https://roxyapi.com/docs/sdk
UI Componentshttps://roxyapi.com/docs/ui
AI Promptshttps://roxyapi.com/docs/prompts
MCP Setuphttps://roxyapi.com/docs/mcp
Starter Appshttps://roxyapi.com/docs/starters
Claude Codehttps://roxyapi.com/docs/guides/claude-code
Cursorhttps://roxyapi.com/docs/guides/cursor
Antigravityhttps://roxyapi.com/docs/guides/antigravity
Function Callinghttps://roxyapi.com/docs/guides/function-calling
Postman and Brunohttps://roxyapi.com/docs/guides/postman
Calculation Enginehttps://roxyapi.com/docs/guides/calculation-engine
Caching and Costhttps://roxyapi.com/docs/guides/caching
Agent Task Cheatsheethttps://roxyapi.com/docs/agent-tasks
Common Mistakeshttps://roxyapi.com/docs/agent-mistakes
Domain Gotchashttps://roxyapi.com/docs/agent-gotchas
Field Formatshttps://roxyapi.com/docs/agent-field-formats
Next.jshttps://roxyapi.com/docs/integrations/nextjs
WordPresshttps://roxyapi.com/docs/integrations/wordpress
Wixhttps://roxyapi.com/docs/integrations/wix
Shopifyhttps://roxyapi.com/docs/integrations/shopify
Bubblehttps://roxyapi.com/docs/integrations/bubble
FlutterFlowhttps://roxyapi.com/docs/integrations/flutterflow
WhatsApphttps://roxyapi.com/docs/integrations/whatsapp
Telegramhttps://roxyapi.com/docs/integrations/telegram
Slackhttps://roxyapi.com/docs/integrations/slack
Bolthttps://roxyapi.com/docs/integrations/bolt
Lovablehttps://roxyapi.com/docs/integrations/lovable
Difyhttps://roxyapi.com/docs/integrations/dify
n8nhttps://roxyapi.com/docs/integrations/n8n
Make (Integromat)https://roxyapi.com/docs/integrations/make
Zapierhttps://roxyapi.com/docs/integrations/zapier
Complete Birth Profilehttps://roxyapi.com/docs/tutorials/complete-birth-profile
Dating Compatibility Apphttps://roxyapi.com/docs/tutorials/dating-app
Daily Horoscope Widgethttps://roxyapi.com/docs/tutorials/horoscope-widget
Tarot Reading Apphttps://roxyapi.com/docs/tutorials/tarot-app
AI Astrology Chatbothttps://roxyapi.com/docs/tutorials/ai-chatbot
AI Companion with Memoryhttps://roxyapi.com/docs/tutorials/ai-companion-with-memory
Personalized Daily Trackerhttps://roxyapi.com/docs/tutorials/personalized-tracker
Western Astrologyhttps://roxyapi.com/docs/guides/astrology
Vedic Astrologyhttps://roxyapi.com/docs/guides/vedic-astrology
KP Astrologyhttps://roxyapi.com/docs/guides/kp
Human Designhttps://roxyapi.com/docs/guides/human-design
Forecasthttps://roxyapi.com/docs/guides/forecast
Biorhythmhttps://roxyapi.com/docs/guides/biorhythm
Tarothttps://roxyapi.com/docs/guides/tarot
Numerologyhttps://roxyapi.com/docs/guides/numerology
I-Chinghttps://roxyapi.com/docs/guides/iching
Dreamshttps://roxyapi.com/docs/guides/dreams
Crystalshttps://roxyapi.com/docs/guides/crystals
Angel Numbershttps://roxyapi.com/docs/guides/angel-numbers
Complete API Referencehttps://roxyapi.com/api-reference
Docshttps://roxyapi.com/docs/introduction
API Referencehttps://roxyapi.com/api-reference
@roxyapi/uihttps://www.npmjs.com/package/@roxyapi/ui
@roxyapi/ui-reacthttps://www.npmjs.com/package/@roxyapi/ui-react
jsDelivrhttps://www.jsdelivr.com/package/npm/@roxyapi/ui
roxyapi.github.io/uihttps://roxyapi.github.io/ui/
github.com/RoxyAPI/uihttps://github.com/RoxyAPI/ui
roxyapi.com/accounthttps://roxyapi.com/account
http://localhost:3000http://localhost:3000
roxyapi.com/accounthttps://roxyapi.com/account
roxyapi.github.io/uihttps://roxyapi.github.io/ui/
roxyapi.github.io/uihttps://roxyapi.github.io/ui/
roxyapi.com/accounthttps://roxyapi.com/account
roxyapi.github.io/uihttps://roxyapi.github.io/ui/
github.com/RoxyAPI/uihttps://github.com/RoxyAPI/ui
roxyapi.com/uihttps://roxyapi.com/ui
/docs/sdkhttps://roxyapi.com/docs/sdk
roxyapi.com/pricinghttps://roxyapi.com/pricing
SDK (TypeScript / Python / PHP / C# / Go)https://roxyapi.com/docs/sdk
AI Promptshttps://roxyapi.com/docs/prompts
Western Astrology APIhttps://roxyapi.com/products/astrology-api
Vedic Astrology APIhttps://roxyapi.com/products/vedic-astrology-api
Numerology APIhttps://roxyapi.com/products/numerology-api
Tarot Reading APIhttps://roxyapi.com/products/tarot-api
Human Design APIhttps://roxyapi.com/products/human-design-api
Forecast APIhttps://roxyapi.com/products/forecast-api
Biorhythm APIhttps://roxyapi.com/products/biorhythm-api
I-Ching Oracle APIhttps://roxyapi.com/products/iching-api
Crystals and Healing Stones APIhttps://roxyapi.com/products/crystals-api
Dream Interpretation APIhttps://roxyapi.com/products/dreams-api
Angel Numbers APIhttps://roxyapi.com/products/angel-numbers-api
Location and Timezone APIhttps://roxyapi.com/products/location-api
View all APIshttps://roxyapi.com/products
Get API Keyhttps://roxyapi.com/pricing
Pricinghttps://roxyapi.com/pricing
All APIshttps://roxyapi.com/products
Free Templateshttps://roxyapi.com/starters
Methodologyhttps://roxyapi.com/methodology
Transparencyhttps://roxyapi.com/transparency
Quickstarthttps://roxyapi.com/docs/quickstart
API Referencehttps://roxyapi.com/api-reference
Documentationhttps://roxyapi.com/docs/introduction
FAQhttps://roxyapi.com/faq
Bloghttps://roxyapi.com/blogs
SDKhttps://roxyapi.com/docs/sdk
UI Componentshttps://roxyapi.com/ui
WordPress Pluginhttps://roxyapi.com/docs/integrations/wordpress
MCPhttps://roxyapi.com/docs/mcp
AI Promptshttps://roxyapi.com/docs/prompts
LLMs.txthttps://roxyapi.com/llms.txt
LLMs-Full.txthttps://roxyapi.com/llms-full.txt
AGENTS.mdhttps://roxyapi.com/AGENTS.md
Postmanhttps://www.postman.com/roxylabs-7113570/roxyapi
GitHubhttps://github.com/RoxyAPI
Numerology Calculatorshttps://roxyapi.com/tools/numerology
Tarot Readingshttps://roxyapi.com/tools/tarot
I Ching Oraclehttps://roxyapi.com/tools/iching
Dream Interpretationhttps://roxyapi.com/tools/dreams
Vedic Astrologyhttps://roxyapi.com/tools/vedic-astrology
Western Astrologyhttps://roxyapi.com/tools/western-astrology
Human Designhttps://roxyapi.com/tools/human-design
Biorhythmhttps://roxyapi.com/tools/biorhythm
Crystalshttps://roxyapi.com/tools/crystals
Angel Numbershttps://roxyapi.com/tools/angel-numbers
Reviewshttps://roxyapi.com/reviews
My Accounthttps://roxyapi.com/account/login
Contacthttps://roxyapi.com/contact
Termshttps://roxyapi.com/policy/terms
Privacyhttps://roxyapi.com/policy/privacy
Refundhttps://roxyapi.com/policy/refund
Licensehttps://roxyapi.com/policy/license
Sitemaphttps://roxyapi.com/sitemap.xml
All Systems Operationalhttps://stats.uptimerobot.com/T0kPZKlAjf
RoxyAPIhttps://roxyapi.com/products
Build your ownhttps://roxyapi.com/starters

Viewport: width=device-width, initial-scale=1.0

Robots: index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1


URLs of crawlers that visited me.