NU

Nasaq UI

io.github.fadymondy/nasaq

Nasaq design system docs for agents: 390 components for React, Vue, Blade and HTML, with Arabic RTL.

Yes, your AI can use this right now.Answered a live MCP handshake in 808 ms with no sign-in needed and exposes 6 tools.

Connect it

Settings → Connectors → Add custom connector
URL: https://mcp.nasaqui.com/mcp

6 tools, verified live

Pulled straight from the server with tools/list on 2026-10-18.
list_componentsread-only

Lists every Nasaq web component with its category, status, one-line summary and exports. Filter by category or a text query. With a non-React `framework`, lists only the components that exist in that stack.

search_componentsread-only

Ranks components for a need described in words, e.g. 'switch between products', 'empty state', 'keyboard shortcut'.

get_componentread-only

Returns one component's details and manual. `name` may be the folder (app-shell), the title (AppShell) or any export (SidebarItem). `include` picks what to return: readme (default, full manual), api (API section only), examples, source (TSX), story (Storybook CSF), all. `framework` returns the component in another stack (html, alpine, vue, blade, livewire, filament, inertia, shadcn, …).

get_foundationread-only

Design rules behind the components: colour roles, layout and density, architecture, brand/logo rules, README spec. Omit `topic` to list topics.

list_tokensread-only

CSS custom properties (--nq-*) with their value in each context (light, dark, brand, density). Filter by prefix, e.g. '--nq-danger' or 'surface'. In Tailwind use them as utilities: bg-nq-surface, text-nq-fg-muted, border-nq-border.

get_setupread-only

Install command, CSS imports, provider and the usual app skeleton. Call once before building UI. `framework` picks the guide: react (default), shadcn, inertia, html, alpine, vue, or blade/livewire/filament/laravel/tomatophp.

Alternatives in Developer Tools

Compare →
Try “Notion”, “Stripe”, “create invoice”, “browser”