Последние посты
Matilda Design
9 сент., 07:34
Всем привет! 👋 Новое видео на канале:В этом видео разберём, как создать собственного 3D-персонажа, подготовить модель в формате GLB, добавить анимации и подключить её к сайту на Tilda с помощью Three.jsСсылка на видео: https://youtu.be/kqcwfxWxLLQ Ссылка на исходники: https://mt-webdesign.ru/character
Matilda Design
4 сент., 04:17
Всем привет, в коллекцию AnimateX GSAP Edition добавлена новая анимация — Spiral // 037.👉 Перейти на сайт 👉 Открыть доступ🔓 Для всех, кто уже имеет доступ — новые анимации доступны без доплаты. Анимации эксклюзивны и не входят в подписку Matilda Design. AnimateX — это отдельный продукт без ограничений по подписке. Ваш личный инструмент навсегда.
Matilda Design
27 авг., 10:33
Всем привет! Скоро коллекция пополнится новой анимацией - Spiral. Она станет уже 37-й анимацией в AnimateX GSAP Edition.👉 Перейти на сайт 👉 Открыть доступ🔓 Для всех, кто уже имеет доступ — новые анимации доступны без доплаты. Анимации эксклюзивны и не входят в подписку Matilda Design. AnimateX — это отдельный продукт без ограничений по подписке. Ваш личный инструмент навсегда.Matilda Design
20 авг., 03:29
Жидкая маска (новая модификация)Модификация позволяет создать эффект плавного проявления изображения: при движении курсора жидкая маска раскрывает нижний слой, формируя органичные разводы и мягкий переход между двумя изображениями.Ссылка на страницу (платный доступ): https://mt-webdesign.ru/fluid
Matilda Design
14 авг., 03:16
Всем привет! Новая анимация с AWWWARDS на следующей неделеMatilda Design
10 авг., 04:08
Всем привет! 👋 Новое видео на канале:В этом видео показываю, как создать эффектную 3D-галерею в Tilda с помощью GSAP. Карточки располагаются в объемной сфере, вращаются во время скролла и дополнительно реагируют на скорость и направление прокрутки. За счет перспективы, изменения масштаба и глубины получается более живой эффект в стиле современных интерактивных сайтов.Ссылка на видео: https://youtu.be/BDq-NGPrkxI Ссылка на исходники: https://mt-webdesign-pack.ru/sphere-gallery-free
Matilda Design
3 авг., 05:20
Трансформация первого экрана (новая модификация)Модификация позволяет создать эффектный переход между экранами: карточки собираются в объёмную 3D-композицию, после чего изображение плавно раскрывается и заполняет весь экран.Ссылка на страницу (платный доступ): https://mt-webdesign.ru/first-screen-transform
Matilda Design
28 июл., 07:27изменён
Всем привет! Новая анимация на этой неделеMatilda Design
19 июл., 03:14
Анимация частиц (новая модификация)Модификация превращает изображение в объёмную композицию из частиц, которая благодаря карте глубины реагирует на движение курсора, плавно разлетается и возвращается в исходную форму.Ссылка на страницу (платный доступ): https://mt-webdesign.ru/particles
Matilda Design
14 июл., 03:15
Всем привет! На этой неделе в библиотеке появится новая модификация «Частицы».Вы загружаете своё изображение и карту глубины, а модификация собирает его из множества частиц и добавляет объём.Частицы реагируют на курсор, разлетаются при прокрутке страницы и затем снова формируют изображение. За счёт карты глубины эффект выглядит не плоским, появляется ощущение пространства и движения.Matilda Design
13 июл., 02:24
Скоро в коллекцию AnimateX: GSAP Edition добавятся три новые анимации: Windows, Image Orbit и Flip Stack. Windows // 033 Картинки собираются в живую сетку и двигаются как отдельные окна. Блок сразу становится динамичнее: изображения раскрываются, смещаются
Matilda Design
22 июн., 03:11
Скоро в коллекцию AnimateX: GSAP Edition добавятся три новые анимации: Windows, Image Orbit и Flip Stack.Windows // 033 Картинки собираются в живую сетку и двигаются как отдельные окна. Блок сразу становится динамичнее: изображения раскрываются, смещаются и красиво собирают экран в одно целое.Image Orbit // 034 Изображения закручиваются вокруг центра, будто по орбите. Получается яркий визуальный акцент, особенно для галерей, портфолио, промо-блоков и первых экранов.Flip Stack // 035 Карточки складываются в стопку и по очереди переворачиваются. Простая, но интересная анимация, которая делает смену контента более живой и заметной.👉 Перейти на сайт 👉 Открыть доступ🔓 Для всех, кто уже имеет доступ — новые анимации доступны без доплаты. Анимации эксклюзивны и не входят в подписку Matilda Design. AnimateX — это отдельный продукт без ограничений по подписке. Ваш личный инструментMatilda Design
6 июн., 03:11
Эффект ленты проектов (новая модификация)В этом видео мы разберём, как создать анимацию ленты проектов с эффектом искажения при скролле в Tilda с использованием библиотек Three.js, GSAP и её плагинов.Ссылка на страницу (платный доступ): https://mt-webdesign.ru/ribbon-mod
Matilda Design
1 июн., 04:12
Всем привет! Новая модификация на этой неделеMatilda Design
30 апр., 01:50изменён
Всем привет! В настоящее время наблюдаются сбои в работе серверов.Если у вас возникают проблемы с подключением некоторых модификаций или их корректной работой, вы можете самостоятельно обновить подключённые библиотеки, используя альтернативные источники.Список библиотек: GSAP, ScrollTrigger (для работы с анимациями из пака и некоторых модификаций) <script src="https://cdn.jsdelivr.net/npm/gsap@3/dist/gsap.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/gsap@3/dist/ScrollTrigger.min.js"></script>Для модификации и анимаций связаных с текстом: <script src="https://unpkg.com/split-type@0.3.3/umd/index.min.js"></script>Слайдеры: <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@8.3.2/swiper-bundle.min.css"/> <script src="https://cdn.jsdelivr.net/npm/swiper@8.3.2/swiper-bundle.min.js"></script>Это временная проблема. В настоящее время ведутся работы по её
Matilda Design
30 мар., 08:06изменён
Всем привет! 👋 Новое видео на канале:ТОП-5 ресурсов для анимации сайтов В этом видео я собрал ТОП-5 ресурсов для анимации сайтов, которыми сам регулярно пользуюсь в работеСсылка на видео: https://youtu.be/fVawsdT03Dw
Matilda Design
23 мар., 05:07
Как сделать сложную scroll-анимацию в ТильдеВ этом видео мы разберём, как создать анимацию трансформации фигуры в Tilda с помощью библиотеки GSAP и её плагинов.Ссылка на видео и исходники: https://youtu.be/1MqgxKlmob8 https://mt-webdesign.ru/morph
Matilda Design
21 мар., 13:04
ПонедельникMatilda Design
16 мар., 07:27
Всем привет! 👋 Новое видео на канале:5 принципов построения анимаций на Awwwards В этом видео разберём самые популярные типы веб-анимаций: - анимации по скроллу - появление элементов в области видимости - покадровую анимацию - анимации интерфейса - текстовые эффекты Покажу, как такие анимации используются на современных сайтах и какие технологии чаще всего применяют для их реализации.Ссылка на видео: https://youtu.be/ZiK0C65luOQ
Matilda Design
7 мар., 04:21
🚀 Масштабное обновление Matilda DesignПроект вышел на новый уровень: библиотека стала чище и удобнее, а страницы инструкций продуманнее и функциональнее. Навигация теперь сворачивается, освобождая пространство для работы, фильтрация и поиск с подсказками помогают мгновенно находить нужные модификации, а количество элементов обновляется автоматически. Интерфейс стал быстрее и практичнее с превью, быстрым переходом по разделам и копированием ID и кода в один клик.Обновленные модификации: Современные кнопки Слайдер (autoscale) Карусель для проектов Скролл для портфолиоНовые модификации: Мягкий блюр-курсор Скринсейвер (Screensaver)
