Marshall UI
Get started

Mobile interfaces, ready to ship.

Prebuilt design elements and pages, instantly accessible through Claude Code, Cursor, and Codex.

ButtonsSheetsHeadersPagesFieldsLists
SettingsTurn notifications offEdit profileLog out
Selected Button State
const selectedButton = {
  paddingVertical: 12,\n  paddingHorizontal: 18,\n  borderRadius: 999,\n  backgroundColor: "#E09EFF",\n  color: "#202120",\n  fontWeight: "600"
};
Get this code
Bottom Navigation Menu
import { Pressable, Text, View } from "react-native";

const tabs = ["Home", "Chat", "Payments", "Account"];

export function BottomNav({ active, onChange }) {
  return (
    <View style={styles.bar}>
      {tabs.map((tab) => (
        <Pressable key={tab} onPress={() => onChange(tab)}>
          <Text style={tab === active && styles.active}>{tab}</Text>
        </Pressable>
      ))}
    </View>
  );
}
Get this code

A catalog built for shipping.

Browse approved mobile designs and install the complete source bundle through your coding agent.

0Approved React Native releases
1Production runtime
MCPComplete source bundles

Spend less time and tokens
getting mobile UI right.

Browse the catalog

Every element reviewed and signed off on a device, by a human.

See Buttons
Get startedGet startedGet startedGet startedGet startedGet started

Frequently Asked Questions

What is Marshall UI?

Marshall UI is a catalog of polished mobile elements and pages you can browse, preview, and bring into the app you are building.

What source can I install today?

Approved React Native releases are available today. Additional mobile runtimes will appear per item after their own implementation and device review.

What is included on the free plan?

The free plan gives you a useful starting set of basic elements and pages to explore, save, and use in your projects.

What do paid plans include?

Paid plans open more of the catalog and include more monthly credits, so you can keep building across more screens and projects.

Where can I use Marshall UI?

Find elements and pages in the catalog, save the ones you like, then get the code directly in Cursor, Claude Code, or Codex through the Marshall UI MCP server.

How does the catalog workflow work?

Browse and save the designs that suit your app, then approve an MCP source transaction when you are ready to build.

Does Marshall UI provide code for mobile UI?

Yes. Browse elements and pages in the Marshall UI catalog, then use the Marshall UI MCP server to access the code directly through your coding agent.

See plans