Skip to content
store
react-signature-canvas

Open source alternatives to react-signature-canvas

29 open source UI Libraries apps to use instead, best rated first.

Top picks

  1. D

    dom-helpers

    Launch

    dom-helpers is a tiny, modular JavaScript library of DOM utilities, kept by the React Bootstrap project. It wraps common DOM tasks such as adding event listeners, reading computed styles, measuring offsets and scroll positions, and toggling

    Open source

  2. R

    react-quill

    Launch

    react-quill is a React component that wraps the Quill rich-text editor. Version 2 is a full port to TypeScript that supports React 16 and later, with a refactored build system and tightened internal logic. The maintainers say most projects

    Open source

  3. U

    uncontrollable

    Launch

    uncontrollable is a small React helper for wrapping a controlled component so that chosen prop and handler pairs can be left uncontrolled by the people who use it. The idea is that you write a component with minimal state and let the wrappe

    Open source

  4. R

    react-player

    Launch

    ReactPlayer is a React component that plays a wide range of media URLs, including file paths, HLS, DASH, YouTube, Vimeo, Wistia and Mux. It parses the URL you pass and loads the right player and any external SDK for that source. The README

    Open source

  5. N

    Nuxt.js

    Launch

    Nuxt is a free and open-source framework for building full-stack web applications and websites with Vue.js. It is meant for developers who want to create fast, search-friendly and production-grade sites without assembling every part themsel

    Open source

  6. R

    react-toastify

    Launch

    React-Toastify is a React library for adding notifications, called toasts, to an app. It is meant for developers who want to show short messages to users without building their own notification system. The README says it is easy to set up,

    Open source

More UI Libraries apps

See all
7
D

Daisy UI

UI Components for Tailwind CSS

Launch
8
R

react-input-autosize

Auto-resizing Input Component for React

Launch
9
U

Uppy

A sleek, modular JavaScript file uploader that integrates seamlessly

Launch
10
T

tiptap

A renderless and extendable rich-text editor for Vue.js

Launch
11
T

tanstack-table

Headless UI for building powerful tables & datagrids

Launch
12
R

react-diff-viewer-continued

Continuation of a simple and beautiful text diff viewer component

Launch
13
L

Lucide

Beautiful & consistent icon toolkit made by the community

Launch
14
M

Mantine

A fully featured React components library

Launch
15
B

@blocknote/react

A "Notion-style" block-based extensible text editor built on top of Prosemirror

Launch
16
R

react-bootstrap

Bootstrap components built with React

Launch
17
E

Emotion

High-performance CSS-in-JS style composition

Launch
18
N

novel

Notion-style WYSIWYG editor with AI-powered autocompletion

Launch
19
C

@chakra-ui/system

Chakra UI system primitives

Launch
20
P

pinia

Intuitive, type safe, light and flexible Store for Vue

Launch
21
R

react-cropper

Cropper as React Component

Launch
22
B

blobatar

Deterministic geometric blobatars from any string. No dependencies

Launch
23
C

@copilotkit/web-components

Framework-agnostic shadow-DOM web components for CopilotKit

Launch
24
P

puck

The visual editor for React

Launch
25
O

Omi

Next generation web framework in 4kb JavaScript

Launch
26
T

terracotta

Headless UI for SolidJS

Launch
27
V

vue-echarts

Vue.js component for Apache ECharts

Launch
28
V

Vue (shadcn-vue)

Vue port of shadcn/ui

Launch
29
A

@astryxdesign/theme-neutral

Restrained warm grays. Minimal and quiet, so the content stays the focus

Launch

About react-signature-canvas

R

react-signature-canvas

A React wrapper component around signature_pad

react-signature-canvas is a React wrapper component around the signature_pad library, for capturing handwritten signatures on a canvas. It is a fork of react-signature-pad that does not add any styling or extra elements, so it wraps a single canvas element. The fork has since grown: it wraps the upstream signature_pad so that its updates and bug fixes come through, it passes props directly to the underlying canvas, it has documented API methods and props, a live demo and a CodeSandbox playground, 100% test coverage, and TypeScript types. The pen is controlled by props for velocity filter weight, minimum and maximum width, minimum distance, dot size, pen colour and throttle, all of which are optional with defaults. Callbacks run when a stroke begins and ends. The API methods include isEmpty, clear, toDataURL, fromDataURL, and fromData, which can save and restore a signature as an image or as point data. It suits React developers who need a signature field in a form or an app.

View react-signature-canvasAll UI Libraries apps
Price
Free
Made by
agilgur5
Category
UI Libraries
Website
github.com/agilgur5/react-signature-canvas