Мы используем Cookie. Если вы продолжаете использовать наш сайт, то соглашаетесь с нашей политикой конфиденциальности
OK
TAP
CODE

[ о платформе TAP CODE ]

HTML коды для Taplink, которые вы здесь найдете, мы используем сами. Каждый из них тестировался на реальных сайтах и дорабатывался, если нас что‑то не устраивало. Это сделало их максимально удобными и надёжными.

На Таплинке нам больше всего не хватало анимации, поэтому основная часть кодов написана для анимации стандартных блоков. Остальные коды расширяют функционал Таплинка. Например раскрывашки, поп-ап и т. д.

Здесь то, что повысит уровень

ваших проектов
и улучшит UX ваших сайтов

Привет!

Если ты сейчас сомневаешься, то попробуй наш бесплатный код.
Чтобы его получить, нужно пройти регистрацию на сайте и он появится в твоём личном кабинете.
[ что вы получите ]
простая интеграция
Универсальность
Поддержка

Наши коды работают со стандартными блоками Taplink.

  • легкое внесение правок
  • быстрая загрузка страницы
  • без использования сторонних хостингов
  • легкая верстка

Для того, чтобы HTML код работал с нужным блоком, мы используем функционал Таплинка.
В настройках блока присваиваем ему имя, и указываем это же имя в коде.

  • один код на несколько элементов страницы
  • удобная логика работы с кодами
  • возможность применения нескольких кодов к одному блоку

Мы заботимся о вас.

  • доступ к библиотеке анимаций с удобным переносом настроек в свой проект
  • обратная связь в течение 2 месяцев
  • множество уроков и примеров применения кодов

простая интеграция
Универсальность
Поддержка

Наши коды работают со стандартными блоками Taplink.

  • легкое внесение правок
  • быстрая загрузка страницы
  • без использования сторонних хостингов
  • легкая верстка

Для того, чтобы HTML код работал с нужным блоком, мы используем функционал Таплинка.
В настройках блока присваиваем ему имя, и указываем это же имя в коде.

  • один код на несколько элементов страницы
  • удобная логика работы с кодами
  • возможность применения нескольких кодов к одному блоку

Мы заботимся о вас.

  • доступ к библиотеке анимаций с удобным переносом настроек в свой проект
  • обратная связь в течение 2 месяцев
  • множество уроков и примеров применения кодов

АНИМАЦИЯ ТЕКСТА

В КОРЗИНУ

Эти коды анимируют стандартные текстовые блоки.
Имеют бесконечные варианты поведения анимируемых элементов. К кодам прилагаются текстовая и видео — инструкции. Так же вам будет доступна библиотека анимации — страница с коллекцией лучших анимаций, с удобным переносом понравившейся в ваш проект.

2400 р

Что входит:
  • 4 кода
  • видеоинструкция
  • текстовая инструкция к каждому коду
  • библиотека настроек анимации

По буквам из маски
По буквам без маски
По словам
Бесконечная текстовая карусель
В КОРЗИНУ

Вводим текст, вставляем в код svg-линию, и текст бежит по этой линии.

700 р

Что входит:
  • 1 код
  • видеоинструкция
  • текстовая инструкция

Бегущий текст
В КОРЗИНУ
Получаем эффект рукописного текста.
Требуется работа в Figma. Есть ограничения- не более 2-4 таких анимаций на одной странице.
1200 р
Что входит:
  • 1 код
  • видеоинструкция
  • текстовая инструкция
Рукописный текст

АНИМАЦИЯ БАННЕРОВ

В КОРЗИНУ
Эти коды предназначены для анимации блоков «баннер». Но так же подходят для любого стандартного блока, если к нему необходимо применить анимацию fade in.
Имеют бесконечные варианты поведения анимируемых элементов. Так же вам будет доступна библиотека анимации — страница с коллекцией лучших анимаций, с удобным переносом понравившейся в ваш проект.
1200 р
Что входит
  • 2 кода
  • видеоинструкция
  • текстовая инструкция к каждому коду
  • библиотека настроек анимации
Fade in стандартного блока
С наложением на следующий блок

АНИМАЦИЯ блоков

