Cartões Animados 3D

PremiumDestaqueDemo

Carrossel cilíndrico contínuo de cartões de banco com espessura volumétrica, frente com vídeo de fundo, chip e marca, e verso desfocado com tarja magnética e dados. O cartão central se inclina em paralaxe com inércia seguindo o cursor, e os demais deslizam para fora da tela com perspectiva calculada. Só React e Tailwind, em um laço requestAnimationFrame.

Copiar e integrar

20 créditos

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

Copiar de novo no mesmo período, em qualquer formato, não cobra outra vez.

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).

O que vem no pacote

Prompt pronto para Claude Code, Cursor, Codex e Lovable
Código-fonte1 arquivo
- components/integra/cartoes-animados-3d.tsx
Requisitos e exemplo de uso

Detalhes técnicos+

Framework: React
Tecnologias: React, Tailwind CSS, CSS 3D
Publicado em: 28 de outubro de 2026

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

import CartoesAnimados3d from "@/components/integra/cartoes-animados-3d";

<CartoesAnimados3d />