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»).
@expokit/cliclaude mcp add expokit -- npx -y @expokit/cli@0.4.2 mcp
{
"mcpServers": {
"expokit": {
"command": "npx",
"args": [
"-y",
"@expokit/cli@0.4.2",
"mcp"
]
}
}
}
التوثيق
مأخوذ من ملف README للمشروع على GitHub ويُحدَّث أسبوعيًا. تفتح الروابط على GitHub.
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
Animatedandreact-native-svg - One theme — light and dark built in; one
KitProviderre-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
| Folder | What |
|---|---|
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/charts | expo-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/clinorexpo-chartsinstalls anything else (expo-chartsonly 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
- X: @expo_kit
- Instagram: @expokit.in
- Email: work@karandev.in
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 الرسمي. الإدراج ليس توصية: راجع شيفرة الخادم وصلاحياته قبل منحه الوصول إلى بياناتك.