ExpoKit
Search and add animated Expo and React Native UI components, charts and screens to your app.
Install
Add this to your client's MCP configuration (Claude Desktop: claude_desktop_config.json; Cursor: .cursor/mcp.json; VS Code and others use the same "mcpServers" shape).
@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"
]
}
}
}
Documentation
From the project's README on GitHub, refreshed weekly. Links open on 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.
Frequently asked questions
What is ExpoKit?
Search and add animated Expo and React Native UI components, charts and screens to your app.
How do I install ExpoKit?
It runs on your machine. In Claude Code: claude mcp add expokit -- npx -y @expokit/cli@0.4.2 mcp. For other clients, paste the JSON configuration from this page into their MCP settings.
Does ExpoKit need an API key?
Its registry entry lists no required key or secret. Some features may still need an account with the service it connects to.
Is ExpoKit open source?
Yes. Its code is on GitHub under the MIT license.
Who maintains ExpoKit?
It is published by Anshkaran7. AI.tn lists it but does not maintain or endorse it.
From the official MCP Registry. Listing is not an endorsement: review a server's code and permissions before giving it access to your data.