Перейти к содержанию
Без фреймворков

Гладкий, быстрый и самодостаточный сайт — прямо в одном файле

Тёмная тема, табы, слайдер, модальное окно и валидируемая форма. Всё на чистом HTML/CSS/JS — лёгкий как поплавок в безветренную погоду.

Посмотреть возможности → Написать нам
Что внутри:
  • Адаптивная сетка, sticky‑меню и плавная прокрутка
  • Табы с контентом и галерея с <dialog>‑модалкой
  • Слайдер отзывов + аккордеон FAQ
  • Форма с валидацией и сообщением об отправке

О проекте

Шаблон, который не требует сборки. Подходит для лендингов, мини‑сайтов и демо. Легко переименовать секции, заменить палитру и выложить на любой статичный хостинг.

Производительность

Один файл, ноль зависимостей — быстрые загрузки и счастливый Lighthouse.

Доступность

Фокусы, ARIA‑атрибуты и понятная структура. Клик — и всё ясно.

Модульность

Компоненты можно копировать между проектами как воблеры по коробкам.

Возможности

Переключай вкладки и смотри, что уже встроено.

Карточки

Универсальные блоки с тенями и скруглениями.

Адаптив

Сжимается до одной колонки на телефоне.

Утилиты

Готовые классы .grid, .cols‑N, .card.

Табы

Клавиатурная навигация и ARIA.

Модальное окно

Чистый <dialog> с управлением фокусом.

Элементы появляются мягко, когда попадают в зону видимости — IntersectionObserver делает красиво без нагрузки.

Просмотр
Просматриваемое изображение

Тарифы

Прозрачно как первая вода на весенней разливе.

Старт
0 ₽
Для проб и экспериментов
  • Базовые секции
  • Лёгкая настройка
  • Поддержка по документации
Популярный
990 ₽
Оптимальный набор
  • Тёмная тема и галерея
  • Слайдер отзывов
  • Приоритетные ответы
Профи
2 900 ₽
Для серьёзных задач
  • Модули под ключ
  • Расширенные компоненты
  • Персональная поддержка

Отзывы

“Развернул сайт за вечер. Быстрее, чем собрать спиннинг.” — Иван
“Табы, модалки, тёмная тема — и всё это без зависимостей. Красота.” — Мария
“Легко подкрутил цвета и сетку под свой бренд.” — Егор

Частые вопросы

Нужны ли библиотеки?
Нет. Всё написано на чистом HTML/CSS/JS. Можно копировать по разделам.
Как сменить цвета?
Поменяйте переменные в :root. Для тёмной темы используется класс .theme-dark.
Где хранится выбор темы?
В localStorage — ключ theme (values: dark / light).
Можно ли расширять?
Да: добавьте новые секции, замените плитки галереи реальными изображениями, подключите аналитику.

Контакты

Напишите пару строк — ответим оперативно.

Мы не отправляем данные на сервер — это демо.