Vexura
Vexura UI Library

Архитектура
цифровых интерфейсов

Погрузитесь в нашу экосистему высоконагруженных компонентов. От базовых кнопок до сложных финансовых дашбордов — всё создано для финтеха и Web3.

Открыть библиотеку Посмотреть код
Vexura UI Component Grid

Интерактивные элементы управления

Атомарные компоненты, формирующие основу пользовательского опыта.

🔘

Кнопки и действия

12 вариаций кнопок: от Primary Gradient до Ghost и Skeleton loaders. Поддержка состояний hover, active, disabled и loading с микроанимациями.

📝

Поля ввода

Валидация в реальном времени, автоформатирование для крипто-адресов и числовых полей. Поддержка иконок и подсказок (helper text).

💳

Карточки данных

Контейнеры для отображения транзакций, портфелей и метрик. Встроенная поддержка glassmorphism и теней для глубины.

Навигация и макеты

Гибкая сетка и компоненты навигации, которые адаптируются под любой размер экрана.

  • Sidebar & Drawer: Боковые панели с поддержкой вложенных меню.
  • Top Navigation: Фиксированные хедеры с эффектом размытия (backdrop-filter).
  • Grid System: 12-колоночная сетка с адаптивными отступами.

Обратная связь и данные

🔔

Уведомления и Модальные окна

Toast-уведомления для статуса транзакций (Success, Error, Warning). Модальные окна с блокировкой фона и анимацией появления.

📊

Таблицы данных

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

📈

Графики и диаграммы

Визуализация данных с использованием SVG. Градиентные области, линейные графики и круговые диаграммы для портфелей.

Чистый код для разработчиков

Каждый компонент поставляется с подробной документацией и готовыми сниппетами.

Button.tsx 
import { Button } from '@vexura/ui';

export const TransactionAction = () => {
  return (
    <Button 
      variant="primary" 
      size="md"
      isLoading=true
    >
      Подтвердить транзакцию
    </Button>
  );
};

Начните строить будущее сегодня

Получите доступ к полной библиотеке Vexura UI. Скачайте компоненты, изучите документацию и внедрите в свой проект за минуты.