Skip to main content
Magic Patterns generates a functional web application that matches your existing product and allows you to explore new ideas in minutes. We offer features like using your own component library and existing designs, sharing with teammates, password protection, and more.
We support large enterprises and fast-moving startups. Check out our customer showcase to see how our users are using Magic Patterns. For example, read how Luthor is winning more deals by creating demos with our Chrome Extension.
Yes, we support many enterprises and are SOC 2 and ISO 27001 compliant. You can access our reports in our Trust Center.
Credits renew automatically each month on the anniversary of your subscription start date. The refresh happens at 2:00 AM UTC on the day after the anniversary. This means if you are based in San Francisco, and your subscription started on the 16th, the refresh will happen around ~7:00 PM PST on the 16th to allow for same-day cancellations or changes. For more details on credit timing and how to view your credits history, see our Credits and Billing guide.
We use Anthropic’s Claude Sonnet models (3.7 and 4.5) to generate designs. The specific model used depends on your selected mode: - Fast mode: Uses Sonnet 4.5 for quick iterations - Best mode: Uses Sonnet 3.7 for highest quality results
We count a “message” as a chat message to the AI, e.g. whenever you type something into the chat and send it, that counts as one message or one “credit.” Note that we don’t count “Fix with AI” messages or retry messages as a credit because when it errors that’s on us.
Data is stored in the United States. Specifically, our primary database is hosted on AWS. We are a Delaware C-corp, based in San Francisco, California, United States.
Designs are individual projects you create (like a landing page). Components are reusable UI elements (like a custom button used on that landing page). Libraries are collections of components (like “Acme Design System”). Presets are default styling and context, with optional library connections. See the full comparison table.
Every Magic Patterns design is a website, so you can host it on any domain you own! See our Custom Domain guide for full instructions.
You need to add a CNAME record for www. See the www Redirects section in our Custom Domain guide for full instructions.
There are two ways: first set up a Library. Then, there are two ways.
1. Manual: Type @ComponentName in any design to reference a specific component
2. Automatic: From the dashboard preset dropdown, click on your preset, then click “Connect a Library” in preset settings. Components are used automatically without needing @

Learn more about component workflows
Try the /Debug command and check out our Troubleshooting guide
There are two ways: 1. From an existing design: Click the button next to the title in the top nav bar and select “Add to Canvas” 2. From the dashboard: Click the “Canvas” tab to see all your canvases.

Learn more about your Magic Patterns Canvas!
The AI likely made the change, but it’s not “hooked up” or it’s on a different page. Quick fix: Ask the AI: “I don’t see my changes. Can you explain what you did and where I should look?” Common reasons include: the AI created a new page but didn’t link a button to it, the change is on a different route or it’s in a modal or hidden state you need to trigger. Learn more troubleshooting tips.
Check out our guide on collecting feedback!
Fork means create a copy of your design. It’s great for new ideas or collaboration! Learn more about forking!
For the Magic Patterns API, we charge 25 cents per generation alongside a $99/mo platform fee.
⌘I