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

В дебютной подборке – лендинг для показа фич приложения, сайт с горизонтальным скроллом, сайт с постраничным скроллом на scrollify.js, CMS-слайдер и аккордеон для секции часто задаваемых вопросов.

Привет, VC! Я – Саша, дизайнер и сооснователь агенства разработки на Webflow Buildbites. Раньше я собирал сайты с абсолютного нуля, но потом повзрослел, обленился, и стал активно пользоваться шаблонами. Это позволило не только сократить время разработки, но и применять больше интересных решений не выходя за рамки бюджетов. Поэтому я решил делать периодические подборки с самыми интересными и полезными Webflow шаблонами для тех, кто тоже пользуется или изучает этот инструмент. Меньше слов – больше полезности. Погнали.

Просто офигительный шаблон лендинга для показа фишек мобильного приложения. Фишка шаблона – в переключении заголовков и картинок внутри мокапа телефона, когда вы скролите страницу. А еще шаблон адаптивен, что повышает его полезность в разы.

Демо → https://videsigns-cloneable-1.webflow.io/

Копировать себе в проекты → https://webflow.com/website/Cloneable-Scrolling-App-Features-Showcase-Responsive

Шаблон, в котором прокрутка страницы реализована по секциям. Тут использован скрипт Scrollify.js, который и управляет таким поведением. Если умеете в JS, то можно донастроить под себя, а если нет – оставьте все как есть, и так работает круто. Шаблон так же адаптивен.

Демо → https://section-scroll-interaction.webflow.io/#1

Копировать себе в проекты → https://webflow.com/website/Some-Section-Scroll-Interactions

Фанаты горизонтального скролла – этот шаблон для вас! Примечателен не столько горизонтальным скроллом, сколько работой с CMS и бесшовным переходом на страницу (поста или проекта, к примеру) . Адаптирован под десктопы, но под мобилки придется немного доработать.

Демо → https://hokaido.webflow.io/

Копировать себе в проекты → https://webflow.com/website/Hokaido-Free-Horizontal-Scrolling-Template

Кастомные слайдеры в Webflow – моя боль. А кастомные слайдеры, которые используют Webflow CMS – боль в квадрате. Ну нельзя без танцев с бубном сделать слайдер, который будет отображать данные из CMS. Но! Есть же прекрасный шаблон, который решает именно эту проблему, да еще и работает как на десктопах, так и на мобильных девайсах. Шик-блеск! Под капотом использовано немного кода. Ничего супер-сложного, только подключение сторонней библиотеки.

Демо → https://cms-slider-weblocks.webflow.io/

Копировать себе в проекты → https://webflow.com/website/CMS-Slider

Секции часто задаваемых вопросов встречаются почти на каждом лендинге и сайте компаний. А это значит, что незачем изобретать велосипед, собирая аккордеоны каждый раз, когда FAQ нужен. Просто скопируете себе этот шаблон и экономьте время. Автор даже анимацию раскрытия сделал. Работает и на десктопах и на мобилках.

Демо → https://faq-section-template.webflow.io/

Копировать себе в проекты → https://webflow.com/website/Free-FAQ-Section-Template

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

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

Еще можно вообще нигде не фолловить. Все равно спасибо, что взглянул на статью.

#webflow #дизайн #разработка #ноукод