Мы используем куки для лучшего пользовательского опыта. Если вы согласны с нашей политикой конфиденциальности, то нажмите кнопку "Принять все"
Cookie Settings
Cookies necessary for the correct operation of the site are always enabled.
Other cookies are configurable.
Essential cookies
Always On. These cookies are essential so that you can use the website and use its functions. They cannot be turned off. They're set in response to requests made by you, such as setting your privacy preferences, logging in or filling in forms.
Analytics cookies
Disabled
These cookies collect information to help us understand how our Websites are being used or how effective our marketing campaigns are, or to help us customise our Websites for you. See a list of the analytics cookies we use here.
Advertising cookies
Disabled
These cookies provide advertising companies with information about your online activity to help them deliver more relevant online advertising to you or to limit how many times you see an ad. This information may be shared with other advertising companies. See a list of the advertising cookies we use here.
TAP
CODE

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

В КОРЗИНУ

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

700 р

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

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

АНИМАЦИЯ Блоков "появление"

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

АНИМАЦИЯ блоков "ступенчатая"

В КОРЗИНУ
Эти коды предназначены для анимации блоков, состоящих из нескольких элементов, которые будут анимироватся по отдельности с некоторой задержкой между ними. Это вопрос-ответ, ссылка, карусель картинок, вопросы и ответы, прайс лист, тарифы, мессенджеры, соц сети.
Имеют бесконечные варианты поведения анимируемых элементов. Так же вам будет доступна библиотека анимации — страница с коллекцией лучших анимаций, с удобным переносом понравившейся в ваш проект.
600 р
Что входит
  • 2 кода
  • видеоинструкция
  • текстовая инструкция к каждому коду
  • библиотека настроек анимации
Для "формы и платежи"
Для других, перечисленных в описании
Lottie
В КОРЗИНУ
Эти коды интегрируют Lottie-player в Таплинк.
Это один из самых мощных и популярных инструментов у веб-разработчиков со всего мира. Lottie-файл в 6 раз меньше GIF, что позволяет добавлять анимацию на сайт хорошего качества, не замедляя его.
И главное-он позволяет привязать любую отрисованную в фигме анимацию к триггеру скролла, появлении на экране или при нажатии на него!
Имейте ввиду, сервис Lottie позволяет хранить на 1 бесплатном аккаунте не более 10 файлов.
1900 р
Что входит:
  • 5 кодов + 1 код-прелоадер
  • видеоинструкция
  • текстовая инструкция к каждому коду
  • урок по отрисовке анимации в Figma
Для главного экрана
При появлении на странице
Проигрывание по скроллу (2 кода)
Проигрывание по тапу
Интерактивность
В КОРЗИНУ
Этот код работает с стандартным текстовым блоком и выводит числовые значения с текстом в заданных пределах.
500 р
Что входит:
  • 1 код + 1 код для "своего" блока
  • видеоинструкция
  • текстовая инструкция
Отсчет
В КОРЗИНУ
Этот код позволяет сделать из стандартных блоков перетаскиваемые элементы.
700 р
Что входит:
  • 1 код + 1 код для "своего" блока
  • видеоинструкция
  • текстовая инструкция
Перетаскиваемые элементы
В КОРЗИНУ
Этот код создает экран блокировки, состоящий из баннера или видео. После передвижения ползунка вправо, экран блокировки исчезает и показывает страницу.
500 р
Что входит:
  • видеоинструкция
  • текстовая инструкция
Разблокировка страницы
Параллакс/скролл
В КОРЗИНУ
Этот код взаимодействуют с любым стандартным блоком, позволяя применить к нему эффект параллакса. Параллакс по скроллу изменяет положение элемента пропорционально пролистыванию страницы.
800 р
Что входит:
  • 1 код + 1 код для "своего" блока
  • видеоинструкция
  • текстовая инструкция
Параллакс по скроллу
В КОРЗИНУ
Этот код взаимодействуют с любым стандартным блоком, применяя к нему эффект параллакса. Липкий параллакс останавливает элемент на определенной высоте экрана до полной прокрутки секции, в которой он находится.
500 р
Что входит:
  • 1 код + 1 код для "своего" блока
  • видеоинструкция
  • текстовая инструкция
Липкий параллакс
В КОРЗИНУ
Этот код работает с любыми стандартными блоками. Выстраивает в ряд блоки, объединенные в секцию, и прокручивает по горизонтали пропорционально пролистыванию страницы.
1200 р
Что входит:
  • видеоинструкция
  • текстовая инструкция
