{"id":14277,"url":"\/distributions\/14277\/click?bit=1&hash=17ce698c744183890278e5e72fb5473eaa8dd0a28fac1d357bd91d8537b18c22","title":"\u041e\u0446\u0438\u0444\u0440\u043e\u0432\u0430\u0442\u044c \u043b\u0438\u0442\u0440\u044b \u0431\u0435\u043d\u0437\u0438\u043d\u0430 \u0438\u043b\u0438 \u0437\u043e\u043b\u043e\u0442\u044b\u0435 \u0443\u043a\u0440\u0430\u0448\u0435\u043d\u0438\u044f","buttonText":"\u041a\u0430\u043a?","imageUuid":"771ad34a-9f50-5b0b-bc84-204d36a20025"}
Дизайн
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

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

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

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

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

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

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

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