Particle laboratory
DOM 요소의 삭제와 복원을 애니메이션으로 구현하는 TypeScript 라이브러리입니다. 유명한 타노스 스냅에서 영감을 받은 WebGL2 기반 GPU 가속 파티클 효과를 내장하며, 순수 JavaScript와 모든 프레임워크를 지원합니다.
npm install vanilla-disintegrate @zumer/snapdom플레이그라운드에서 효과 만들기
인터랙티브 플레이그라운드
나만의 효과를 만드세요
프리셋에서 시작해 삭제와 복원을 각각 조정하고 두 방향을 미리 본 뒤 바로 사용할 TypeScript를 복사하세요.
"삭제/복원"을 눌러 효과를 확인하세요
import Disintegrator from 'vanilla-disintegrate/snapdom';
export const disintegrator = new Disintegrator({
preset: 'dust',
});