Enchant FAQs

Question 1

Is Enchant free to use, and does it require API keys?

Accepted Answer

Yes, Enchant is free for all Claude Code users with a Pro plan or above. It requires no API keys, extra costs, or external services – you simply install it and begin enchanting your UIs directly within your Claude Code environment.

Question 2

How does Enchant work to enhance my UI?

Accepted Answer

Enchant operates by scanning your running application, capturing a real screenshot and DOM structure. It then detects UI components, maps them against 16 curated animation patterns, proposes enhancements with reasons, and finally generates all the code, dependencies, and integration instructions for the chosen animations.

Question 3

Can Enchant be used for live production sites or just local development?

Accepted Answer

While Enchant is designed for integration into local development workflows via Claude Code or global installation, its `scan_page` tool can analyze any running web page, including production sites, to generate enhancement proposals. You can then apply these patterns to your local source code.

Question 4

What kind of animations can Enchant add to my UI?

Accepted Answer

Enchant offers 16 diverse animation patterns, including scroll animations (e.g., Viewport Reveal, Parallax), text animations (e.g., Character Reveal, Typewriter), hover effects (e.g., 3D Card Tilt), background effects (e.g., Aurora), and micro-interactions (e.g., Button Press, Number Ticker). Many are powered by Framer Motion.

Question 5

What is Enchant and what does it do?

Accepted Answer

Enchant is a design tool that automatically transforms flat, AI-generated user interfaces into premium, animated experiences. It achieves this by detecting UI components, suggesting suitable animation patterns, and generating the necessary code.

Enchant

Enchant

Key Features

Use Cases

Key Features

Use Cases