Open source проект

Мой UI kit из 2023 года

Open source UI kit, созданный Сергеем Солодом в 2023 году ещё до бума ИИ. На странице собраны компоненты, локализованные демо и проект, который я долго использовал в реальной работе.

17интерактивных демо
2023создан в 2023
GitHubopen source репозиторий

Сделан до бума ИИ и долго использовался в работе

Это не сгенерированный showcase, а мой оригинальный frontend-kit с формами, кнопками, модалками, таблицами, графиками, календарями, навигацией и загрузкой файлов, который я долго использовал до того, как открыл исходный код внутри JSVar.

Поля ввода

Поля текста, текстового поля, телефона, электронной почты и пароля с проверкой.

Кнопки

Первичные, вторичные, компактные, отключенные и пользовательские действия.

Поля выбора

Одиночный и множественный выбор для простых значений и массивов объектов.

Загрузка

Блокировка состояния загрузки для асинхронных действий.

Аккордеон

Расширяемый блок контента с возможностью открытия по одному за раз.

Сообщения

Сообщения об успехе и ошибках с действием подтверждения.

Модальный

Диалоговое окно подтверждения с четкими потоками принятия и отмены.

Пагинация

Редактируемый ввод страницы с ограниченными элементами управления «Предыдущий» и «Следующий».

Переключатель

Компактное логическое управление для простых настроек продукта.

Всплывающая панель

Всплывающая панель для второстепенных деталей и контекстного чтения.

Языки

Демо-версия средства выбора языка, построенная на основе метаданных JSVar для 21 локали.

Таблицы

Основные таблицы, сведения о строках и тепловые карты плотности.

Диаграммы

Демонстрации составных, сгруппированных, смешанных, линейных, площадных и круговых диаграмм.

Календари

Выбор локализованной даты для парных начальных и конечных значений.

Перетаскивание файлов

Целевой файл перетаскивания с соответствующим действием загрузки.

Навигация

Внутримодульная навигация по разделам из той же модели раздела.

Заглушка

Защитное наложение для незавершенных состояний или состояний, ограниченных областью просмотра.

Витрина

Компонентная игровая площадка

Используйте боковую панель, чтобы просмотреть каждое семейство компонентов и протестировать перенесенное поведение.

Текущий раздел

01/17

Поля ввода

Поля текста, текстового поля, телефона, электронной почты и пароля с проверкой.

РусскийRU

Текущий раздел

Поля ввода

Поля текста, текстового поля, телефона, электронной почты и пароля с проверкой.

Символы: 0/1000

Стандартное поле

Это поле содержит недопустимое значение.

Проверено на размытие

С предложениями доменов

10+ символов, смешанный регистр, цифра, символ