Tingle.js - бесплатный скрипт для модального окна Vanilla JS для минималистов

Модальные окна быстро заменили окно оповещения браузера по умолчанию. Хорошо продуманные модалы более совместимы с отличным пользовательским интерфейсом и модальные окна поставляются с множеством пользовательских эффектов и дизайнов.

Можно создавать чистые модалы CSS, но им часто не хватает определенного Je Ne Sais Quoi что вы найдете в скриптах на основе JS.

И одним из моих любимых является Tingle.js, бесплатное модальное окно JavaScript, созданное для минималистических сайтов..

Эта библиотека существует уже некоторое время, но технически она все еще находится в разработке v1.0 с частыми улучшениями.

Но это стабильный скрипт, работающий на чистом ванильном JS так что вы можете использовать это где угодно. Он не требует никаких знаний ECMAScript и не требует никаких библиотек более высокого уровня, таких как TypeScript..

Все в Tingle.js хорошо документировано и даже поставляется с понятным API для настройки анимации, эффектов кнопок и функций обратного вызова..

Взгляните на репозиторий GitHub для больше информации со ссылками на основной API и функции обратного вызова, все из которых вы найдете в деталях на домашней странице Tingle.js.

Если вы чувствуете себя комфортно, редактируя JavaScript, тогда вам понравится этот плагин. С ним очень легко работать, а CSS-коды еще проще переписать с помощью собственной таблицы стилей..

Основная документация четко изложена с примерами, которые вы можете скопировать / вставить в ваш HTML.

Tingle.js - довольно простой скрипт. Вам либо понравится, как это работает, либо вам не понравится.

Через несколько минут на главной демонстрационной странице вы сможете определить, нравится вам это или нет. Он поддерживает столько кнопок, сколько вам нужно, а также поля ввода пользователя, если вы хотите получить информацию от пользователя.

Плюс это может работать с огромные длинные модалы с точки зрения обслуживания, пользовательские предупреждающие сообщения и даже встроенный контент с изображениями и видео.

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