UI библиотека / Open Source

TechOne UI — матричная библиотека компонентов

Набор готовых компонентов интерфейса с тёмной темой по умолчанию, AI‑фоном и чистым ванильным JavaScript — без внешних зависимостей.

Бета-тестирование v1.01.2b • MIT без фреймворков и сборщиков

О библиотеке

TechOne UI — это матричная версия набора UI‑компонентов: кнопки, карточки, баннеры, таблицы, таймлайны, тултипы и многое другое на чистом HTML, CSS и JS.

Библиотека создавалась как лёгкий способ добавить «матрицу» и продуманный интерфейс в проекты: админ‑панели, дашборды, AI‑инструменты, лендинги и внутренние сервисы.

Все компоненты работают из коробки: подключаете один файл `techon-ui.min.js`, пишете семантическую вёрстку и добавляете классы `to-*`. Темing, анимации и интерактивность библиотека берёт на себя.

Ключевые компоненты

Набор базовых и продвинутых элементов интерфейса, закрывающий типовые сценарии современных веб‑приложений.

Базовые элементы

Кнопки, бейджи, теги, карточки, баннеры, иконки и кнопки‑иконки — всё в едином матричном стиле.

Структура и навигация

Flex и grid‑контейнеры, хлебные крошки, таймлайн, таблицы, аккордеоны, дропдауны — для сложных интерфейсов.

Состояния и микровзаимодействия

Спиннеры, скелетоны, индикаторы статуса, пульсации, тултипы, кнопка наверх, модальные диалоги и AI‑фон.

Технологический стек библиотеки

Никаких тяжёлых фреймворков — только устойчивые стандарты и один подключаемый файл.

TechOn UI

Библиотека UI‑компонентов с матричным визуалом, тёмной темой по умолчанию и переключателем светлой темы.

Кнопки Карточки

Чистый HTML + CSS + JS

Библиотека написана на ванильном JavaScript: легко подключается в любые стек‑проекты и статику.

Кроссбраузерность

Используются только устойчивые стандарты: flexbox, grid, медиазапросы, MutationObserver и нативные браузерные API.

Этапы развития TechOn UI

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

Первые компоненты

Базовые кнопки, карточки и сетки для личных pet‑проектов.

Матричная версия

AI‑фон, тёмная тема по умолчанию, анимации и расширенный набор компонентов.

Документация и экосистема

Больше примеров, шаблоны интерфейсов и рекомендации по интеграции в проекты.