>skeehn

motion

DitherPulse, AsciiRain, Glitch, TextureMask

Motionmotion.css

Installation

$npx skeehn add motion

Preview

GLITCH

Props

PropTypeDefaultDescription
DitherPulse: effect'pulse' | 'breathe' | 'wave''pulse'Animation effect type
Glitch: intensity'low' | 'medium' | 'high''medium'Glitch intensity level
AsciiRain: density'sparse' | 'normal' | 'dense''normal'Character density

Usage

motion.tsx
1import { DitherPulse, Glitch, AsciiRain } from '@skeehn/react';23export function Effects() {4  return (5    <>6      <DitherPulse effect="pulse" style={{ width: 100, height: 100 }} />7      <Glitch intensity="medium">8        <span>Glitch Text</span>9      </Glitch>10    </>11  );12}