lucascrespo23

lucascrespo23 / pinch-type

Public

Pinch to zoom text, not the page. Built on @chenglou/pretext.

85
2
100% credibility
Found Apr 01, 2026 at 85 stars -- GitGems finds repos before they trend. Get early access to the next one.
Sign Up Free
AI Analysis
TypeScript
AI Summary

Pinch-type is a JavaScript library that adds interactive text effects to web pages, such as pinch-to-zoom scaling and fisheye distortion during scrolling, optimized for mobile reading experiences.

How It Works

1
👀 Discover the demo

You find a webpage showing text that scales and morphs smoothly when you pinch or scroll on your phone.

2
✨ Try the magic gestures

Pinch with two fingers to zoom text evenly, or scroll to watch center words grow big and bright while edges shrink and fade away – it feels alive and fun.

3
Pick your effect style
🎨
Full effects

Create a special reading area where text dances with every gesture.

🔍
Simple zoom

Just add easy pinch scaling to make any text bigger or smaller without changing looks.

4
📝 Add your own text

Paste in your article, story, or blog content, and watch it layout perfectly.

5
🌐 Put it on your site

Drop it into your webpage, and it starts working instantly for mobile visitors.

🎉 Readers love it

Friends and visitors pinch, scroll, and read comfortably, making your content feel modern and engaging.

Sign up to see the full architecture

4 more

Sign Up Free

Star Growth

See how this repo grew from 85 to 85 stars Sign Up Free
Repurpose This Repo

Repurpose is a Pro feature

Generate ready-to-use prompts for X threads, LinkedIn posts, blog posts, YouTube scripts, and more -- with full repo context baked in.

Unlock Repurpose
AI-Generated Review

What is pinch-type?

Pinch-type is a TypeScript library for mobile web that intercepts pinch zoom gestures—on touchscreens or Magic Mouse trackpads—to scale text size instead of zooming the entire page, solving blurry reflows and lost context in readers. It offers canvas-based effects like uniform text scaling, a fisheye scroll morph where center text enlarges and brightens while edges shrink, or both combined, plus a lightweight ~1KB mode that adjusts font-size on any DOM element. Built atop a text layout engine, it npm-installs easily with pinch zoom JS hooks or a React hook for pinch zoom Angular-style components.

Why is it gaining traction?

It stands out by blocking native page zoom (Chrome pinch zoom woes) while enabling smooth pinch zoom element control, with momentum scrolling, resize handling, and callbacks like onZoom for font changes. The live demo showcases pinch zoom gesture fluidity on long articles, and the no-deps lightweight API drops into existing apps without canvas overhead—rarer than generic pinch zoom npm libs. Developers dig the configurable min/max font sizes, friction-tuned physics, and zero-setup React integration.

Who should use this?

Frontend devs crafting mobile article readers, documentation sites, or e-book UIs where users expect pinch zooming without page distortion. Ideal for React teams adding pinch zoom icon triggers or Angular apps needing pinch zoom JS on text blocks, especially if tired of hacky wheel event polyfills for trackpad users.

Verdict

Grab it for prototypes or niche mobile text flows—solid docs and demo make the 85 stars and 1.0% credibility score forgivable for its fresh take, though low adoption signals wait for production hardening before prime-time readers. Pairs well with pretext for pro layouts.

(198 words)

Sign up to read the full AI review Sign Up Free

Similar repos coming soon.