228
Get started

228.dev for Cursor

Build mobile UI without leaving Cursor.

Search polished mobile elements and pages, preview them in the gallery, and bring the code into your project through the 228.dev MCP server.

Explore the catalog

A mobile UI catalog inside your coding agent.

Cursor keeps discovery and implementation together. Ask for the interface you need, review finished options, then continue building with the selected source already in context.

228.dev gives Cursor a visual catalog to work from, so the agent can move from your request to a specific, production-ready design without guessing at the interface.

From search to source in three steps.

Browse visually, make a confident choice, and keep the implementation in the same conversation.

  1. Connect 228.dev to Cursor

    Add the 228.dev MCP server to Cursor and open the project you are building.

  2. Find and save a design

    Search the catalog for an element or page, compare the gallery previews, and save the designs that fit.

  3. Get the code

    Choose Get code and let Cursor add the selected source to your current project.

Frequently Asked Questions

Can I browse 228.dev inside Cursor?

Yes. The 228.dev MCP server opens the catalog and interactive gallery directly in Cursor.

Can I preview a design before getting the code?

Yes. Search results open as visual previews, so you can compare elements and pages before choosing one.

Where does the source go?

Get code returns the selected source to Cursor, ready for the agent to place in the project you have open.

Connect 228.dev