{"id":14195,"url":"\/distributions\/14195\/click?bit=1&hash=291794e344824c93d14ee572f65a93982fcbd2621dc1bce63db74c06ec203e98","title":"\u0422\u0430\u0439\u043d\u043e \u0441\u043e\u0431\u0440\u0430\u0442\u044c \u0434\u0435\u043d\u044c\u0433\u0438 \u043d\u0430 \u043f\u043e\u0434\u0430\u0440\u043e\u043a \u0438 \u043d\u0435 \u0441\u043f\u0430\u043b\u0438\u0442\u044c\u0441\u044f","buttonText":"\u041a\u0430\u043a?","imageUuid":"1347cd9b-ea75-560f-b0f7-09065a9c55c9"}
Дизайн
Alexander Olssen

Полезные шаблоны для Webflow. Часть 2

Привет любители Webflow! В сегодняшней подборке у меня (Саши Олсена) для вас новые вкусняхи, а именно – прокаченная пагинация, стильный шаблон сайта для агенств, анимированное боковое меню, удобное мегаменю и бесконечно двигающаяся карусель с картинками.

Numbered pagination

Стандартная пагинация CMS контента в Webflow позволяет переходить только на одну страничку вперед или назад, что не всегда подходит типу контента который отображается на странице. Kevin Haag решил эту проблему, разработав шаблон с пагинацией, которая позволяет "перепрыгивать" на нужную страницу просто нажав на номер нужной страницы.

Демо → https://numbered-pagination.webflow.io/

Копировать себе → https://webflow.com/website/Numbered-Pagination-Links

Сanvas

Canvas – современный шаблон сайта для агенств. Шаблон включает в себя три варианта главной страницы и четыре внутренние страницы (About, Contact, Services и Projects). Все страницы содержат анимированные элементы, и адаптированы под планшеты и мобилки.

Демо → https://canvas-path-twenty-two.webflow.io/

Копировать себе → https://webflow.com/website/CANVAS-Cloneable-CMS-Template

Animated side menu

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

Демо → https://side-menu-cloneable.webflow.io/

Купить рекламу Отключить

Копировать себе → https://webflow.com/website/Cloneable-Side-Menu-Animation?fbclid=IwAR1H-oXIW39x7kKtXNT4cPlnBeMnp8NuJQbZU8DbVaj68R8yeGKYyM_e_kE

Mega menu

Мегаменю – слэнговое название блока с подразделами во всю ширину и/или высоту экрана (гляньте сайт Asana), который появляется при наведении на какой-нибудь элемент в навигации сайта. Часто встречается у SaaS и Enterprise компаний с большим количеством внутренних страниц и разделов.

Особенность конкретно этого шаблона в использовании только "нативных" Webflow элементов и мобильной версии.

Демо → https://webflow-menu-05.webflow.io/

Копировать себе → https://webflow.com/website/webflow-menu-05

Infinite carousel

Шаблон состоит из бесконечно двигающейся карусели картинок в трех вариациях. Нужно всего лишь выбрать подходящую, поменять картинки в CMS и все. Выглядит хорошо и на десктопах и на мобилках. Управляется простым CSS-ом, и подойдет

Демо → https://cms-marquee-bb.webflow.io/

Копировать себе → https://webflow.com/website/Infinite-scroll-marquee-carousel

Если понравился выпуск, то можешь подписаться на меня тут, на VC, чтобы не пропустить следующие выпуски и интересные статьи. Выходят редко, но метко.

Предыдущий выпуск - https://vc.ru/design/293247-poleznye-shablony-dlya-webflow-chast-1

Если интересна тема no-code, то можешь заглянуть на канал в телеграм – «Саша не кодит», где я публикую интересные новости из мира no-code, делюсь инструментами, уроками, ссылками, и своим опытом. Туда пишу чаще, т.к. посты требуют меньше временных трудозатрат.

#nocode#ноукод#webflow

29 показов
1.5K открытий
0
3 комментария
Maksim Sych

Спасибо большое за классные шаблоны!

Ответить
Развернуть ветку
Alexander Olssen
Автор

А вам за картинки крипточуваков)

Ответить
Развернуть ветку
Аксана Гриднева

Интересно !Подписалась на вас).

Ответить
Развернуть ветку
Написать комментарий...
0 комментариев
Раскрывать всегда
null