Tilt

import { Tilt, Frame } from "mizu-ui";

export function Example() {
  return (
    <Tilt max={5}>
      <Frame>
        <p className="mizu-field-hint">POINTER STUDY</p>
        <h3 style={{ fontSize: 36, letterSpacing: "-.04em", margin: "20px 0" }}>
          A little depth.
        </h3>
        <p className="mizu-field-hint">
          Move across the surface. The reading order and hit targets stay
          familiar.
        </p>
      </Frame>
    </Tilt>
  );
}