René's URL Explorer Experiment


Title: RoxyAPI UI · Astrology, Vedic, numerology, and tarot UI components for web apps

Open Graph Title: RoxyAPI UI · Drop-in components for astrology, Vedic, tarot, and numerology apps

Description: Open source MIT licensed UI component library for astrology APIs, Vedic astrology charts, numerology calculators, tarot readers, kundli, panchang, biorhythm, and I Ching. Drop-in design library for React, Next.js, Hono, Vue, Svelte, and vanilla HTML.

Open Graph Description: The official MIT licensed UI design library for the RoxyAPI catalog. Astrology charts, Vedic kundli, panchang, tarot readers, numerology cards, biorhythm, I Ching. One script tag. Every domain.

Keywords:

Opengraph URL: https://roxyapi.github.io/ui/

direct link

Domain: roxyapi.github.io


Hey, it has json ld scripts:
	{
		"@context": "https://schema.org",
		"@graph": [
			{
				"@type": "Organization",
				"@id": "https://roxyapi.com/#organization",
				"name": "RoxyAPI",
				"url": "https://roxyapi.com",
				"logo": "https://roxyapi.com/logo.png",
				"description": "Multi-domain spiritual intelligence API. Astrology, Vedic, numerology, tarot, biorhythm, I Ching, dreams, crystals, angel numbers, location. One key, every domain, remote MCP.",
				"sameAs": [
					"https://github.com/RoxyAPI",
					"https://www.npmjs.com/org/roxyapi",
					"https://roxyapi.github.io/ui/"
				]
			},
			{
				"@type": ["SoftwareApplication", "SoftwareSourceCode"],
				"@id": "https://roxyapi.github.io/ui/#software",
				"name": "RoxyAPI UI",
				"alternateName": ["@roxyapi/ui", "@roxyapi/ui-react"],
				"url": "https://roxyapi.github.io/ui/",
				"downloadUrl": "https://www.npmjs.com/package/@roxyapi/ui",
				"codeRepository": "https://github.com/RoxyAPI/ui",
				"applicationCategory": "DeveloperApplication",
				"applicationSubCategory": "Component Library",
				"operatingSystem": "Web",
				"description": "Open source MIT licensed UI component library for the RoxyAPI catalog. Drop-in charts, tables, cards, and forms for astrology, Vedic astrology, numerology, tarot, biorhythm, I Ching. Works with React, Next.js, Hono, Vue, Svelte, vanilla HTML, and shadcn registry.",
				"license": "https://opensource.org/licenses/MIT",
				"offers": { "@type": "Offer", "price": "0", "priceCurrency": "USD" },
				"author": { "@id": "https://roxyapi.com/#organization" },
				"publisher": { "@id": "https://roxyapi.com/#organization" },
				"softwareRequirements": "Modern browser with ES modules support",
				"programmingLanguage": ["TypeScript", "JavaScript"],
				"keywords": "astrology UI components, vedic astrology widgets, tarot card component, numerology calculator UI, kundli chart web component, panchang widget, MIT licensed astrology library, shadcn registry astrology"
			}
		]
	}
	
	{
		"@context": "https://schema.org",
		"@type": "FAQPage",
		"mainEntity": [
			{
				"@type": "Question",
				"name": "Is there a free open source UI component library for astrology, tarot, and numerology apps?",
				"acceptedAnswer": {
					"@type": "Answer",
					"text": "Yes. RoxyAPI UI is the official MIT licensed component library for insight and prediction apps. It ships drop-in web components for astrology natal charts, Vedic kundli, panchang tables, dasha timelines, tarot daily cards and spreads, numerology life path cards, biorhythm, and I Ching hexagrams. Distributed via npm as @roxyapi/ui and @roxyapi/ui-react, plus a single script tag from jsDelivr for vanilla HTML."
				}
			},
			{
				"@type": "Question",
				"name": "How do I add an astrology chart to my website?",
				"acceptedAnswer": {
					"@type": "Answer",
					"text": "Three lines. Drop the @roxyapi/ui script tag from jsDelivr, add a roxy-natal-chart custom element, then call createRoxy from @roxyapi/sdk and assign the response to the element's data property. Works in plain HTML, WordPress, Shopify themes that allow custom code, and any modern browser with no build step."
				}
			},
			{
				"@type": "Question",
				"name": "Does this work with React, Next.js, Vue, and Svelte?",
				"acceptedAnswer": {
					"@type": "Answer",
					"text": "Yes. The @roxyapi/ui-react package ships typed React components for every entry in the catalog. Vue, Svelte, Angular, Solid, Astro, Qwik, and other frameworks consume the same Lit web components natively, no extra install required. The same components ship to every framework via the catalog at @roxyapi/ui."
				}
			},
			{
				"@type": "Question",
				"name": "Can I use RoxyAPI UI with shadcn in a Next.js or React app?",
				"acceptedAnswer": {
					"@type": "Answer",
					"text": "Yes. RoxyAPI UI ships a shadcn registry alongside the npm packages. Install any component the same way as shadcn primitives: npx shadcn@latest add https://cdn.jsdelivr.net/gh/RoxyAPI/ui@latest/registry/natal-chart.json. The component source lands in your project for full ownership and Tailwind-friendly theming. To skip the URL on every install, add a namespace to your components.json (registries: { '@roxyapi': 'https://cdn.jsdelivr.net/gh/RoxyAPI/ui@latest/registry/{name}.json' }) and then use npx shadcn@latest add @roxyapi/natal-chart. The shadcn registry approach pairs cleanly with shadcn primitives like button, card, and dialog in the same Next.js or React app."
				}
			},
			{
				"@type": "Question",
				"name": "Can I use this with AI agents and MCP?",
				"acceptedAnswer": {
					"@type": "Answer",
					"text": "Yes. RoxyAPI ships a remote MCP server per domain (Streamable HTTP, no local setup): see roxyapi.com/docs/mcp. Your AI agent receives JSON tool-call responses; the same JSON shape feeds straight into the matching @roxyapi/ui component as the data prop. Render birth charts, kundli, tarot spreads, and biorhythm directly from Claude Code, Cursor, ChatGPT, or any MCP-compatible client."
				}
			},
			{
				"@type": "Question",
				"name": "Is RoxyAPI UI free?",
				"acceptedAnswer": {
					"@type": "Answer",
					"text": "The components are MIT licensed and free to use, modify, and redistribute. Rendering live data requires a RoxyAPI key. A free tier is available; paid plans cover every domain in the catalog. See roxyapi.com/pricing for the current plan menu."
				}
			},
			{
				"@type": "Question",
				"name": "How do I theme RoxyAPI UI components?",
				"acceptedAnswer": {
					"@type": "Answer",
					"text": "Override CSS custom properties on the root or per element. About 30 design tokens cover color, typography, spacing, radius, shadow, and motion. No Tailwind required, no class-name overrides, no rebuild step. Light and dark defaults are built in. The Customize Colors panel on this page generates the override CSS for you."
				}
			}
		]
	}
	

og:typewebsite
twitter:cardsummary_large_image

Links:

Get an API keyhttps://roxyapi.com/pricing
GitHubhttps://github.com/RoxyAPI/ui
RoxyAPI.comhttps://roxyapi.com
Docshttps://roxyapi.com/docs
@roxyapi/ui-reacthttps://www.npmjs.com/package/@roxyapi/ui-react
@roxyapi/sdkhttps://www.npmjs.com/package/@roxyapi/sdk
remote MCP serverhttps://roxyapi.com/docs/mcp
roxyapi.com/docs/mcphttps://roxyapi.com/docs/mcp
RoxyAPIhttps://roxyapi.com
GitHubhttps://github.com/RoxyAPI/ui
npmhttps://www.npmjs.com/package/@roxyapi/ui
Get an API keyhttps://roxyapi.com/pricing

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


URLs of crawlers that visited me.