В КОРЗИНУ
Эти коды предназначены для анимации блоков, состоящих из нескольких элементов- это вопрос-ответ, ссылка, карусель картинок, вопросы и ответы, прайс лист, тарифы, мессенджеры, соц сети.
Имеют бесконечные варианты поведения анимируемых элементов. Так же вам будет доступна библиотека анимации — страница с коллекцией лучших анимаций, с удобным переносом понравившейся в ваш проект.
600 р
Что входит
  • 2 кода
  • видеоинструкция
  • текстовая инструкция к каждому коду
  • библиотека настроек анимации
Для "формы и платежи"
Для других, перечисленных в описании
Lottie
В КОРЗИНУ
Эти коды интегрируют Lottie-player в Таплинк.
Это один из самых мощных и популярных инструментов у веб-разработчиков со всего мира. Lottie-файл в 6 раз меньше GIF, что позволяет добавлять анимацию на сайт хорошего качества, не замедляя его.
И главное-он позволяет привязать любую отрисованную в фигме анимацию к триггеру скролла, появлении на экране или при нажатии на него!
Имейте ввиду, сервис Lottie позволяет хранить на 1 бесплатном аккаунте не более 10 файлов.
2400 р
Что входит:
  • 5 кодов + 1 код-прелоадер
  • видеоинструкция
  • текстовая инструкция к каждому коду
  • урок по отрисовке анимации в Figma
Для главного экрана
При появлении на странице
Проигрывание по скроллу (2 кода)
Проигрывание по тапу
Интерактивность
В КОРЗИНУ
Этот код работает с стандартным текстовым блоком и выводит числовые значения с текстом в заданных пределах.
600 р
Что входит:
  • 1 код
  • видеоинструкция
  • текстовая инструкция
Отсчет
В КОРЗИНУ
Этот код позволяет сделать из стандартных блоков перетаскиваемые элементы.
800 р
Что входит:
  • 1 код
  • видеоинструкция
  • текстовая инструкция
Перетаскиваемые элементы
Параллаксы/скролл
В КОРЗИНУ
Этот код взаимодействуют с любым стандартным блоком, позволяя применить к нему эффект параллакса. Параллакс по скроллу изменяет положение элемента пропорционально пролистыванию страницы.
900 р
Что входит:
  • видеоинструкция
  • текстовая инструкция
Параллакс по скроллу
Этот код взаимодействуют с любым стандартным блоком, применяя к нему эффект параллакса. Липкий параллакс останавливает элемент на определенной высоте экрана до полной прокрутки секции, в которой он находится.
600 р
Что входит:
  • видеоинструкция
  • текстовая инструкция
Липкий параллакс
В КОРЗИНУ
Этот код работает с любыми стандартными блоками. Выстраивает в ряд блоки, объединенные в секцию, и прокручивает по горизонтали пропорционально пролистыванию страницы.
1200 р
Что входит:
  • видеоинструкция
  • текстовая инструкция
Горизонтальный скролл
Шрифты и размеры
В КОРЗИНУ
Этот код работает с стандартными блоками, содержащими текст. Позволяет импортировать шрифт с Google Fonts и CDN fonts и привязать к определенному блоку. Так же позволяет изменить размер шрифта с адаптацией для ПК.
400 р
Что входит:
  • 4 кода
  • видеоинструкция
  • текстовая инструкция
Импорт и изменение шрифта в стандартных блоках
В КОРЗИНУ
Этот код работает с стандартными текстовыми блоками. Позволяет задать размер и расположение текстового блока, в том числе и с наложением на следующий за ним контент.
400 р
Что входит:
  • 2 кода
  • видеоинструкция
  • текстовая инструкция
Изменение размеров и расположения текстового блока
pop-up и раскрывашки
В КОРЗИНУ
Код управляет 2 стандартными баннерами. Первый из которых является кнопкой, при клике на которую появляется второй баннер, изначально скрытый.
Второй баннер имеет 2 активные области сверху и снизу. При клике сверху, он закрывается. При клике снизу- переходим по ссылке. Так же баннер можно смахнуть свайпом.
600 р
Что входит:
  • 1 код
  • видеоинструкция
  • текстовая инструкция
Появляющийся по клику баннер
В КОРЗИНУ
Код управляет 2 стандартными блоками. Первый из которых является кнопкой (текст или баннер), при клике на которую появляется второй блок (любой), изначально скрытый.
600 р
Что входит:
  • 1 код
  • видеоинструкция
  • текстовая инструкция
