> For the complete documentation index, see [llms.txt](https://docs.uichemy.com/llms.txt).
> Use it to discover all available pages before exploring further.

# Free vs Pro: What's Included

What UiChemy Free includes and what the UiChemy Pro plugin adds: AI Chat, custom CSS and JavaScript, full dynamic data and loops, unlimited Global Style, advanced Theme Builder, more MCP abilities, Role Manager, and White Label.


UiChemy ships as two plugins: **Free** and **Pro**. Pro is a companion plugin that extends Free, not a replacement, both stay installed and active together.

### Free Version Includes

- The full **Composer widget** with two editing tabs: **Editor** (visual layer editor) and **Code** (the section's HTML). Editing custom CSS and JavaScript in the Code tab is Pro.
- **MCP integration**, connect Claude, Cursor, or another AI client directly to your site to read, create, and edit pages.
- CSS auto-scoping, so styles never leak outside the widget.
- Animations run on every plan.
- **Loops over Posts**, using Twig templating.
- **4 dynamic tags:** Post Title, Post Image, Post Content, and Post URL.
- Basic form capture, including all form actions (save to database, email, webhook).
- Theme Builder for headers, footers, single posts, and 404 pages.
- Up to **2 variable collections**, **1 typography class**, and **1 other (component) class** in Global Style.

### Pro Version Adds

- **AI Chat**, describe a section or change in plain English using your own connected AI.
- **Draw & Ask AI**, sketch on the page, circle what you want changed, add a note, and let AI rebuild it.
- **Custom CSS & JavaScript**, scoped CSS and JavaScript for any widget in the Code tab.
- **Motion controls**, edit animation values from the Animation panel (sliders, easing, timing) without touching code.
- **Every other dynamic tag**, the rest of the Post fields, plus **Term / Category**, **Site**, **User**, **Archive**, **Request**, **WooCommerce**, **ACF**, and **JetEngine**.
- **More loop sources**, Products (WooCommerce), Terms / Categories, Users, and an external JSON API.
- **Loop pagination**, Numbered page links and the Load more button.
- **Unlimited** Global Style collections and classes, plus **Elementor Sync**.
- Advanced Theme Builder templates: archive, search, and WooCommerce pages.
- **More MCP abilities**, manage a WooCommerce store (products, variations, prices, stock, and store setup), keep shared CSS and JS code files, and read and write custom field values through ACF or JetEngine, including creating post types.
- **Role Manager**, control which user roles can access each editing mode.
- **White Label**, replace UiChemy branding with your own.

<Callout kind="info">
Code that's already in a widget, for example from an imported design, keeps rendering on Free. Pro only adds the ability to edit custom CSS and JavaScript.
</Callout>

<Callout kind="info">
This is the reverse of what you might expect: **AI Chat requires Pro**, while **MCP is included in Free**. AI Chat is the in-widget assistant you talk to while building; MCP is the separate connection that lets an external AI tool (Claude, Cursor) operate on your site directly, and it ships free.
</Callout>

### Installation

Pro installs as a second, separate plugin alongside Free. If Free isn't installed yet, Pro downloads and activates it for you from wordpress.org. Every Pro feature is unlocked as soon as you activate Pro from the **UiChemy Pro Plugin** card at the bottom of the UiChemy sidebar. See [Activate UiChemy Pro](/uichemy-plugin/activate-pro/activate-uichemy-pro).

### Important Note

Both plugins work together, Pro doesn't replace Free but extends it. Deactivating Pro preserves your existing content but turns off the features listed above until you reactivate it.

### Use Cases

- **A solo developer building a simple site**, Free's Composer widget, MCP integration, and basic Theme Builder are often enough on their own.
- **An agency delivering client sites**, AI Chat, Role Manager, and White Label on Pro cover client-facing needs Free doesn't.

### Related

<Columns cols={2}>
  <Card title="Install UiChemy" href="/uichemy-composer/getting-started/install">
    Install Free, then add Pro alongside it when you're ready.
  </Card>
  <Card title="What Is Composer?" href="/uichemy-composer/getting-started/what-is-uichemy-composer">
    See what you're actually editing, on Free or Pro.
  </Card>
  <Card title="AI Chat Tab" href="/uichemy-composer/uichemy-widget/ai-chat-tab">
    See the Pro-only AI chat editing experience in action.
  </Card>
</Columns>