├── .eslintrc.json ├── .gitignore ├── .prettierrc ├── README.md ├── artboard.png ├── example ├── App.tsx ├── index.html ├── index.tsx └── style.css ├── images ├── airbrush.png ├── marker.png ├── paint.png ├── shading.gif ├── shading.png └── watercolor.png ├── package.json ├── src ├── components │ ├── Artboard.tsx │ └── Cursor.tsx ├── history.ts ├── index.ts ├── tools │ ├── airbrush │ │ └── useAirbrush.ts │ ├── brush │ │ ├── brushHelpers.ts │ │ └── useBrush.ts │ ├── eraser │ │ └── useEraser.ts │ ├── marker │ │ └── useMarker.ts │ ├── shading │ │ └── useShadingBrush.ts │ └── watercolor │ │ ├── useWatercolor.ts │ │ └── watercolor.ts └── utils │ ├── cursors.ts │ └── pointUtils.ts ├── tsconfig.json └── yarn.lock /.eslintrc.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ascorbic/react-artboard/HEAD/.eslintrc.json -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | .cache 3 | dist 4 | public 5 | .DS_Store 6 | -------------------------------------------------------------------------------- /.prettierrc: -------------------------------------------------------------------------------- 1 | { "proseWrap": "always" } 2 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ascorbic/react-artboard/HEAD/README.md -------------------------------------------------------------------------------- /artboard.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ascorbic/react-artboard/HEAD/artboard.png -------------------------------------------------------------------------------- /example/App.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ascorbic/react-artboard/HEAD/example/App.tsx -------------------------------------------------------------------------------- /example/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ascorbic/react-artboard/HEAD/example/index.html -------------------------------------------------------------------------------- /example/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ascorbic/react-artboard/HEAD/example/index.tsx -------------------------------------------------------------------------------- /example/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ascorbic/react-artboard/HEAD/example/style.css -------------------------------------------------------------------------------- /images/airbrush.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ascorbic/react-artboard/HEAD/images/airbrush.png -------------------------------------------------------------------------------- /images/marker.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ascorbic/react-artboard/HEAD/images/marker.png -------------------------------------------------------------------------------- /images/paint.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ascorbic/react-artboard/HEAD/images/paint.png -------------------------------------------------------------------------------- /images/shading.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ascorbic/react-artboard/HEAD/images/shading.gif -------------------------------------------------------------------------------- /images/shading.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ascorbic/react-artboard/HEAD/images/shading.png -------------------------------------------------------------------------------- /images/watercolor.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ascorbic/react-artboard/HEAD/images/watercolor.png -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ascorbic/react-artboard/HEAD/package.json -------------------------------------------------------------------------------- /src/components/Artboard.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ascorbic/react-artboard/HEAD/src/components/Artboard.tsx -------------------------------------------------------------------------------- /src/components/Cursor.tsx: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/history.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ascorbic/react-artboard/HEAD/src/history.ts -------------------------------------------------------------------------------- /src/index.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ascorbic/react-artboard/HEAD/src/index.ts -------------------------------------------------------------------------------- /src/tools/airbrush/useAirbrush.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ascorbic/react-artboard/HEAD/src/tools/airbrush/useAirbrush.ts -------------------------------------------------------------------------------- /src/tools/brush/brushHelpers.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ascorbic/react-artboard/HEAD/src/tools/brush/brushHelpers.ts -------------------------------------------------------------------------------- /src/tools/brush/useBrush.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ascorbic/react-artboard/HEAD/src/tools/brush/useBrush.ts -------------------------------------------------------------------------------- /src/tools/eraser/useEraser.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ascorbic/react-artboard/HEAD/src/tools/eraser/useEraser.ts -------------------------------------------------------------------------------- /src/tools/marker/useMarker.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ascorbic/react-artboard/HEAD/src/tools/marker/useMarker.ts -------------------------------------------------------------------------------- /src/tools/shading/useShadingBrush.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ascorbic/react-artboard/HEAD/src/tools/shading/useShadingBrush.ts -------------------------------------------------------------------------------- /src/tools/watercolor/useWatercolor.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ascorbic/react-artboard/HEAD/src/tools/watercolor/useWatercolor.ts -------------------------------------------------------------------------------- /src/tools/watercolor/watercolor.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ascorbic/react-artboard/HEAD/src/tools/watercolor/watercolor.ts -------------------------------------------------------------------------------- /src/utils/cursors.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ascorbic/react-artboard/HEAD/src/utils/cursors.ts -------------------------------------------------------------------------------- /src/utils/pointUtils.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ascorbic/react-artboard/HEAD/src/utils/pointUtils.ts -------------------------------------------------------------------------------- /tsconfig.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ascorbic/react-artboard/HEAD/tsconfig.json -------------------------------------------------------------------------------- /yarn.lock: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ascorbic/react-artboard/HEAD/yarn.lock --------------------------------------------------------------------------------