Раскрывашка
В КОРЗИНУ
Код управляет стандартными блоками. Первые из которых являются вкладками(текстовые или баннеры), при клике на которые переключаются блоки(любые), изначально скрытые.
900 р
Что входит:
  • 1 код
  • видеоинструкция
  • текстовая инструкция
Табы
В КОРЗИНУ
Код управляет 2 стандартными блоками . Первый из которых является кнопкой(текст или баннер), при клике на которую появляется второй блок (любой), становясь приоритетным элементом страницы.
600 р
Что входит:
  • 1 код
  • видеоинструкция
  • текстовая инструкция
Pop-up
интеграция 3d
В КОРЗИНУ
Код позволяет интегрировать 3D объекты из сервиса Spline. Изменяет расположение и размер объекта, скрывает логотип для бесплатного аккаунта. В Spline вы найдете неограниченное количество общедоступных 3D объектов и анимаций, а значит, вам не придется заниматься 3D моделированием, чтобы получить крутой эффект на странице.
900 р
Что входит:
  • 2 кода
  • видеоинструкция
  • текстовая инструкция
Интеграция 3D из Spline
[ отзывы ]
что, если я новичок в кодах?
В этом нет никакой проблемы! Видеоуроки длительностью несколько минут и текстовые инструкции содержат всю необходимую информацию для работы с кодами. Поэтому вы сможете использовать коды независимо от уровня ваших знаний html. А если у вас что-то не получается, то смело пишите мне.
Так же вы можете зарегистрироваться на сайте и получить бесплатный пробный код. Попробуйте с ним поработать, и вы убедитесь, что все у вас получится.
Как я могу оплатить?
Если вы обладаете картой, выпущенной в РФ:
через Т-Банк (Тинькофф) можно оплатить дебетовой и кредитной картами без комиссии. Если по карте настроен кэшбэк, то Вы сможете получить бонус при оплате кодов. На платежной форме Т-Банка есть различные варианты оплаты: СБП, T-Pay, SberPay, MirPay. А так же доступна рассрочка на 3 месяца при покупке от 3 тыс. рублей.

Для оплаты зарубежной картой, вы можете воспользоваться платежной системой Продамус. Так же для жителей Казахстана доступна рассрочка от Фридомфинанс.
Будет ли обратная связь?
Если вы столкнетесь со сложностями при работе с кодами, у вас есть 2 месяца обратной связи, смело пишите мне в телеграм
Для чего личный кабинет?
При оплате вы указываете Email, который будет являться логином для входа в личный кабинет и на который мы отправим вам пароль для входа. В личном кабинете вы найдете все приобретенные коды. Поэтому важно использовать действительный Email, к которому у вас есть доступ.
все зависит только от вашей фантазии
[ информация для покупателя ]
ОГРНИП 324784700314003
ИП Белоус Александра Витальевна
ИНН 870100930863
Коды, которые вы здесь найдете, уникальны, и прошли регистрацию в Роспатенте.
Кража интеллектуальной собственности- это пользование творческими или интеллектуальными продуктами без согласия автора. Например, распространение или продажа их, даже после внесения изменений. Подробнее узнать о последствиях такой "предпринимательской деятельности" можно в ст. 1301 ГК РФ и ст. 146 УК.
Спасибо за понимание.
*принадлежит Meta.
Meta- запрещенная в России организация.
Анимация текста
1
1800
р.
р.
Анимация баннеров
2
900
р.
р.
Анимация других блоков
3
600
р.
р.
Анимация Lottie
арт.0004
2400
р.
р.
Отсчет
5
600
р.
р.
Перетаскиваемые элементы
6
600
р.
р.
Параллакс по скроллу
арт.0007
900
р.
р.
Горизонтальный скролл
8
1800
р.
р.
Импорт и изменение шрифта в стандартных блоках
9
200
р.
р.
Изменение размеров и расположения текстового блока
10
200
р.
р.
Появляющийся по клику баннер
11
600
р.
р.
Раскрывашка
12
600
р.
р.
Pop-up
13
600
р.
р.
Бегущий текст
14
700
р.
р.
Табы
арт.0015
800
р.
р.
Рукописный текст
арт.0016
1200
р.
р.
Параллакс липкий
арт.0017
600
р.
р.
3D
900
р.
р.
Анимация текста
100
р.
р.
Анимация текста
100
р.
р.
Анимация текста
100
р.
р.
Анимация текста
100
р.
р.
Пробная оплата
арт.0023
50
р.
р.
Made on
Tilda