reefbreak.js

A wavy text animation engine powered by SVG filters.

Get Started

ReefBreak.js is a lightweight JavaScript library that creates a wavy animation effect using SVG filters. It's easy to use and requires no dependencies.

Installation

npm install reefbreak

Usage

import { ReefBreak } from 'reefbreak';
new ReefBreak(
  {
    target: "[data-reefbreak]",
    intensity: 1,
    speed: 1,
    animate: true,
  }
);

Download

reefbreak.mjs (3KB) | reefbreak.umd.js (3KB) | GitHub