Figma → Код

SCSS функции

toRem()Все px в rem adaptiveValue()Fluid clamp() gridCards()Grid-сетка карточек %extends%ibg, %hidescroll...

JS Модули — Layout 14

Spollersdata-spollers Tabsdata-tabs Popupdata-popup ShowMoredata-showmore SliderSwiper GalleryLightGallery FullpageПолноэкранные секции MasonryMasonry-сетка GridCSS Grid-система Before/AfterСравнение до/после DigCounterСчётчик цифр ChartГрафики/диаграммы MapКарта (Yandex/Google) Dynamic AdaptАдаптивная перестановка

JS Модули — Effects 14

CursorКастомный курсор DarkLiteТёмная/светлая тема GSAPGreenSock анимация MarqueeБегущая строка Mouse ParallaxПаралакс мышью ParallaxСкролл-паралакс PreloaderПрелоадер RippleRipple-эффект ScreenshotСкриншот страницы ScrollToПлавная прокрутка SplitTypeАнимация текста TippyТултипы WatcherIntersection Observer ZoomМасштабирование

JS Модули — Forms 13

FormОтправка формы ButtonКомпонент кнопки CheckboxЧекбоксы InputПоля ввода RadioРадиокнопки SelectВыпадающий список QuantityСчётчик количества RangeСлайдер диапазона RatingРейтинг/звёзды DatepickerВыбор даты NovaPoshtaНовая Почта API AddToCartКорзина _functionsУтилиты форм

Изображения и оптимизация

%ibgCover-изображения Lazy loadingdata-src WebPАвто-конвертация AVIFКонвертация в AVIF SVG спрайтыicons.svg#name editHTMLЗамена в HTML

JPEG Quality %

PNG Quality %

Шаблоны

PostHTML@@include() партиалы .wrapperОбёртка flex-column

Сборка (settings.scss)

$maxWidth

$maxWidthContainer

$containerPadding

$fontSize

$responsiveType 1 — Fluid (clamp) 2 — Breakpoint

$tablet

$mobile

$mobileSmall

Сервер

lang ru en uk

port

hostname

html_beautifyФорматировать HTML

Стили (CSS/SCSS)

pxtorempx в rem codesplitРазделение бандла

Шрифты (сборка)

iconsfontИконочный шрифт Download Google FontsСкачать и подключить локально

JS настройки

Hot ModulesHMR ReactJSX поддержка VueSFC поддержка

Навигационная панель

Показывать в dev Показывать в build

Позиция Справа Слева Снизу

SendMail (SMTP)

SMTP Host

SMTP Port

SMTP User

SMTP Password

From

To

Telegram

Bot Token

Chat ID

Уведомлять о формах Уведомлять о заказах