Item logo image for SFX Clone - Scroll Effects

SFX Clone - Scroll Effects

ExtensionDeveloper Tools
Item media 2 (screenshot) for SFX Clone - Scroll Effects
Item media 1 (screenshot) for SFX Clone - Scroll Effects
Item media 2 (screenshot) for SFX Clone - Scroll Effects
Item media 1 (screenshot) for SFX Clone - Scroll Effects
Item media 1 (screenshot) for SFX Clone - Scroll Effects
Item media 2 (screenshot) for SFX Clone - Scroll Effects

Overview

Clona animacoes de rolagem e estilos de uma pagina em um pacote reutilizavel (.js).

Aponte para um site de referência, clique em Capturar e receba um bundle .js pronto para colar no seu projeto — com as mesmas animações de rolagem. POR QUE INSTALAR Recriar os efeitos de rolagem de um site que você admira leva horas de engenharia reversa no DevTools. O SFX Clone faz isso em segundos: rola a página, grava o que anima e entrega um arquivo .js auto-contido que reproduz os efeitos em qualquer página. COMO FUNCIONA • Varredura inteligente: descobre quais elementos animam com o scroll e grava keyframes de transform, opacity, filter, clip-path, background-position e fixação de seções. • Bundle auto-contido: runtime de ~4 KB sem dependências + os keyframes capturados. Cole um <script> antes do </body> e role. • Duração automática: a gravação escala com a altura da página (8–35 s), com opções manuais. • Seletores duráveis: classes geradas por build, classes de estado e ids de runtime ficam fora — o bundle sobrevive a novos deploys do site de origem. • Extração de CSS nativo: páginas que animam com timelines de rolagem do próprio CSS podem ser exportadas como CSS puro, sem JS. • Identificação da stack: o popup indica a tecnologia de animação detectada na página. • Respeita a preferência de movimento reduzido do usuário e restaura os estilos originais quando desativado. QUALIDADE MEDIDA Validada por um harness automatizado em sete paradigmas diferentes de animação de rolagem, do CSS nativo a bibliotecas de rolagem suave. Metodologia, notas e código: github.com/lucienkaua/scroll-driving-scrapper PRIVACIDADE Nenhum dado é coletado. Nada roda em segundo plano: o capturador só é injetado na aba ativa quando você clica no ícone, e o bundle gerado fica somente no seu computador. LIMITAÇÕES HONESTAS Animações disparadas por tempo são aproximadas; conteúdo desenhado em canvas/WebGL não é alcançável por estilos computados. Código aberto: github.com/lucienkaua/scroll-driving-scrapper Desenvolvido por lucienkaua

Details

  • Version
    1.9.0
  • Updated
    October 6, 2026
  • Offered by
    lucienkaua
  • Size
    37.26KiB
  • Languages
    português (Brasil)
  • Developer
    Email
    lucienkaua@gmail.com
  • Non-trader
    This developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.

Privacy

Manage extensions and learn how they're being used in your organization
The developer has disclosed that it will not collect or use your data.

This developer declares that your data is

  • Not being sold to third parties, outside of the approved use cases
  • Not being used or transferred for purposes that are unrelated to the item's core functionality
  • Not being used or transferred to determine creditworthiness or for lending purposes

Support

For help with questions, suggestions, or problems, visit the developer's support site

Google apps