Webflow робить GSAP на 100% безкоштовним для веб-спільноти, надаючи розробникам більше свободи, щоб використовувати всю широту руху на основі GSAP.
Будучи першою платформою для розробки веб-сайтів, наша мета у Webflow - надати сучасним командам можливість створювати цікавий, диференційований під бренд досвід, який перетворює відвідувачів на клієнтів - а найефективніші сайти, які ми бачимо, є інтерактивними та використовують анімацію, щоб виділитися.
Ось чому восени 2024 року Webflow придбав провідну в галузі JavaScript-анімаційну бібліотеку GreenSock Animation Platform (GSAP), щоб вивести наші рішення для взаємодії на новий рівень. Для нас велика честь співпрацювати з GSAP на цьому шляху, щоб надати можливості веб-анімації кожному - незалежно від того, чи хочете ви втілити свої ідеї в життя візуально або за допомогою коду.
Сьогодні ми раді поділитися деякими основними оновленнями GSAP та Webflow, зробленими з урахуванням інтересів широкої спільноти GSAP та наших спільних клієнтів.
GSAP тепер на 100% безкоштовний - ось чому
Ми повністю віддані інвестуванню в майбутнє GSAP, керуючись вашими відгуками та досвідом команди GSAP, яка створила цю технологію. І ці інвестиції починаються з того, що ми робимо GSAP на 100% безкоштовним для всіх користувачів.
Це означає, що кожен - незалежно від того, чи є ви клієнтом Webflow, чи ні - зможе використовувати всі інструменти GSAP абсолютно безкоштовно, включаючи раніше платні клубні плагіни. Ми також розширюємо стандартну ліцензію, щоб охопити комерційне використання, тож ви можете використовувати GSAP будь-де, без жодних витрат.
Команда GSAP завжди прагнула зробити свої пропозиції безкоштовними для якомога більшої кількості людей, зберігаючи при цьому високі стандарти якості, які приносять користь усій спільноті. Ось чому Webflow радий можливості допомогти їм досягти цієї мети - стати на 100% безкоштовними. Завдяки підтримці Webflow команда GSAP може продовжувати очолювати інновації в галузі продуктів та індустрії, дозволяючи ще більшій кількості розробників використовувати всю широту можливостей руху на основі GSAP.
Що нового в GSAP і Webflow
На додаток до того, що GSAP став на 100% безкоштовним, ми раді випустити серію поліпшень для розробників GSAP і наших спільних клієнтів Webflow. Ось над чим ми працювали разом:
Значне оновлення плагіна SplitText від GSAP
В рамках наших постійних інвестицій в GSAP, ми вдосконалили один з найпопулярніших плагінів GSAP, зробивши його ще кращим. SplitText було повністю переписано з нуля, і в нього було внесено багато цікавих покращень:
- Зменшення розміру файлів на 50% для прискорення завантаження та підвищення продуктивності
- Вбудована доступність для зчитувачів з екрану
- Просте маскування для розширених ефектів «розкриття»
- Нова функція deepSlice, яка інтелектуально обробляє вкладені елементи, що розливаються на кілька рядків
- Нові адаптивні функції, що дозволяють створювати чистіші злиття та більш плавну анімацію
- І не тільки!
Завдяки 14 новим функціям, ми раді бачити, що все більше учасників спільноти користуються покращеним - і тепер безкоштовним - плагіном SplitText.
Простіша інтеграція плагіна GSAP у Webflow
Раніше використання плагінів GSAP Club у Webflow часто було громіздким процесом. Ми спростили його, зробивши всі плагіни GSAP безпосередньо доступними в Webflow і розмістивши їх на ньому. Ось як це працює:
- Перейдіть до Налаштувань сайту і ввімкніть бібліотеку GSAP Core та плагіни, які ви хочете додати на свій сайт.
- Створіть анімацію за допомогою власного коду.
Попередній перегляд користувацького коду у Webflow перед публікацією
Щоб надати вам більше впевненості та контролю при розгортанні, ми запустили попередній перегляд сайту з користувацьким кодом. Це дозволяє вам попередньо переглянути ефекти будь-якого користувацького коду перед публікацією його на вашому сайті Webflow - включаючи анімацію, написану за допомогою GSAP.
Що далі?
У найближчі місяці ми розширимо наші власні взаємодії з веб-потоками:
- Популярні функції GSAP, щоб ви могли почати створювати анімацію на основі GSAP візуально
- Можливість створювати та попередньо переглядати взаємодії на горизонтальній часовій шкалі для більш інтуїтивно зрозумілої розробки анімації
- Можливість повторного використання будь-якої взаємодії на всьому сайті, що підвищує ефективність робочого процесу та узгодженість дизайну
Ці оновлення відкривають можливість для будь-кого - незалежно від знань кодування - вбудовувати рух на основі GSAP у веб-сайти Webflow. Це також закладає основу для наступного покоління нативних взаємодій у веб-потоках. Він буде повністю переплатформенний на GSAP і глибоко інтегрований з нашою платформою Website Experience Platform - від систем дизайну до робочих процесів для спільної роботи і багато іншого.
Ми з нетерпінням чекаємо на те, що буде далі. Разом GSAP та Webflow прагнуть формувати майбутнє веб-анімації та постійно піднімати стелю того, що розробники, дизайнери, маркетологи та агентства можуть створювати - візуально або за допомогою коду.
