Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/ludovicm67/simple-whiteboard

Simple Whiteboard is a simple and lightweight web component that can be integrated in any web application
https://github.com/ludovicm67/simple-whiteboard

canvas drawing lit-element ludovicm67 web-component webcomponent whiteboard

Last synced: about 1 month ago
JSON representation

Simple Whiteboard is a simple and lightweight web component that can be integrated in any web application

Host: GitHub
URL: https://github.com/ludovicm67/simple-whiteboard
Owner: ludovicm67
License: mit
Created: 2024-05-24T13:27:05.000Z (6 months ago)
Default Branch: main
Last Pushed: 2024-09-30T20:20:35.000Z (about 2 months ago)
Last Synced: 2024-10-01T02:41:47.793Z (about 2 months ago)
Topics: canvas, drawing, lit-element, ludovicm67, web-component, webcomponent, whiteboard
Language: TypeScript
Homepage: https://simple-whiteboard.ludovicm67.fr/
Size: 985 KB
Stars: 0
Watchers: 1
Forks: 1
Open Issues: 4
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
- Codeowners: .github/CODEOWNERS

Awesome Lists containing this project

README

        # Simple Whiteboard

[![NPM](https://badge.fury.io/js/@ludovicm67%2Fsimple-whiteboard.svg)](https://npm.im/@ludovicm67/simple-whiteboard)

[![FOSSA Status](https://app.fossa.com/api/projects/git%2Bgithub.com%2Fludovicm67%2Fsimple-whiteboard.svg?type=shield)](https://app.fossa.com/projects/git%2Bgithub.com%2Fludovicm67%2Fsimple-whiteboard?ref=badge_shield)

Simple Whiteboard is a simple web-based whiteboard application that allows users to draw on a canvas.

The application is built as a Web Component using [LitElement](https://lit.dev/).

This allows the whiteboard to be easily embedded in any web application regardless of the framework used.

## Features

- Different drawing tools:

  - Rectangle

  - Circle

  - Line

  - Pen

  - Text

  - Picture

- Move the canvas using the Move tool

- Clear the canvas

- Support mouse and touch input

## Used Technologies

- [LitElement](https://lit.dev/) - A simple base class for creating fast, lightweight web components.

- [TypeScript](https://www.typescriptlang.org/) - A typed superset of JavaScript that compiles to plain JavaScript.

- [Rough.js](https://roughjs.com/) - A small graphics library that lets you draw in a sketchy, hand-drawn-like, style.

- [Perfect Freehand](https://github.com/steveruizok/perfect-freehand) - A tiny library for rendering perfect freehand lines.

- [Feather Icons](https://feathericons.com/) - Simply beautiful open source icons.

## License

Simple Whiteboard is licensed under the [MIT License](./LICENSE).

[![FOSSA Status](https://app.fossa.com/api/projects/git%2Bgithub.com%2Fludovicm67%2Fsimple-whiteboard.svg?type=large)](https://app.fossa.com/projects/git%2Bgithub.com%2Fludovicm67%2Fsimple-whiteboard?ref=badge_large)