Docs

How to work with CopyLayers

How the library works, what you get in each category, and how to take a layer into whatever you're building.

How does CopyLayers work?

Three steps: copy a prompt from a layer, paste it into your AI, and extend what it builds. The AI does the execution; the prompt does the directing.

Copy a layer's prompt, paste it into the AI tool you already work in, and it generates the layer as a single self-contained HTML file — the page, motion and all. That file is your starting point.

To move it into another technology, hand the file to an AI and tell it which stack to rebuild it in. Nothing about the result is locked to us.

To skip the generation step, Full Stack subscribers can download the source files instead — the actual code we built the layer from. Which format you get depends on the category.

When to use it

Start here if you've never used a layer before — it's the shortest path from the library to a page on screen.