mcpField
E
ExpoKit

ExpoKit

Local
expokit.inDeveloper Tools17Updated today
RepositoryVisit website

About ExpoKit

ExpoKit is a CLI for animated UI components for Expo and React Native apps, copying component source into the app for developers to manage. Its touch-oriented components support iOS, Android, web, and Expo Go.

Key features

  1. 01Add buttons, inputs, cards, and charts
  2. 02Animated components and full screens
  3. 03Light and dark modes
  4. 04Touch, gesture, and haptic support
  5. 05Component source copied into the app
  6. 06Preview file changes with dry-run

Use cases

  1. 01Add UI components to an Expo app
  2. 02Include animated charts in a React Native project
  3. 03Preview installation changes before applying them

MCP support

The README mentions AI / MCP setup documentation but does not describe MCP server capabilities.

Configuration

Local server config is the same for every client. Copy it into your client’s MCP config file.

mcp.json · Universal config
{
  "mcpServers": {
    "anshkaran7-expokit": {
      "command": "npx",
      "args": [
        "-y",
        "@expokit/cli"
      ]
    }
  }
}
Run commandnpx -y @expokit/cli

Local servers need a runtime on your machine (e.g. Node.js 18+). Config file locations differ by client; see your client’s docs.

Packages
npm@expokit/cli0.4.2

Tools

4

Saved tool list · updated 2d ago

ParameterTypeRequiredDescription
tierenumNoOnly free or only Pro items.free | pro
typeenumNoOnly items of this type.component | chart | block | template | lib

Details

From the project README

@expokit/cli

npm CI OpenSSF Scorecard Dependencies License

The CLI for ExpoKit — animated UI components for Expo and React Native. It copies the component source into your app (like shadcn/ui), so you own the code.

ExpoKit charts on iPhone: scrubbing an area chart and a bar chart, dragging a gauge, tapping through a donut

ExpoKit on iPhone in dark and light mode: payment card, flip card, dashboard block and checkout block
Payment card and flip card are free; the dashboard and checkout screens are Pro blocks.

  • Buttons, inputs, cards, sheets, tabs, charts and full screens, all animated, with light and dark mode
  • Built for touch: springs, drag gestures and haptics, on iOS, Android, web and in Expo Go
  • You own the code: plain typed files in your app, with no runtime library to lock you in

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

Usage

In your Expo app's folder:

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

import { Button } from '@/components/ui/button';

<Button onPress={save}>Save</Button>;

See every component: npx @expokit/cli@latest add --list

Docs

Everything else — live previews, props, installation, theming, Pro, AI / MCP setup and help — is on expokit.in.

Security

  • No dependencies, no install scripts.
  • Anonymous install counts only — after a successful add, the CLI sends the item's name ({"items":["button"]}) to expokit.in so the site can show how often each component is installed. No token, files, paths or machine details; repeat adds count once a day. Turn it off with DO_NOT_TRACK=1 or EXPO_KIT_TELEMETRY=0; it never runs in CI, --dry-run or update.
  • Writes only inside your app — components.json, the @/* alias in tsconfig.json and the component files. --dry-run shows every change first; add never overwrites a file you changed unless you pass --force. paths in components.json that point outside the app are refused. Symlinks inside the app are followed, not checked, so a cloned repo that symlinks a folder elsewhere can still send writes there.
  • Free components need no network to install — they ship inside this package. Pro components are downloaded over HTTPS from expokit.in; your token is stored readable only by you, sent only to that site and never through a redirect. In scripts, pipe it to login or set EXPO_KIT_TOKEN (--token leaves it in your shell history).
  • Runs one command: npx expo install for the packages a component needs — without EXPO_KIT_TOKEN in its environment, so install scripts never see your token.

Report a vulnerability privately: SECURITY.md.

License

MIT

Comments

Markdown supported

New to MCP?

From what the protocol is to installing your first server, these answers cover most first questions.

An open protocol that defines how AI applications connect to external tools and data in a uniform way. Clients talk to the model; MCP servers provide tools, resources and prompt templates. They exchange standard messages, so one server can be reused by many clients.