Components
GitHub
ComponentsUnique Components

Paper Tear

Tactile paper component with real-time drag tearing and synthetic audio effects for desktop and mobile.

Preview

Click and hold your mouse (or drag with touch on mobile) across the paper. The tear follows your cursor in real time.

Vintage Newspaper

Notebook Paper

Lined notebook paper with horizontal ruled lines, margin, and binder hole cutouts.

Preview
Field Notes · Page 12

Tearable Notebook Paper

Hold down mouse or touch and drag across the page. Release to sever and watch the torn piece tumble down.

Editorial Newspaper

Styled newspaper layout with vintage typography, double rule mastheads, and multi-column article print.

Preview
The Morning Edition · Vol. CIV · No. 42

THE DAILY CHRONICLE

HOLD & DRAG TO RIPPRICE: $0.25

GESTURE-CONTROLLED PAPER TEARING UNVEILED

Click and hold your mouse or drag with your finger across any part of the paper. A live tear line follows your path in real time.

Upon release, the cut piece cleanly detaches and tumbles downward under simulated gravity, carving out the exact drawn contour.

SECTION APAGE 1

Thermal Receipt

A thermal store receipt complete with side perforation cutouts, items breakdown, and barcode.

Preview
NOTSIMPLE STORE
RECEIPT #94820
Espresso Roast$4.50
Paper Journal$14.00
Vintage Newspaper$2.50
TOTAL$21.00
THANK YOU

Installation

npx shadcn@latest add notsimpleui/paper-tear # coming soon

On this page