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.