Revo UI

RevoGrid's UI component library for financial apps, reporting dashboards, and project management.

Compose data-rich workspaces with shared controls, pickers, charts, timelines, dialogs, and feedback. Use React, Vue, Angular, Svelte, Preact, or vanilla TypeScript. The package name remains @revolist/ui.

Live components · Interactive overview · Framework guides · RevoGrid · Pro documentation

Web Components

Use the runnable custom-element example to mount Revo UI controls with the <revo-ui> adapter. The example supports property updates, native events, and disconnect/reconnect cleanup.

Get started

pnpm add @revolist/ui preact

Import the shared styles once:

import '@revolist/ui/styles.css';

Choose your framework for setup instructions and usage examples:

React · Vue · Angular · Svelte · Preact · Vanilla TypeScript

Components

Explore live previews, variants, and expandable code examples on the website.

• Buttons — Actions, icon buttons, toggles, and button groups.
• Inputs and forms — Text, search, numbers, validation, and field layouts.
• Selects and pickers — Searchable dropdowns, multiple selections, user images, and assignees.
• Selection controls — Checkboxes, switches, radio buttons, and choice chips.
• Tabs and lists — Tabs, segmented controls, and selectable lists.
• Sliders — Single values and ranges with labels and value badges.
• Timeline — Draggable, resizable events with colors and tooltips.
• Calendars and dates — Date and time pickers, ranges, and weekly planning.
• Charts — Bar, line, and area charts with tooltips and range selection.
• Dialogs and tooltips — Dialogs, confirmations, popovers, and tooltips.
• Menus and toolbars — Dropdown menus, nested commands, and toolbar actions.
• Status and feedback — Badges, alerts, loading indicators, and empty states.
• Layout — Panels, resizable split views, and expandable sections.
• Pagination — Page navigation for tables and lists.
• Progress and rating — Progress bars, circular indicators, and star ratings.
• Activity messages — Updates with avatars, timestamps, and actions.
• AI assistant — Chat messages, prompts, suggestions, and task states.
• PDF viewer — PDF navigation, search, zoom, and download controls.
• Color — Choose a color from a palette or picker and apply shared semantic interface colors.
• Field configurators — Compose field libraries, selected-field lists, ordering, summaries, actions and drop feedback from shared pieces.
• Formatting controls — Typography choices, icon choices, inspector sections, preview comparisons and contextual filter badges.

Complete component reference

For individual component props and API details, see the complete component reference.

RevoGrid products

Build alongside RevoGrid, Grid Pro, Charts, Pivot, Gantt, Scheduler, and Kanban.

Licensing

Revo UI is MIT licensed. Anyone can use, modify, and distribute it, including in commercial projects.