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

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

Framework support

Use the same component library and shared styles across frameworks, while keeping application state in your chosen stack.

Framework	Integration
React	Named components from @revolist/ui/react, with React state, children, and callbacks.
Vue	Named components from @revolist/ui/vue, with events, slots, and v-model for controls with a declared model.
Angular	Standalone UiComponent from @revolist/ui/angular, with props, events, and templates for custom content.
Svelte	Svelte 5 UiComponent from @revolist/ui/svelte, with reactive props, callbacks, and snippets.
Preact	Components from @revolist/ui/preact, with Preact hooks and JSX.
Vanilla TypeScript	Mount components into a DOM element with createFrameworkMount from @revolist/ui/framework.

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.