Oferta de lançamento: Plus de ~~R$ 59,90~~ por R$ 39,90/mês até 31/10

Entrar Ver planos

PremiumAnimaçãoDemo

Esfera de Pontos

Globo de partículas com projeção 3D

Copiar e integrar

Demonstração interativa

Sobre

Esfera formada por centenas de pontos distribuídos em espiral de Fibonacci, projetada em 3D no canvas 2D. Gira sozinha e responde ao arraste.

#3d #esfera #partículas #globo #canvas

Detalhes

Categoria: Elementos 3D
Tipo: Animação
Framework: React
Tecnologias: React, Canvas 2D
Publicado em: 19 de setembro de 2026

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/esfera-pontos.tsxtsx

Como usar

import EsferaPontos from "@/components/integra/esfera-pontos";

<EsferaPontos />

Copiar e integrar

Recurso premium. A demonstração é aberta; o código, os prompts e os arquivos fazem parte da assinatura.

Código
Todos os arquivos, com o caminho de cada um.
Claude Code
Tarefa em passos para o agente executar no terminal.
Cursor
Instruções para o modo Agent do Cursor.
Codex
Especificação de tarefa com critérios de aceite.
Lovable
Prompt para o chat do Lovable (Vite + React).

Recursos semelhantes

Premium
Prisma 3D
Elementos 3D · React · Tailwind CSS · CSS 3D
Animação
Grátis
Malha de Pontos
Fundos · React · Canvas 2D
Animação
Grátis
Revelação na Rolagem
Animações · React · Tailwind CSS
Animação