Библиотека паттернов

Стартовые
решения

Не начинайте с чистого листа. Используйте готовые геометрические шаблоны для дашбордов, магазинов и контента, спроектированные в системе Формли.

Открыть каталог Документация
Пример интерфейса Формли

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

Каждый шаблон в нашей системе — это не просто картинка, а набор логически связанных компонентов.

Мы используем сетку 12 колонок с модульным шагом 8px. Это гарантирует, что любые блоки можно перемещать, заменять или удалять, не нарушая визуального ритма. Адаптивность заложена в структуру CSS Grid, а не в медиа-запросы.

  • Pixel-perfect верстка
  • Семантическая разметка HTML5
  • CSS переменные для темизации

SaaS Dashboards

Смотреть все 12 шаблонов →
PREVIEW: CRM PRO

CRM PRO

PRO

Сложные таблицы данных, фильтры и аналитика продаж. Оптимизировано для высокой плотности информации.

ReactSCSS
PREVIEW: ANALYTICS

Analytics Hub

NEW

Визуализация графиков и KPI виджеты. Фокус на типографике чисел и контрасте.

Vue 3JS
PREVIEW: ADMIN CORE

Admin Core

FREE

Базовая структура админ-панели. Сайдбар, хедер и рабочая область с пагинацией.

HTMLCSS

E-commerce Storefronts

Смотреть все 8 шаблонов →
PREVIEW: FASHION GRID

Fashion Grid

Асимметричная сетка для каталогов одежды. Акцент на визуале, минимальная типографика. Включает компонент быстрого просмотра (Quick View).

PREVIEW: TECH SPEC

Tech Spec

Карточка товара с акцентом на характеристики. Таблицы спецификаций, сравнение моделей и строгая иконографика.

Content-heavy Blogs

Смотреть все 5 шаблонов →

Editorial Classic

Классическая верстка с одной колонкой текста и боковой панелью. Идеально для лонгридов и интервью.

Читабельность Высокая

News Feed

Плотная лента новостей с превью-изображениями. Оптимизировано для сканирования контента.

Читабельность Средняя

Minimalist Typography

Только текст. Крупные заголовки, много воздуха. Для философии и манифестов.

Читабельность Максимальная
25+
Готовых паттернов
3
Основные категории
0ms
Время рендеринга
MIT
Лицензия

Начните с системы

Скачайте полный архив паттернов в форматах Figma и HTML/CSS. Обновления включены в подписку.

Скачать паттерны Купить лицензию

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

Можно ли использовать шаблоны в коммерческих проектах?

Да, при наличии активной лицензии или подписки. Вы можете использовать компоненты для клиентских проектов без дополнительных отчислений.

Как часто обновляется библиотека?

Мы выпускаем крупные обновления раз в квартал (каждые 3 месяца) и мелкие фиксы по мере необходимости. Все обновления бесплатны.

Есть ли поддержка темной темы?

Все шаблоны изначально спроектированы для темной темы (Dark Mode). Светлая тема доступна как расширение через CSS переменные.