abhivarde.in valid

Sync UI

Open source React UI library with 125+ animated components, 13+ block variants, and 12 chart variants. Built with MUI and Motion. Add via CLI, MCP, or agent skill.

Their llms.txt

The beginning of the file, from our validated copy saved 2026-10-26T10:21:00.262Z. Cached copy · Source on abhivarde.in

# Sync UI

> Open source React UI library with 125+ animated components, 13+ block variants, and 12 chart variants. Built with MUI and Motion. Add via CLI, MCP, or agent skill.

Website: [https://ui.abhivarde.in](https://ui.abhivarde.in)
Docs: [https://ui.abhivarde.in/docs](https://ui.abhivarde.in/docs)
Components: [https://ui.abhivarde.in/components](https://ui.abhivarde.in/components)
Blocks: [https://ui.abhivarde.in/blocks](https://ui.abhivarde.in/blocks)
Charts: [https://ui.abhivarde.in/charts](https://ui.abhivarde.in/charts)
Templates: [https://ui.abhivarde.in/templates](https://ui.abhivarde.in/templates)
Showcase: [https://ui.abhivarde.in/showcase](https://ui.abhivarde.in/showcase)
GitHub: [https://github.com/AbhiVarde/syncui](https://github.com/AbhiVarde/syncui)
npm: [https://www.npmjs.com/package/@abhivarde/syncui](https://www.npmjs.com/package/@abhivarde/syncui)
Registry: [https://ui.abhivarde.in/r/index.json](https://ui.abhivarde.in/r/index.json)
Full variant list: [https://ui.abhivarde.in/llms-full.txt](https://ui.abhivarde.in/llms-full.txt)

## Setup

npm install @mui/material @emotion/react @emotion/styled motion

Wrap app in ThemeProvider:

import { ThemeProvider, createTheme, CssBaseline } from "@mui/material";
const theme = createTheme({ palette: { mode: "dark" } });
<ThemeProvider theme={theme}><CssBaseline />{children}</ThemeProvider>

For Next.js App Router add "use client" to the provider wrapper.

Frameworks: Next.js, Vite, Astro, TanStack Start, React Router, Manual.
Guides: https://ui.abhivarde.in/docs/installation/{nextjs|vite|astro|tanstack-start|react-router|manual}

## CLI

Add any component, block, or chart directly into your project:

npx @abhivarde/syncui@latest add name/variant

Use name/variant to target exactly what you need. Exact names for every component, block, and chart are in llms-full.txt. Always copy them from there.

## MCP

Let your AI agent add components, blocks, and charts directly, no commands needed.

Add to your MCP client config (Claude Code, Cursor, Windsurf, Codex, OpenCode):

{
  "mcpServers": {
    "syncui": {
      "command": "npx",
      "args": ["-y", "@abhivarde/syncui-mcp"]
    }
  }
}

MCP package: [https://www.npmjs.com/package/@abhivarde/syncui-mcp](https://www.npmjs.com/package/@abhivarde/syncui-mcp)

## Registry

Components, blocks, and charts are served from a hosted registry. Fetch any entry directly:
…

Machine-readable: GET /v1/resolve?q=abhivarde.in · GET /v1/domain/abhivarde.in · this page as Accept: application/json or text/markdown · MCP lookup_domain

Automatically discovered from public files. Inclusion does not imply endorsement or publisher participation.

Claim my listing on Agent Web Map for abhivarde.in:
1. POST https://agentwebmap.com/v1/sites/abhivarde.in/claims and keep claim_id and claim_secret private.
2. Publish the verification line "AgentWebMap verification: <token>" (token from step 1) in https://abhivarde.in/llms.txt, or use the DNS, meta-tag or well-known method the response describes. This only verifies the listing; your website and domain remain yours.
3. POST https://agentwebmap.com/v1/sites/abhivarde.in/verify with {"claim_id": "...", "claim_secret": "..."}.
4. Save the api_key from the answer; it manages the listing (PATCH https://agentwebmap.com/v1/sites/abhivarde.in).
MCP equivalent: tools begin_ownership_claim, then verify_domain, at https://agentwebmap.com/mcp. Docs: https://agentwebmap.com/docs#verify

Corrections or removal requests: contact the directory.