Skip to content

unix/dapple

Repository files navigation

Dapple preview banner

DAPPLE

Transform images into crisp, expressive dot-and-scanline artwork.



Dapple is a small WebGL renderer for turning images into graphic dot, scanline, and hybrid mark treatments. It is built for product previews, editorial surfaces, loading states, and interfaces that need a distinctive image texture without handing layout control to a heavy graphics stack. Preview it at [dapple.witt.im](https://dapple.witt.im).

Highlights

  • Framework-agnostic renderer with vanilla and React entry points.
  • Line, dot, and hybrid mark modes with shared tone and density controls.
  • Async image loading with lifecycle callbacks for loading, resize, render, and errors.
  • Bounded render resolution and texture downscaling for predictable GPU usage.
  • Direct and composited presentation paths for desktop, mobile, and WebView surfaces.
  • Placeholder and dot-field utilities for loading states and empty surfaces.

Similar Projects

  • unix/dapple-flow: Responsive ASCII-like glyph fields for heroes, panels, and product surfaces.

Getting Started

Use the package in an app:

pnpm add @unix/dapple

For API examples and renderer options, see packages/dapple/README.md.

License

MIT

About

Turn images into crisp, expressive fields of dots and scanlines.

Resources

License

Stars

Watchers

Forks

Contributors