Шаблоны
Готовые сайты, секции и компоненты — HTML, Tailwind CSS, React. Скачивание сразу.
Компания фейерверк-шоу — сайт на React
Ночной сайт на React с пятью маршрутами для лицензированной пиротехнической компании: анимация фейерверков на canvas в шапке, пакеты шоу, страница безопасности и лицензий и конструктор шоу, который по площадке, длительности и эффектам считает число зарядов, состав бригады, безопасную дистанцию и вилку цены.
Служба транскрипции Брайля — сайт на React
Сайт на React с пятью маршрутами React Router для мастерской транскрипции Брайля: услуги, цены, контакты и живой переводчик печати в Брайль, который прямо при вводе показывает шеститочечные ячейки, знаки заглавной и цифры, число страниц и оценку стоимости.
Пельменная-кантина — сайт ресторана на пять страниц
Тёплый пятистраничный сайт пельменной с антиквой: коллаж в шапке, полное меню с фильтрами (веган, острое, без глютена), страница кухни и поставщиков, часы работы и доступность, а также модуль бронирования стола с реальными свободными посадками.
Бюро 3D-печати — сайт аддитивного производства
Пятистраничный тёмный технический сайт бюро аддитивного производства: таблица станков, страница процессов, качество и DFM, форма запроса и интерактивный лист характеристик материалов с фильтром по процессу или свойству и сравнением до трёх материалов.
Карточка входа и регистрации с 3D-переворотом
Один самостоятельный блок: карточка, которая переворачивается в 3D между входом и регистрацией, с плавающими подписями, живой валидацией, индикатором надёжности пароля, предупреждением о Caps Lock и анимацией успеха. Без фреймворков и библиотек — чистый CSS и JavaScript.
Кинематографичная слайд-карусель
Один премиальный компонент карусели: полноэкранные слайды с медленным эффектом Кена Бёрнса, поэтапное появление подписи, автопрокрутка с индикатором прогресса, пауза/воспроизведение, стрелки, точки, миниатюры и счётчик. Перетаскивание и свайп, стрелки клавиатуры, пауза при наведении, три режима перехода (Slide, Fade, Zoom). Без библиотек; учитывает prefers-reduced-motion.