ExpoKit CLI

ExpoKit copies animated Expo and React Native component source into your app, and a CLI and MCP add it on an agent request.

  • 130 ★ on the repository
  • Last commit
  • MIT
CLI

Extended access

Why this level

  • The CLI copies files into the project and installs dependencies.
  • The MCP server starts through `npx` with the latest package version.
All reasons and checks

expokit/expokit

Install

Manual install

npx @expokit/cli@latest init

The first Quick start command; components are added with `npx @expokit/cli@latest add button otp-input`. MCP: `npx -y @expokit/cli@latest mcp`.

Access and checks

How we review

Extended accessThe tool runs code or makes network calls and only reads external data.

  • The CLI copies files into the project and installs dependencies.
  • The MCP server starts through `npx` with the latest package version.

This is third-party code. Review the repository files before installing.

What it does

ExpoKit works like shadcn/ui for mobile: instead of a dependency, the CLI copies component source into your project. Files are typed and readable and can be changed. Components animate with springs and gestures, run on iOS, Android, web and Expo Go on plain `Animated` and `react-native-svg`, support light and dark themes through `KitProvider` and are labelled for VoiceOver and TalkBack. `npx @expokit/cli@latest init` and `npx @expokit/cli@latest add button otp-input` create the config and add components. A separate `expo-charts` package provides charts: line, bar, pie, candlestick and more. An MCP server and a Claude Code plugin let an agent find and add components itself.

Who it is for. Mobile developers on Expo and React Native who want ready animated components and ask an agent to pick them.

Good fit when

  • A button and an SMS code input are added to an Expo project with one command.
  • An agent finds a fitting component in the catalog and wires it to a screen.
  • Charts are needed for a dashboard: line, bars, gauge, funnel.
  • The theme of the whole app changes through one `KitProvider`.

Not a fit when

  • You want a versioned dependency with updates: sources are copied and then belong to your project.
  • The project is not on Expo and React Native.
  • You need a fully free set of ready-made screens.

Example request

Add the `button` component and an `otp-input` field to the Expo project and wire them to the sign-in screen.

Limitations

Some components are free and Pro blocks, such as dashboard and checkout screens, are paid (`expokit.in/pricing`). Copied sources are no longer updated by the CLI automatically and your team maintains them. Components target Expo with `react-native-svg` and do not replace a full design system. The catalog with live previews is at `expokit.in/docs/components`, and running on a phone is covered in the Expo Go section. The license is MIT.

How to disable. Delete the copied component files from the project and the `expo-charts` dependency if installed. Remove the MCP entry from `.mcp.json` or the client configuration.

FAQ

How do I add a component?

In the Expo app folder run `npx @expokit/cli@latest init`, then `npx @expokit/cli@latest add button otp-input`. Sources are copied into the project.

How do I connect MCP?

Add an `expokit` entry to `.mcp.json` with the `npx` command and the `-y @expokit/cli@latest mcp` arguments. A Claude Code plugin exists too.

Does it work without a native build?

Yes, components run on iOS, Android, web and Expo Go on React Native `Animated` and `react-native-svg`.

Where can I preview components?

The catalog at `expokit.in/docs/components` has live previews, and Expo Go runs them on a phone.

What is free and what is not?

Free components, `expo-charts` and the CLI are free. Some blocks, such as dashboard and checkout screens, belong to the paid Pro plan at `expokit.in/pricing`.

Discussion

No questions or reviews yet.

CLI tools
Official

MCP server of a React component library for agent interfaces: the agent finds a component and adds it to your project

MCP serverExtended access750Repository stars
Editors’ pick

Official shadcn/ui skill and MCP server: the agent searches registries, adds components via the CLI and follows the library's rules

SkillExtended access128KRepository stars
Official

The CodeRocket MCP server gives an agent a saved library's design rules, components and blocks over a read-only connection.

MCP serverMinimal access247Repository stars

Shadcn UI MCP Server

Shadcn UI v4 MCP Server

An MCP server that gives the agent shadcn/ui component source, demos and blocks for React, Svelte, Vue and React Native

MCP serverExtended access3.1KRepository stars
Official

A skill that picks and installs beUI animated React components through the public MCP or the shadcn registry instead of hand-built widgets

SkillExtended access2KRepository stars
Official

An MCP server for Keyline Icons: the agent finds an icon by name and gets its SVG and a ready React import with no guessing

MCP serverMinimal access205Repository stars

Comparison with similar tools

Cards that share the main search query, and how they differ.

ToolOfficialRepository starsMain difference
ExpoKit (this card)no130
shadcn/uino128,022the same copy-the-components approach for the web; ExpoKit does it for Expo and React Native
Expo Skillsno4,125skills for Expo development; ExpoKit provides ready animated components and charts

README in short

A monorepo with the free component registry, `expo-charts` charts, a CLI, a skill and a Claude Code plugin. Components are copied into a project, as in shadcn/ui.

README badge

Report a problem