Gsap

Gsap skills and workflows surfaced by the site skill importer.

14 skills
M
frontend-dev

por MiniMax-AI

frontend-dev é uma skill de frontend-dev para criar páginas web polidas e prontas para produção, com UI premium, motion cinematográfico, mídia gerada por IA, copy persuasiva e arte generativa. Use em landing pages, sites de marketing, páginas de produto, dashboards e outros trabalhos de frontend em que design, conteúdo e detalhes de implementação precisam permanecer alinhados.

Frontend Development
Favoritos 0GitHub 11.7k
G
gsap-frameworks

por greensock

gsap-frameworks é a skill de GSAP para Vue, Nuxt, Svelte, SvelteKit e outros frameworks que não sejam React. Ela cobre configuração de animações com segurança de ciclo de vida, seletores com escopo e limpeza na desmontagem, para que as animações de componentes se comportem corretamente no Frontend Development.

Frontend Development
Favoritos 0GitHub 3.2k
G
gsap-performance

por greensock

gsap-performance é a skill de desempenho do GSAP para Desenvolvimento Frontend. Use-a para reduzir travamentos, evitar layout thrashing, priorizar transforms e opacity, aplicar will-change com critério e agrupar leituras e gravações para animações mais suaves a 60 fps. É ideal quando você precisa de orientação prática de uso de gsap-performance para código de motion já existente.

Frontend Development
Favoritos 0GitHub 3.2k
G
gsap-react

por greensock

gsap-react é o skill oficial do GSAP para React e Next.js. Ele cobre useGSAP(), refs, gsap.context(), seletores com escopo e limpeza, para você criar animações seguras em React sem bugs de re-renderização ou desmontagem. Use este guia do gsap-react quando precisar de ajuda com instalação e uso no desenvolvimento front-end.

Frontend Development
Favoritos 0GitHub 3.2k
G
gsap-utils

por greensock

Skill gsap-utils para helpers utilitários do GSAP: clamp, mapRange, normalize, interpolate, random, snap, toArray, wrap e pipe. Aprenda a usar o gsap-utils no desenvolvimento frontend, incluindo quando optar por funções reutilizáveis, como encaixar os helpers em tweens e callbacks e por que não é necessário fazer registro.

Frontend Development
Favoritos 0GitHub 3.2k
G
gsap-plugins

por greensock

O gsap-plugins ajuda desenvolvedores frontend a escolher, instalar e usar os plugins do GSAP do jeito certo. Ele cobre registro de plugins, imports e orientações práticas para ScrollToPlugin, ScrollSmoother, Flip, Draggable, Inertia, Observer, SplitText, ScrambleText, plugins SVG, ferramentas de easing e GSDevTools. Use este guia quando precisar de uma referência clara sobre gsap-plugins, em vez de conselhos genéricos de animação.

Frontend Development
Favoritos 0GitHub 3.2k
G
gsap-scrolltrigger

por greensock

gsap-scrolltrigger é o skill oficial do GSAP para animações vinculadas ao scroll, pinning, comportamento de scrub e gatilhos baseados no viewport. Use em Frontend Development quando precisar de um guia de gsap-scrolltrigger, ajuda para instalar ou orientação prática de uso do gsap-scrolltrigger em parallax, seções fixadas e motion guiado pelo scroll.

Frontend Development
Favoritos 0GitHub 3.2k
G
gsap-timeline

por greensock

A skill gsap-timeline ajuda você a criar sequências de timelines no GSAP com etapas ordenadas, sobreposições, rótulos e reprodução aninhada. Use a skill gsap-timeline quando o objetivo for coordenar várias animações, especialmente em UI Design, fluxos de onboarding ou sistemas de motion reutilizáveis. Ela inclui orientações de instalação e uso do gsap-timeline para uma sequência clara.

UI Design
Favoritos 0GitHub 3.2k
G
gsap-core

por greensock

A skill gsap-core é o guia oficial do GSAP para uso da API central de animação, incluindo gsap.to(), from(), fromTo(), easing, stagger, defaults e motion responsivo. Use-a para uso de gsap-core em vanilla JS, React, Vue, Svelte, fluxos de trabalho de DOM, SVG e UI Design, especialmente quando você precisa de um guia confiável de gsap-core.

UI Design
Favoritos 0GitHub 3.2k
H
hyperframes-registry

por heygen-com

A hyperframes-registry ajuda você a instalar e conectar itens reutilizáveis do registro HyperFrames com menos tentativa e erro. Use-a para executar `hyperframes add`, identificar blocos vs. componentes, mesclar snippets, integrar blocos ao `index.html` e seguir os mapeamentos de caminho do `hyperframes.json` para implementação de design e descoberta do registro.

Design Implementation
Favoritos 0GitHub 2.7k
H
gsap

por heygen-com

gsap é uma referência prática de animação para composições HyperFrames. Ele ajuda você a escolher entre `gsap.to()`, `from()`, `fromTo()` e `gsap.timeline()`, e então aplicar os `vars`, easing, stagger, transforms e padrões de performance corretos. Use este guia de gsap quando precisar de motion pronto para implementação em animações de entrada, transições e efeitos de design reutilizáveis.

Design Implementation
Favoritos 0GitHub 2.7k
H
hyperframes

por heygen-com

hyperframes é uma skill de fluxo de trabalho para criar composições de vídeo baseadas em HTML no HyperFrames. Use-a para cards de título, sobreposições, legendas, narração, movimento reativo ao áudio e transições de cena quando precisar de hyperframes estruturados e orientados por código para Edição de Vídeo. Ela prioriza decisões de layout, tempo e animação em vez de pedidos genéricos de vídeo só com prompt.

Video Editing
Favoritos 0GitHub 2.7k
L
gpt-taste

por Leonxlnx

gpt-taste é uma skill voltada para design que ajuda a criar páginas de UI refinadas, com direção de arte editorial, disciplina de espaçamento e motion com GSAP. Use a skill gpt-taste em páginas de marketing, landing pages e sites showcase quando quiser mais variedade de layout, melhor controle tipográfico e menos padrões genéricos de front-end. O guia inclui notas de instalação e uso para implementação prática.

UI Design
Favoritos 0GitHub 0
I
fixing-motion-performance

por ibelick

O fixing-motion-performance ajuda a auditar e corrigir problemas de performance em animações de UI sem mudar sua stack por padrão. Use-o em trabalhos de frontend quando a animação estiver engasgando, efeitos ligados ao scroll estiverem caros ou transições estiverem acionando trabalho de layout, paint ou compositing. Ele transforma bugs de animação em correções claras, no nível do código.

Frontend Development
Favoritos 0GitHub 0
Gsap