Notación aproximada

Esta es una pequeña biblioteca ordenada. Utiliza SVG para insertar anotaciones que parecen dibujadas a mano en elementos (probablemente texto), como subrayados y resaltados de cuadros (hay 6 opciones de diseño, todas configurables). Súper inteligente.

Aquí hay una pequeña demostración:

Aparte de ser genial, me gusta mucho cómo se lanzó. Puedes usarlo desde npm. Está listo para usarse mediante importaciones de ES6. Puedes usarlo simplemente como script src. Luego, si está utilizando un marco de JavaScript, existen contenedores para React, Vue, Svelte, Angular y Web Components. Lindo.

No todos los proyectos adoptan ese enfoque. Aquí hay otro proyecto genial: gooey-react. Toma el concepto de efecto pegajoso y esencialmente le proporciona una API a través de React/JSX.

Nuevamente, esto es genial e inteligente y me encanta, pero imagina otro enfoque, tal vez un contenedor HTML con data-*atributos para controlar el efecto. Con eso, los contenedores podrían crearse (¿fácilmente?) en cualquier marco de JavaScript.

Enlace directo →