Four simple steps

How to use Codey

No prompting, placeholders, or code editing. Codey uses predefined recipes to produce complete code for your selected platform.

01

Choose an effect

Browse by element or platform and select Use This Code.

02

Add your selector

Copy the element ID or CSS selector from your funnel builder.

03

Generate safely

Choose only the available speed, strength, color, or direction controls.

04

Copy and paste

Codey inserts your selector and returns the complete wrapped code plus platform instructions.

One animation per element

Remove an existing animation before applying another. A single hover effect may be used separately when the recipe supports it.