Wrap Best-of-Breed Libraries

Use enterprise-grade JavaScript UI components from pure Java—without writing JavaScript.

Why Wrap Instead of Reinvent?

Building quality UI components takes years. Oorian gives you instant access to components built by specialists.

Enterprise Quality

Use components battle-tested by thousands of companies. SyncFusion, Webix, and AG Grid are maintained by dedicated teams.

Immediate Productivity

Don't spend months building a data grid. Configure one in minutes and focus on your business logic.

Consistent Patterns

Every Oorian wrapper follows the same conventions. Learn one, use any.

Mix and Match

Use SyncFusion for grids, ECharts for visualization, Webix for forms. Choose the best tool for each job.

Maintained by Experts

Component vendors handle browser compatibility, accessibility, and performance. You just use them.

Pure Java API

Configure and control JavaScript components entirely from Java. No context switching.

How Wrappers Work

Oorian wrappers translate Java method calls into JavaScript library configuration and events.

Your Java Code
SfDataGrid grid = new SfDataGrid(); grid.setAllowPaging(true);
Oorian Wrapper
Translates to JSON config and event bindings
JS Library
ej.grids.Grid initialized with your configuration

When you call Java methods on a wrapper, Oorian builds the appropriate configuration object. The JavaScript library is initialized with this config when the page loads. Events from the JavaScript component are captured and dispatched to your Java listeners.

Example: SyncFusion DataGrid

Configure a full-featured data grid with sorting, paging, and selection—all in Java.

java
// Create the grid
SfDataGrid grid = new SfDataGrid();
grid.setDataSource(customerList);

// Enable features
grid.setAllowPaging(true);
grid.setAllowSorting(true);
grid.setAllowFiltering(true);
grid.setAllowSelection(true);

// Configure paging
grid.getPageSettings()
    .setPageSize(25)
    .setPageSizes(new int[]{10, 25, 50, 100});

// Add columns with type-safe configuration
grid.addColumn("id", "ID").setWidth(80).setIsPrimaryKey(true);
grid.addColumn("name", "Customer Name").setWidth(200);
grid.addColumn("email", "Email").setWidth(250);
grid.addColumn("status", "Status").setWidth(120);

// Handle row selection
grid.registerListener(this, RowSelectedEvent.class);

// Add to your page
container.addElement(grid);

59 Wrapper Libraries

Oorian provides wrappers for the best JavaScript libraries across every category.

Full UI Suites

6 libraries

Webix, SyncFusion, DevExtreme, Kendo UI, DHTMLX, Wijmo

Data Grids

4 libraries

AG Grid, Handsontable, Tabulator, DataTables

Charts

7 libraries

Chart.js, ECharts, Highcharts, ApexCharts, Plotly, D3.js

Rich Text Editors

7 libraries

CKEditor, TinyMCE, Quill, ProseMirror, Froala, Tiptap

Maps

4 libraries

Leaflet, Mapbox, OpenLayers, Google Maps

Web Components

3 libraries

Shoelace, WebAwesome, Lion

CSS Frameworks

4 libraries

Bootstrap, Tailwind, Bulma, Pico CSS

And More...

24+ libraries

Calendars, diagrams, file upload, notifications, and more

Key Benefits

No JavaScript Required

Configure complex JavaScript components entirely from Java. Set properties, handle events, and update state—all server-side.

Type Safety

Catch configuration errors at compile time. Your IDE knows every property and method on every component.

Consistent API

Every wrapper follows the same patterns for instantiation, configuration, and event handling. Learn once, use everywhere.

Automatic Resource Management

Oorian handles loading the right CSS and JavaScript files. Just use the component.

Server-Side State

Your Java objects hold the authoritative state. Changes push to the browser automatically.