Make yourself at home.

DesignMyUI gives you source code to use in your own React and TypeScript project. The published free components work without a runtime connection to this website.

Start with a component

New here? Follow the installation guide for source downloads, dependencies and Next.js client boundaries.

Choose a free component, open its product page, and download the source ZIP. Copy the TSX file into your project. Aurora Button uses lucide-react; the other initial free components only need React.

Add through the registry

Use the exact command on a component page. The registry guide explains how shadcn installs the actual source into your project.

Use your AI editor

Connect the official shadcn MCP server using our MCP setup guide. DesignMyUI does not require a separate custom MCP server.

A shared visual language

Our design system explains the color, typography, spacing and interaction rules used across DesignMyUI.

What is available today?

The free component source is available now. Blocks, the Interface Essentials kit, and the Canvas Portfolio template are real working products you can explore. Premium sales are not open yet; this website does not currently charge you.