← Все проекты
Проект / TypeScript

lucascrespo23/pinch-type: Pinch-type — интерактивное масштабирование текста на мобильных устройствах

Библиотека позволяет масштабировать текст жестом pinch-to-zoom, не увеличивая всю страницу.

Это TypeScript-библиотека для создания интерактивных текстовых интерфейсов на мобильных устройствах. Вместо стандартного масштабирования страницы она позволяет масштабировать только текст, что удобно для чтения. Проект предлагает три эффекта и лёгкую...

★ 17 TypeScript ↑ 3 за 24ч Форки 0 Issue 0 Оценка 6/10 Карточка проверена

Для кого это

Для фронтенд-разработчиков, создающих мобильные веб-приложения с длинным текстом — читалки, статьи, документации.

Проблема / задача

На мобильных устройствах стандартный pinch-to-zoom увеличивает всю страницу, что часто неудобно при чтении длинных текстов — пользователь хочет просто увеличить шрифт, а не масштабировать весь интерфейс.

Как это работает

Библиотека перехватывает жесты pinch-to-zoom и масштабирует только текст внутри canvas-элемента. Есть три режима: равномерное масштабирование всего текста, эффект «рыбий глаз» при прокрутке (когда текст в центре экрана крупнее) и комбинированный режим. Всё работает на canvas с использованием библиотеки @chenglou/pretext для рендеринга текста.

Что видно по README

Это TypeScript-библиотека для создания интерактивных текстовых интерфейсов на мобильных устройствах. Вместо стандартного масштабирования страницы она позволяет масштабировать только текст, что удобно для чтения. Проект предлагает три эффекта и лёгкую DOM-версию без canvas.

Ключевые возможности

Три режима масштабирования текста: равномерный, «рыбий глаз» и комбинированныйЛёгкая DOM-версия без canvas для простых случаевПолная настройка размеров шрифта, отступов и поведенияПоддержка React через peer-зависимости

Технологии

TypeScriptCanvas API@chenglou/pretextReact

Интересный факт

В демо используется философский текст о дизайне и искусственном интеллекте — вместо стандартного Lorem Ipsum.

С чего начать

  • Установите библиотеку: npm install pinch-type @chenglou/pretext
  • Импортируйте нужную функцию: createPinchType, createScrollMorph или createPinchMorph
  • Создайте экземпляр, передав DOM-элемент и текст для отображения

Оценка GitRadar

Удобство
6/10
Свежесть
8/10
Перспектива
7/10
Монетизация
4/10
Общая оценка
6/10

Вердикт GitRadar

Стоит попробовать, если нужен нестандартный текстовый интерфейс для мобильных устройств. Библиотека небольшая, но идея свежая.

Наблюдения по обновлениям

Проект активно развивается: последняя версия 0.2.6, есть TypeScript-типы, документация и живое демо. Но звёзд и форков пока мало.

Что мы проверили

Карточка собрана по данным GitHub, README и структуре репозитория. Это не официальная документация проекта.

Исходный репозиторий
https://github.com/lucascrespo23/pinch-type
Лицензия
MIT
Создан на GitHub
29 марта 2026 г.
Последнее обновление репо
29 марта 2026 г.
Последняя проверка GitRadar
29 марта 2026 г.
Изученные файлы
README.md, src/index.ts, package.json, demo-site/package.json, src/lightweight.ts, demo-site/src/demo.js

FAQ

Что это такое?

Библиотека для масштабирования текста жестами на мобильных устройствах вместо стандартного увеличения всей страницы.

Для кого подходит?

Для разработчиков мобильных веб-приложений с текстовым контентом: читалок, статей, документаций.

Источники

  • GitHub исходный код и активность
  • README описание, ссылки, стартовые материалы

Нужна помощь с lucascrespo23/pinch-type?

Если проект подходит под ваш сценарий, можем помочь с установкой, интеграцией, доработкой или аккуратным форком под вашу инфраструктуру.