1. 01No topo, escolha a aba de cantos, clip-path, cubic-bezier ou animações.
2. 02Na aba de cantos, alterne entre o modo "quatro cantos" e o modo elíptico de 8 valores, ajuste os percentuais horizontais e verticais de cada canto ou aplique uma predefinição.
3. 03Na aba clip-path, arraste os vértices do polígono (clique duplo remove, o botão acrescenta); na de Bezier, arraste os dois pontos de controle e compare a animação com a linear.
4. 04Na aba de loaders, escolha a cor principal e copie o HTML + CSS da animação desejada entre as 12 disponíveis.

• Cada raio horizontal/vertical vai de 0 a 100% e há 8 predefinições (círculo, folha, gota, pétala e outras); a "forma aleatória" usa Math.random(), não o módulo público de aleatoriedade Web Crypto.
• O clip-path traz 12 predefinições (triângulo, losango, pentágono a octógono, estrela, seta, cruz, balão, trapézio e mais); são exigidos no mínimo 3 vértices, e um vértice novo entra no ponto médio da aresta mais longa.
• Os dois valores x do cubic-bezier ficam presos a 0–1, enquanto o y pode ir de -0.5 a 1.5, o que permite antecipação e retorno; a prévia da animação dura de 0.3 a 3 segundos, mas o exemplo de código fixa a transição em 600ms.
• São 12 loaders ao total: anel, arco duplo, três pontos, barras verticais, pulso, ondulação, órbita, grade 3×3, barra de progresso, virada e outros; a cópia inclui HTML e CSS juntos.
• O que não faz: não executa CSS arbitrário do usuário, não é um editor visual de layout completo e não grava arquivos no seu projeto.

Todos os parâmetros de CSS, as prévias e o que você copia são gerados na própria página do navegador; nada é enviado e nenhum código remoto é executado.