# Ramotion/aquarelle

:octocat: 🎨 Aquarelle is a watercolor effect component. Javascript library by @Ramotion

Repository: https://github.com/Ramotion/aquarelle
Canonical: https://ross.abutalabs.com/products/aquarelle
Homepage: https://www.ramotion.com/agency/web-design/
Language: JavaScript
License: MIT
License Family: permissive
Topics: javascript
Last push: 2019-10-20T16:55:31+00:00

## Health v2 (maintenance only)
Score: 32/100 (v2, computed 2026-09-02T17:46:02.011165+00:00)
- activity 0, release rhythm 35, longevity 100
- inputs: {"age_days": 3712, "days_push": 2509, "days_rel": null, "gap_med": null, "n_releases_24m": 0}
- flags: no_releases
- formula: round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)

## Adoption (not part of the score)
Stars 1823, forks 104 (observed 2026-08-28T04:05:41.162920+00:00)

## What it is
Aquarelle is a JavaScript library by Ramotion that applies a watercolor painting effect to images using Three.js shaders. It animates a transition where an image is revealed through a mask with noise-based distortion, mimicking watercolor bleeding.

## Use cases
- add a watercolor reveal effect to images on a website
- create artistic image transitions in the browser
- animate an image appearing like a painting
- apply watercolor filter to photos with JavaScript
- build an animated hero image with paint-like effect

## When to choose
- you want a distinctive watercolor/paint image transition on a web page
- your project already uses Three.js and you want a shader-based effect
- you need a lightweight, MIT-licensed visual effect component

## When to avoid
- you need a modern, actively maintained library - the last release was 2019
- you want a general-purpose image editor or filter tool
- your project avoids Three.js as a dependency
- you need effects for non-browser environments

## Facets
- artifact type: library
- maturity: maintenance
- function: image-processing, animation, ui-components
- domain: web-development, frontend, graphics
- platform: browser
- tags: watercolor-effect, threejs, image-transition, webgl, visual-effects, javascript

## Member repositories
- Ramotion/aquarelle (main) score 32

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:05:41.162920+00:00.
- Health v2: computed from the inputs above; adoption is never an input.
- Inferred fields (summary, facets, guidance): AI-extracted, prompt v1, taxonomy v1, on 2026-08-30T03:19:44.610482+00:00, confidence not recorded.
  - readme: https://github.com/Ramotion/aquarelle (fetched 2026-08-28T04:05:41.162920+00:00, sha d4a03a8c0d91)
  - homepage: https://www.ramotion.com/agency/web-design/ (fetched 2026-08-29T10:58:48.053978+00:00, sha 1546d9c23b46)
  - site_page: https://www.ramotion.com/about (fetched 2026-08-29T10:58:48.057495+00:00, sha 1e1eff982b27)
  - site_page: https://www.ramotion.com/faq (fetched 2026-08-29T10:58:48.059388+00:00, sha 2dd04946d291)
- Data as of 2026-08-30T08:39:29.467469+00:00.