Горизонтальный скролл
типографика
В КОРЗИНУ
При помощи этого кода вы можете выделять фрагменты текста. Например изменить шрифт первой буквы или любого слова, выделить ключевые слова маркером, заключить их в рамку, увеличить или уменьшить размер шрифта, выделить текст тенями.
400 р
Что входит:
  • 1 код
  • видеоинструкция
  • текстовая инструкция
Выделение текста
В КОРЗИНУ
Этот код работает с стандартными блоками, содержащими текст. Позволяет импортировать шрифт с Google Fonts и CDN fonts и привязать к определенному блоку. Так же позволяет изменить размер шрифта с адаптацией для ПК.
400 р
Что входит:
  • 1 код + 1 код для "своего" блока
  • видеоинструкция
  • текстовая инструкция
Импорт и изменение шрифта в стандартных блоках
pop-up и раскрывашки
В КОРЗИНУ
Код управляет 2 стандартными баннерами. Первый из которых является кнопкой, при клике на которую появляется второй баннер, изначально скрытый.
Второй баннер имеет 2 активные области сверху и снизу. При клике сверху, он закрывается. При клике снизу- переходим по ссылке. Так же баннер можно смахнуть свайпом.
500 р
Что входит:
  • 1 код + 1 код для "своего" блока
  • видеоинструкция
  • текстовая инструкция
Появляющийся по клику баннер
В КОРЗИНУ
Код управляет 2 стандартными блоками. Первый из которых является кнопкой (текст или баннер), при клике на которую появляется второй блок (любой), изначально скрытый.
500 р
Что входит:
  • 1 код + 1 код для "своего" блока
  • видеоинструкция
  • текстовая инструкция
Раскрывашка
В КОРЗИНУ
Код управляет стандартными блоками. Первые из которых являются вкладками(текстовые или баннеры), при клике на которые переключаются блоки(любые), изначально скрытые.
600 р
Что входит:
  • 1 код
  • видеоинструкция
  • текстовая инструкция
Табы
В КОРЗИНУ
Код управляет 2 стандартными блоками . Первый из которых является кнопкой(текст или баннер), при клике на которую появляется второй блок (любой), становясь приоритетным элементом страницы.
600 р
Что входит:
  • 1 код + 1 код для "своего" блока
  • видеоинструкция
  • текстовая инструкция
Pop-up
В КОРЗИНУ
Код управляет любыми стандартными блоками, объединенными в секцию. Выстраивает эти блоки вряд и позволяет их пролистывать вбок. Присутствует анимация, которая дает понять пользователю, что эту секцию можно листать вбок.
500 р
Что входит:
  • 1 код
  • видеоинструкция
  • текстовая инструкция
Секция с горизонтальным пролистыванием
интеграция медиа и 3d
В КОРЗИНУ
Код позволяет интегрировать 3D объекты из сервиса Spline. Изменяет расположение и размер объекта, скрывает логотип для бесплатного аккаунта. В Spline вы найдете неограниченное количество общедоступных 3D объектов и анимаций, а значит, вам не придется заниматься 3D моделированием, чтобы получить крутой эффект на странице.
700 р
Что входит:
  • 2 кода
  • видеоинструкция
  • текстовая инструкция
Интеграция 3D из Spline
В КОРЗИНУ
Код позволяет интегрировать аудио. Первый код предназначен для проигрывания трека при клике на стандартный баннер. Второй код отображает аудиоплеер с органами управления.
Требуется личный хостинг для хранения аудиофайла и получения прямой ссылки на него.
400 р
Что входит:
  • 2 кода
  • видеоинструкция
  • текстовая инструкция
Интеграция аудио
Пак "tap code"
В КОРЗИНУ
13900 р
Что входит:

  • все 29 кодов
  • видеоинструкции и уроки
  • текстовые инструкции к каждому коду
  • обучающие видео
  • библиотека анимаций
  • 2 месяца обратной связи
[ отзывы ]
что, если я новичок в кодах?
В этом нет никакой проблемы! Видеоуроки длительностью несколько минут и текстовые инструкции содержат всю необходимую информацию для работы с кодами. Поэтому вы сможете использовать коды независимо от уровня ваших знаний 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
арт.0018
900
р.
р.
Выделение текста
арт.0019
500
р.
р.
Пак TAP CODE
арт.0020
12000
р.
р.
Интеграция аудио
арт.0021
400
р.
р.
Секция с горизонтальным пролистыванием
500
р.
р.
Разблокировка страницы
арт.0023
500
р.
р.
Made on
Tilda