● v2.0.0 · мульти-фреймворк

Дизайн-система i-free 2026
во всех вариантах

Одна брендовая палитра (Base · Dawn · Aurora), одни токены — четыре фреймворка, по две глубины. Выберите витрину и откройте её ниже.

Открыть флагман-витрину → Блоки для импорта

40+элементов

4фреймворка

9демо-сборок

2темы

Standalone — без сборки

Открывается двойным кликом, работает на этом же сервере. Ноль зависимостей.

Флагман-витрина

Полная витрина i-free: токены, типографика, кнопки, формы, alerts, tabs, modal, таблицы, hero-блоки — 40+ элементов.

открывается сразуHTML+CSSv2.0.0

Vanilla HTML+CSS

Чистый HTML/CSS, токены подключены через единый ifree-tokens.css. Два варианта глубины.

lite →full →

Фреймворк-сборки

Полноценные стартеры. Запуск: npm install && npm run dev в нужной папке.

React + Vite + Tailwind build

React 19, Tailwind v4 через @theme. lite — 8 компонентов, full — 27 + 4 блока.

lite full

Vue 3 + Vite build

Composition API, <script setup>, SFC. lite — 8, full — 24 компонента + 4 блока.

lite full

Next.js App Router build

Next 15, RSC + "use client", токены в globals.css. lite — 8, full — 25 + 4 блока.

lite full

Единый источник токенов

Все сборки импортируют один файл. Re-skinning — только значения, имена токенов не меняются.

tokens/ifree-tokens.css

Как смотреть фреймворк-сборки. Ссылки lite/full ведут в папки проектов. Чтобы увидеть их в браузере, в папке проекта выполните npm install && npm run dev — это создаст свой dev-сервер. Vanilla-витрины и флагман открываются прямо здесь, без установки.