К содержимому
webcraft
®
Веб-разработка / библиотека примеров
llms.txt
Мой пак
0
Библиотека
Собрать пак
2371 ассета · 40 анимаций · 40 примеров текста
Собрать свой пак
Собери навыки, выбери стиль и получи архив с инструкцией для агента.
Что ты создаёшь?
Интернет-магазин предметов для дома с выразительной типографикой, фильтрами, корзиной и 3D-объектом на главной.
Быстрый старт
Магазин
Визуальный лендинг
Сайт с 3D
Многостраничник
Дизайн и типографика
Выбрать группу
Принципиально разные дизайн-направления
Структура, набор и характер вместо перекрашивания.
Визуальное направление
Характер сайта: композиция, палитра и материалы.
Fluid typography
Шкала размеров, заголовки и аккуратные переносы.
Дизайн-токены
Связанные цвета, отступы, радиусы и состояния.
Редакционная сетка
Асимметрия, длинные материалы и ритм.
Доступные компоненты
Клавиатура, фокус и понятные состояния.
Адаптивная композиция
Мобильная версия как самостоятельный сценарий.
Архитектура сайта
Выбрать группу
Переносимая библиотека ассетов
Локальный индекс, выбранные файлы и происхождение.
Многостраничная архитектура
Маршруты, общие оболочки и страницы.
Контент и SEO
Метаданные и индексируемый контент.
Библиотека для агентов
llms.txt, JSON-реестр и переносимые исходники.
Формы и валидация
Ошибки, ожидание и повторная попытка.
Каталоги и e-commerce
Выбрать группу
Каталог и фильтры
Поиск, категории, сортировка и URL.
Корзина
Количество, итог и сохранение на устройстве.
Карточка товара
Варианты, наличие и добавление в корзину.
Checkout
Проверка заказа и серверный расчёт.
Остатки и заказы
Транзакции и конкурентные заказы.
Анимация и эффекты
Выбрать группу
SVG-фильтры для типографики
Жидкие буквы, чернила, контур и текст по кривой.
Непрерывность при перестановке
FLIP, индикаторы вкладок и раскрытие карточек.
Жесты и управление без мыши
Перетаскивание, snap-точки и свайп карточек.
Пружинные взаимодействия
Инерция и прерываемое движение.
Magnetic hover
Кнопка следует за курсором.
Scroll parallax
Разная скорость слоёв без перехвата скролла.
Sticky scroll story
Закреплённая сцена и главы.
Text reveal
Построчное появление без скрытого контента.
Переходы между страницами
Смена контекста с надёжным fallback.
Бесшовная строка
Непрерывное движение с паузой.
3D и WebGL
Выбрать группу
Каталоги открытых ассетов
Поиск, источник, автор и лицензия до импорта в проект.
Импорт glTF со всеми зависимостями
Файл сцены, геометрия и текстуры работают вместе.
Свет и отражения HDRI
Предметная студия, интерьер и естественное окружение.
Настоящие PBR-карты
Base color, normal, roughness, metalness и occlusion.
Бюджет тяжёлых 3D-сцен
Загрузка по выбору, 1K-карты, один рендерер и очистка.
Физическое стекло
Преломление, толщина, прозрачность и стеклянная птица.
PBR-материалы
Металл, медь, хром, керамика и мягкие покрытия.
Процедурные текстуры
Шлифовка, мрамор, дерево, бетон и углеволокно.
Экспорт GLB и ассетов
Модели, материалы и текстуры для другого проекта.
WebGL foundation
Сцена, камера, свет и освобождение GPU.
3D от курсора
Ограниченный поворот и сглаживание.
3D от скролла
Ракурс объекта по прогрессу секции.
Процедурные 3D-объекты
36 редактируемых моделей для разных сфер.
Производительность 3D
Ленивая загрузка, DPR и статические альтернативы.
Бэкенд и данные
Выбрать группу
API contracts
Валидация, статусы и предсказуемые ответы.
SQLite и транзакции
Атомарные изменения и параметризованные запросы.
Границы авторизации
Сессии и доступ к серверным операциям.
Устойчивые запросы
Таймаут, отмена и защита от старых ответов.
Валидация и лимиты
Границы доверия и безопасные ошибки.
Собрать пак · WEBCRAFT