> ## Documentation Index
> Fetch the complete documentation index at: https://help.clueso.io/llms.txt
> Use this file to discover all available pages before exploring further.

# Animate logos

Learn how to animate your logo in Clueso using AI, prompts, or pre-built templates. This guide walks you through different ways to create logo animations, from quick generation to customized edits in the editor.

## Create an animation from the homepage

This is the fastest way to get started.

Steps

1. From the homepage, click **Create with prompt**.
   <Frame>
     <img src="https://mintcdn.com/clueso/PIr38IMVYNJ21QiR/images/cwp.png?fit=max&auto=format&n=PIr38IMVYNJ21QiR&q=85&s=2962f0435f6d1de1bb33022823b70623" alt="Cwp" width="2400" height="1324" data-path="images/cwp.png" />
   </Frame>
2. Switch to the **Animation** tab at the top of the prompt box.
   <Frame>
     <img src="https://mintcdn.com/clueso/PIr38IMVYNJ21QiR/images/sat.png?fit=max&auto=format&n=PIr38IMVYNJ21QiR&q=85&s=d66c3adc8a35014f522f8503cf08d609" alt="Sat" width="2584" height="1660" data-path="images/sat.png" />
   </Frame>
3. Click the attachment icon to upload your logo (SVG recommended) and enter a prompt. You can also click **Enhance Prompt** to let AI refine your description.
   <Frame>
     <img src="https://mintcdn.com/clueso/PIr38IMVYNJ21QiR/images/3-6.png?fit=max&auto=format&n=PIr38IMVYNJ21QiR&q=85&s=13b2bc942a440038d9a7c169f71d6dfb" alt="3 6" width="2382" height="1138" data-path="images/3-6.png" />
   </Frame>
4. Select a model from the dropdown and click **Start Blank**.

<Frame>
  <img src="https://mintcdn.com/clueso/PIr38IMVYNJ21QiR/images/Screenshot-2026-06-01-at-4.21.33-PM.png?fit=max&auto=format&n=PIr38IMVYNJ21QiR&q=85&s=e19b8a479dbfd0f8f13ba7ba10a5804a" alt="Screenshot 2026 06 01 At 4 21 33 PM" style={{ width:"79%" }} width="1758" height="1652" data-path="images/Screenshot-2026-06-01-at-4.21.33-PM.png" />
</Frame>

Clueso will automatically create a clean, smooth logo animation that's ready to use.

***

## Start from a template

If you'd rather begin with a pre-built style and adapt it to your logo.

Steps

1. Browse the animation templates on the create page.
2. Click a template to preview it.
   <Frame>
     <img src="https://mintcdn.com/clueso/PIr38IMVYNJ21QiR/images/Screenshot-2026-06-01-at-4.21.55-PM.png?fit=max&auto=format&n=PIr38IMVYNJ21QiR&q=85&s=ea3f83e7cc3fdfb6a49c71716f44b98c" alt="Screenshot 2026 06 01 At 4 21 55 PM" width="3004" height="1060" data-path="images/Screenshot-2026-06-01-at-4.21.55-PM.png" />
   </Frame>
3. Click **Edit this animation** to open it in the editor.
   <Frame>
     <img src="https://mintcdn.com/clueso/PIr38IMVYNJ21QiR/images/Screenshot-2026-06-01-at-4.22.08-PM.png?fit=max&auto=format&n=PIr38IMVYNJ21QiR&q=85&s=35f26c53dcf56a7320f1a48717389a6a" alt="Screenshot 2026 06 01 At 4 22 08 PM" width="2644" height="1534" data-path="images/Screenshot-2026-06-01-at-4.22.08-PM.png" />
   </Frame>

The template will open in the editor where you can swap in your logo and customize it further.

***

## Create or refine animations in the editor

The editor is a full creation surface. You can build a new animation from scratch or fine-tune an existing one.

### Create from the editor

1. In the left panel, click the **Animation** icon.
2. Describe the animation you want, optionally add a **Reference** image and select a model.
   <Frame>
     <img src="https://mintcdn.com/clueso/PIr38IMVYNJ21QiR/images/Screenshot-2026-06-01-at-5.09.48-PM.png?fit=max&auto=format&n=PIr38IMVYNJ21QiR&q=85&s=cd200cde625af26ff831e69cf6f3d1a0" alt="Screenshot 2026 06 01 At 5 09 48 PM" width="1726" height="1822" data-path="images/Screenshot-2026-06-01-at-5.09.48-PM.png" />
   </Frame>
3. Click **Generate**.

### Adjust parameters

Use the **Properties** panel on the right to adjust animation parameters like duration, timing, and background. You can also ask AI to create custom parameters, these appear as sliders in the panel that you can manually control.

<Frame>
  <img src="https://mintcdn.com/clueso/PIr38IMVYNJ21QiR/images/12.png?fit=max&auto=format&n=PIr38IMVYNJ21QiR&q=85&s=ed1343dc934b6294521009763502c456" alt="12" width="1752" height="1820" data-path="images/12.png" />
</Frame>

### Edit with AI

Use the **Ask AI to edit** box at the bottom of the Properties panel to make changes in plain language. You can also attach reference images for style guidance.

<Frame>
  <img src="https://mintcdn.com/clueso/PIr38IMVYNJ21QiR/images/23.png?fit=max&auto=format&n=PIr38IMVYNJ21QiR&q=85&s=eadc4289ec2d87a955a9925de6d8cd6f" alt="23" width="1694" height="1794" data-path="images/23.png" />
</Frame>

### View version history

Click the **Generations** tab in the Properties panel to see all previously created versions of your animation. Select any generation to restore or compare it.

<Frame>
  <img src="https://mintcdn.com/clueso/PIr38IMVYNJ21QiR/images/34.png?fit=max&auto=format&n=PIr38IMVYNJ21QiR&q=85&s=126193e8bc7c1f0c73fa69cc3e5152a8" alt="34" width="1586" height="1592" data-path="images/34.png" />
</Frame>

***
