Статистикаблоки
Компоненты для показа статистики и метрик. Готовые UI-блоки на React в стиле необрутализма — hero, pricing, auth, dashboards и другое. Смотрите превью на любом экране, копируйте код или ставьте через AI-агента и наш MCP-сервер. Работают с Radix UI, Base UI и React Aria.
- Hero, цены и auth
- Предварительный просмотр каждой точки останова
- Скопировать исходный текст
- MCP готово к установке
- Radix · Base UI · React Aria
- 158 готовые блоки
- Доставляемые разделы страницы
- Информационные панели и маркетинг
- Pro разблокирует код
- Схемы с возможностью подключения без предварительной настройки
Просмотрите каждый макет
Статистика
9 блоков — откройте любую карточку для полноэкранного превью, кода и шагов установки.
- 01Pro
Статистика с area chart
Area chart продаж и расходов за семь дней в одной карточке с итогом и бейджем изменения, а под ней — четыре цифры. React и Tailwind: замените массив trend.
- 02Pro
Bento-панель статистики
Две узкие карточки роста заканчиваются ссылками на детали рядом с карточкой двойной ширины и главной цифрой. React и Tailwind: наведите ссылки на отчёты.
- 03Pro
Компактный ряд статистики
Самая компактная полоса статистики в наборе: четыре карточки, в каждой плитка-иконка рядом с цифрой и подписью в два слова. React и Tailwind: под хиро.
- 04Pro
Панель статистики с делителями
Полноширинная цветная полоса, где три цифры делят одну панель, разбитую линиями по два пикселя. React и Tailwind: замените текст и вставьте между секциями.
- 05Pro
Статистика с donut chart
Donut удовлетворённости с цифрой прямо в отверстии, по бокам четыре карточки, чередующие чёрный и белый. React и Tailwind: меняйте соотношение в массиве.
- 06Pro
Мозаика статистики с CTA
Питч с одной стороны, доказательства с другой: заголовок и кнопки рядом с мозаикой из высоких и низких плиток. React и Tailwind: перебалансируйте плитки.
- 07Pro
Статистика со стрелками тренда
Каждая карточка крепит круглую стрелку тренда и текстовое изменение за год к одной общей линии. React и Tailwind: задайте каждому тренду up или down.
- 08Pro
Дашборд метрик магазина
Переключатель дня, недели, месяца и года меняет четыре KPI-карточки над разбивкой выручки и топ товарами. React и Tailwind: объект figures.
- 09Pro
Карточки статистики с акцентом
Три карточки метрик на размытой текстуре, ровно одна залита фирменным цветом, чтобы взгляд находил лидера. React и Tailwind: флаг акцента.