Órbitas

Sobre

Itens que giram em círculo ao redor de um núcleo, em quantas órbitas você quiser, cada uma com raio, velocidade e sentido próprios.

Detalhes

Categoria

Animações

Tipo

Animação

Framework

React

Tecnologias

React, CSS

Publicado em

26 de outubro de 2026

Base

Adaptado de Orbiting Circles · Magic UI (licença MIT)

Dependências e requisitos

• react>=18

  Biblioteca de interface.

• tailwindcss>=3.4 · dev

  Classes utilitárias de estilo.

• Projeto React 18+ com Tailwind CSS 3.4 ou 4 configurado.
• TypeScript recomendado (os arquivos são .tsx).

Arquivos incluídos

• components/integra/orbitas.tsxtsx

Como usar

import Orbitas from "@/components/integra/orbitas";

<div className="relative h-[480px]">
  <Orbitas radius={140} duration={24}>
    <Icone1 />
    <Icone2 />
  </Orbitas>
</div>