Mantenha loaders pequenos (24-48px) para indicadores de carregamento inline e maiores (64px+) para overlays de página inteira?

Mantenha loaders pequenos (24-48px) para indicadores de carregamento inline e maiores (64px+) para overlays de página inteira.

Combine as cores do loader com a paleta da sua marca para uma experiência de usuário polida e consistente?

Combine as cores do loader com a paleta da sua marca para uma experiência de usuário polida e consistente.

Os tipos Giratório e Anel são os indicadores de carregamento mais universalmente reconhecidos.

Gerar animações de carregamento em CSS puro — spinners, pontos, barras e mais com saída HTML + CSS

Gere animações de carregamento CSS puras — spinners, pontos, barras e mais — com saída HTML + CSS pronta para colar no seu projeto.

1Selecione um tipo de loader: Giratório, Pontos, Barras, Anel, Pulso, Quicada, Onda ou Órbita.
2Ajuste o tamanho e a velocidade da animação para se adequar ao seu design.
3Escolha cores primária e secundária para combinar com sua marca.
4Pré-visualização the animation em tempo real.
5Copie os snippets CSS e HTML para adicionar o loader ao seu projeto.

Mantenha loaders pequenos (24-48px) para indicadores de carregamento inline e maiores (64px+) para overlays de página inteira.
Combine as cores do loader com a paleta da sua marca para uma experiência de usuário polida e consistente.
Os tipos Giratório e Anel são os indicadores de carregamento mais universalmente reconhecidos.

Grátis: tipos básicos. Starter+: tipos de loader premium.

Equipe OneKitToolsAtualizado 2.21.4