← Усі проєкти

Published Vue package

@fulliron/fluid-text-vue

Грайлива типографіка для Vue 3: інтерактивні Smoke, Liquid і Balloon, реакція на курсор та зміна тексту з пружними стрибками.

Відкрити демо npm package

Про проєкт

Один типізований компонент, три матеріали. Літери реагують на курсор, штовхають сусідів і перевертаються в альтернативний текст. Налаштовуйте поверхні, переходи та Living letters у демо, експортуйте параметри або вмикайте необов’язкові звуки стискання Balloon.

Три матеріали, один компонент

  • Smoke — м’які сліди та повітряний рух літер.
  • Liquid — пружні деформації та сильніша реакція на курсор.
  • Balloon — надуті 3D-панелі, тиск сусідів і налаштування відновлення.

Встановлення

npm install @fulliron/fluid-text-vue vue three opentype.js

Імпортуйте компонент FluidText і @fulliron/fluid-text-vue/style.css. У демо відкрийте Settings, оберіть матеріал і збережіть параметри через JSON export.

Спробувати живе демо

Докази та результати

  • Smoke, Liquid і Balloon мають спільний типізований API для Vue та звичайного JavaScript.
  • Перед релізом пройдено 72 тести переходів, життєвого циклу, налаштувань та стилізованої фізики.
  • Ліцензія MIT, повідомлення про шрифти, живі налаштування та читабельний HTML fallback.