K&S Mods v0.5 · drop-in ui library

K&S MODS
187 МОДУЛЕЙ
ДЛЯ ЛЮБОГО САЙТА.

↓ ОДНА СТРОЧКА В HEAD — РАБОТАЕТ WORDPRESS · CS-CART · ASTRO · NEXT · BITRIX · TILDA · КАСТОМ HTML ZERO DEPENDENCIES · 3KB GZIP LOADER · LAZY-LOAD

ПРИМЕРЫ НА РЕАЛЬНЫХ САЙТАХ

6 КЛЮЧЕВЫХ МОДУЛЕЙ · СКРОЛЛ ВНИЗ
01 · CARDS
Карточки товаров
26 модулей · grids · hover-swap · quickview · wishlist · compare
02 · STICKY PIN
Lookbook hero
6 mode'ов · simple · scale · fade · parallax · reveal · horizontal
03 · COMMERCE
E-commerce фишки
32 модуля · filter · compare · zoom · 360° · size-chart · reviews · bundle
04 · TEXT
Анимированная типографика
split · typing · glitch · stroke · gradient · scramble · 3d-marquee
05 · EFFECTS
Marquee + parallax
29 эффектов · marquee · parallax · cursor · gradient-bg · scroll-velocity
06 · UTILITY
29 мелочей
toast · share · qr · cookie · dark-mode · tooltip · modal · drawer · cart-count

УСТАНОВКА ЗА 30 СЕКУНД

3 STEPS · NO BUILD
STEP 01 · HEAD CODE

В <head> любого сайта (Tilda → Настройки → Ещё → HEAD · WordPress → header.php · CS-Cart → шаблон · Astro/Next → layout · кастом HTML):

<script src="https://cdn.ksmods.ru/v1/loader.min.js"></script>
STEP 02 · CLASSES

Добавь нужные CSS-классы на элементы (в Zero Block через атрибуты, в React/Vue через className, в шаблоне напрямую):

<section class="ks-sticky-pin">Заголовок прилипает к верху</section>
<img class="ks-zoom-in" src="photo.jpg">
<div class="ks-marquee">ANKER · OCEAN · SURF · 2026</div>
<button class="ks-product-compare-add" data-name="ANKER 3/2">+ В сравнение</button>
STEP 03 · PUBLISH

Готово. MutationObserver слушает динамический контент (Tilda Store, AJAX-загрузка карточек, hydration на React) и применяет моды к новым элементам автоматически.

РАБОТАЕТ ВЕЗДЕ

vanilla JS · zero deps · drop-in
TILDAZero Block + Store · продакшн на ankercompany.store CS-CARTчерез шаблоны · freshli.market случай WORDPRESSчерез header.php или плагин Code Snippets BITRIXв шаблон сайта /local/templates/.default/header.php SHOPIFYв theme.liquid → {%- comment -%} insert <script> WEBFLOWSettings → Custom Code → Head ASTRO / NEXTв layout-компонент или _document.tsx КАСТОМ HTMLлюбой статический сайт

18 КАТЕГОРИЙ

187 modules · CLICK to explore
01 · EFFECTS29 mods 02 · PRODUCT CARDS26 mods 03 · COMMERCE PRO32 mods 04 · TEXT7 mods 05 · IMAGE7 mods 06 · CART5 mods 07 · E-COMMERCE8 mods 08 · NAVIGATION4 mods 09 · LAYOUT9 mods 10 · ANIMATIONS2 mods 11 · MEDIA6 mods 12 · FORMS12 mods 13 · INTERACTIONS4 mods 14 · LOADERS4 mods 15 · QUIZ1 mod 16 · MAP1 mod 17 · UTILITY29 mods 18 · SEO1 mod

FREE. PRO ДЛЯ АГЕНТСТВ.

3 PLANS · CANCEL ANYTIME
FREE
0 навсегда
Все 187 модулей
CDN с CORS
Документация
Сообщество (TG)
УСТАНОВИТЬ →
PRO · AGENCY
3 990 ₽/год
Всё из Free
Приоритетная поддержка
5 кастом-модулей
White-label CDN
SLA 24h
СВЯЗАТЬСЯ →
ENTERPRISE
по запросу
Self-hosted CDN
Кастом модули
Личный менеджер
On-premise
ОБСУДИТЬ →
© 2026 K&S Digital Agency V0.5.0 · MADE IN RUSSIA · MIT-LOADER