Simple Layout 2

Модульный CSS/JS фреймворк для быстрой разработки современных адаптивных сайтов в современной стилистике

Скачать бесплатно Примеры
24
Колонки сетки
8
Брейкпоинтов
100%
Адаптивность
0
Зависимостей

Почему Simple Layout 2?

Всё, что нужно для современной веб-разработки

24-колоночная сетка

Гибкая система с 8 брейкпоинтами для точного контроля макета на любых устройствах.

Модульная архитектура

Подключайте только нужные компоненты. CSS Variables для лёгкой кастомизации.

Готовые компоненты

Навигация, модальные окна, вкладки, формы, таблицы — всё из коробки.

ES6 JavaScript

Чистый код без jQuery. Модули, утилиты, AJAX-обёртки и валидация форм.

Простой и понятный код

Пишите семантическую разметку, а фреймворк позаботится о стилях и поведении.

  • ✅ Mobile-first подход
  • ✅ CSS Variables для темизации
  • ✅ Доступность (a11y) из коробки
  • ✅ Оптимизация для производительности
Читать документацию → 
<!-- Адаптивная сетка -->
<div class="outer">
  <div class="all-24 tablet-8">
    <!-- 100% на мобильном, 33% на планшете -->
  </div>
</div>

<!-- Кнопка с hover-эффектом -->
<button class="btn btn-primary">
  Нажать
</button>

<!-- Модальное окно -->
<button data-modal-open="myModal">
  Открыть
</button>

Готовы начать?

Скачайте Simple Layout 2 бесплатно и создайте свой первый проект за 5 минут

🚀 Скачать фреймворк