Design System Hub

Каталог готовых
Zero-блоков для Tilda.

Протестированные адаптивные компоненты с 5 экранами (1200, 960, 640, 480, 320 px) и встроенным интерактивом. Копируйте в один клик и вставляйте сразу в Zero Block.

Готово к Tilda
✨ SaaS 2026
HeroCTAMetricsAuto Layout5 экранов

Главный экран (SaaS / Сервис)

Современный первый экран с акцентным бейджем, крупным заголовком, двумя CTA-кнопками, плавающими бейджами метрик и фоновым градиентом.

1200 / 960 / 640 / 480 / 320 px14 слоев
В эмулятор
Auto-Reflow
CardsAuto LayoutStack Reflow5 экранов

Сетка карточек преимуществ

3 адаптивные карточки в строке с иконками, бейджами статуса, описанием и кнопками. На мобильных (480/320 px) автоматически перестраиваются в стек без коллизий.

1200 / 960 / 640 / 480 / 320 px18 слоев
В эмулятор
Интерактив
Как работает импорт?
Поддерживаются ли 5 экранов?
Нужно ли писать JavaScript?
[accordion]InteractiveZero Code5 экранов

FAQ Аккордеон (Интерактивный)

4 раскрывающихся вопроса с маркерами [accordion], [c-item], [c-toggle] и [c-content]. Tilda встраивает плавное раскрытие без единой строчки стороннего JS.

1200 / 960 / 640 / 480 / 320 px22 слоев
В эмулятор
Интерактив
PROJECT #01
←
→
[slider]GalleryGestures5 экранов

Слайдер проектов и кейсов

Полнофункциональный слайдер с карточками [c-slide], кнопками перехода [l-#prev], [l-#next], точками пагинации [c-dot] и счетчиком слайдов.

1200 / 960 / 640 / 480 / 320 px26 слоев
В эмулятор
Нативная форма
[form]Tilda CRMInputsValidation

Форма захвата лидов (Tilda Form)

Нативная форма Tilda [form] с полями Имя [input:name], Телефон [input:phone], Email [input:email], Сообщением [textarea], чекбоксом согласия и кнопкой отправки.

1200 / 960 / 640 / 480 / 320 px16 слоев
В эмулятор
Конверсионный
PricingBadgesButtons5 экранов

Таблица тарифов (3 плана)

3 тарифных плана с выделенным популярным тарифом, списком включенных опций, переключателем периода и кнопками перехода на оплату.

1200 / 960 / 640 / 480 / 320 px24 слоев
В эмулятор

Как вставить готовый блок в Tilda

Каждый блок из каталога содержит полную спецификацию 5 экранов и готов к импорту через буфер обмена.

01Нажмите «Скопировать в Tilda»

Пакет TildEka со всеми 5 адаптивными экранами запишется в буфер обмена.

02Откройте Zero Block в Tilda

Нажмите кнопку TILDEKA на верхней панели инструментов редактора.

03«Импортировать пакет из буфера»

Сетка Tilda мгновенно перестроится, а слои и интерактивы встанут на свои места.