ExpoKit

السجل الرسمي البحث والويب

Search and add animated Expo and React Native UI components, charts and screens to your app.

التثبيت

أضف هذا إلى إعدادات MCP في عميلك (Claude Desktop: claude_desktop_config.json، وCursor: ‏.cursor/mcp.json، ويستخدم VS Code وغيره الصيغة نفسها «mcpServers»).

NPM package @expokit/cli
Claude Code
claude mcp add expokit -- npx -y @expokit/cli@0.4.2 mcp
إعداد JSON (Claude Desktop وCursor وVS Code)
{
    "mcpServers": {
        "expokit": {
            "command": "npx",
            "args": [
                "-y",
                "@expokit/cli@0.4.2",
                "mcp"
            ]
        }
    }
}

التوثيق

مأخوذ من ملف README للمشروع على GitHub ويُحدَّث أسبوعيًا. تفتح الروابط على GitHub.

المحتويات
  1. ExpoKit
  2. Quick start
  3. What is ExpoKit?
  4. What's in this repo
  5. Docs
  6. Feedback
  7. Security
  8. Community
  9. License

ExpoKit

Beautifully animated UI components, charts and templates for Expo and React Native.

Website · Docs · CLI on npm · expo-charts on npm

Payment card and flip card are free; the dashboard and checkout screens are Pro blocks.

Quick start

In your Expo app's folder:

npx @expokit/cli@latest init
npx @expokit/cli@latest add button otp-input

Browse every component with live previews → · Try them on your phone in Expo Go →

What is ExpoKit?

ExpoKit works like shadcn/ui for mobile: instead of installing a UI library, the CLI copies each component's source into your app. You get readable, typed files you own and can change however you like.

  • Built for touch — springs, drag gestures, squash and stretch, haptics-ready feedback
  • Runs everywhere — iOS, Android, web and Expo Go, with plain React Native Animated and react-native-svg
  • One theme — light and dark built in; one KitProvider re-skins every component
  • Accessible — roles, states and labels for VoiceOver and TalkBack, 44pt touch targets
  • AI-ready — an MCP server and a Claude Code plugin let your editor find and add components for you

What's in this repo

FolderWhat
registry/The free components, charts and templates — each with its source, props (item.json) and demos
packages/cli@expokit/cli, the CLI that adds components to your app
packages/chartsexpo-charts, animated and interactive charts
skills/, .claude-plugin/The ExpoKit skill and Claude Code plugin

ExpoKit Pro adds 3D and Liquid Glass components, full-screen blocks and more charts. Pro source is not in this repository.

Docs

Installation, live previews, props, theming and AI setup for every component: expokit.in/docs

Feedback

This repository is a read-only mirror of ExpoKit, so pull requests are closed automatically. Found a bug or want a component? Open an issue.

Security

  • No runtime dependencies — neither @expokit/cli nor expo-charts installs anything else (expo-charts only has peer dependencies), and neither runs install scripts.
  • Source in the open — every published version is built from the code in this repository.
  • Checked continuously — CI, CodeQL and OpenSSF Scorecard run on every change.

Found a vulnerability? Please report it privately — see SECURITY.md.

Community

License

MIT © Karan (anshkaran7) — covers everything in this repository. ExpoKit Pro items are not part of it: they are sold separately under the terms at https://expokit.in/terms. The ExpoKit name and logo are not licensed for use as your own branding.

الأسئلة الشائعة

ما هو ExpoKit؟

Search and add animated Expo and React Native UI components, charts and screens to your app.

كيف أثبّت ExpoKit؟

يعمل على جهازك. في Claude Code: claude mcp add expokit -- npx -y @expokit/cli@0.4.2 mcp. وفي العملاء الآخرين، الصق إعداد JSON من هذه الصفحة في إعدادات MCP الخاصة بهم.

هل يحتاج ExpoKit إلى مفتاح API؟

لا يذكر إدراجه في السجل أي مفتاح أو سر إلزامي. قد تتطلب بعض الميزات حسابًا لدى الخدمة التي يتصل بها.

هل ExpoKit مفتوح المصدر؟

نعم. شيفرته متاحة على GitHub بترخيص MIT.

من يصون ExpoKit؟

ينشره Anshkaran7. يدرجه AI.tn لكنه لا يصونه ولا يوصي به.

من سجل MCP الرسمي. الإدراج ليس توصية: راجع شيفرة الخادم وصلاحياته قبل منحه الوصول إلى بياناتك.