Open Source React Components

SVAR offers feature-rich UI components to build interactive React apps faster.
Lightweight, blazing-fast, and ready to integrate in minutes.

  • Gantt
  • DataGrid
widget preview

Go to Gantt page

SVAR Gantt is a React component for creating nice-looking, interactive Gantt charts.
  • drag-and-drop UI
  • highly-customizable
  • intuitive task editing
  • task dependencies
widget preview

Go to DataGrid page

SVAR DataGrid is a high-performance data table component, equipped with dynamic loading
  • tree data view
  • built-in context menu
  • in-cell editing
  • fixed columns

More React Components Coming

We're planning to introduce the following React components shortly so you'll be able to use ready made, well-tested UI blocks instead of developing this functionality from scratch.

Editor

This React component simplifies the process of creating custom forms for editing structured content on a web page. Choose between a popup view for focused editing or a smooth sidebar integration for seamless workflow.

File Manager

SVAR File Manager is a UI component designed to help developers and users manage files and folders within a React-based web application. It provides a visual representation of the file system, allowing users to navigate, organize, upload, download, delete files, and perform other file-related operations.

Kanban

SVAR Kanban is a ready-to-use React component that helps you seamlessly integrate project task boards into your web app. With its responsive drag-and-drop interface, users can effectively manage tasks and monitor work progress with ease.

Pivot

SVAR Pivot for React is a UI widget designed for summarizing, analyzing, and presenting large datasets in a structured tabular format. Just like other SVAR components, Pivot offers high customization and swift performance even with extensive datasets.

Event Calendar

If you need scheduling functionality for your web app, SVAR Event Calendar for React is a great choice. The component allows users to arrange events in day, week, month, year and agenda views. It can be used to schedule meetings and appointments and as a booking calendar.

ToDo List

This React UI component adds an editable task list to a web page and allows users to plan and organize their activities and tasks. SVAR ToDo List's functionality includes task addition, editing, removal, as well as setting due dates, related projects, or custom details to each task.

Filter Builder

SVAR React Filter is a flexible query builder component for adding filtering to large datasets in React apps. Create simple filters or build advanced filter bars with nested fields and multiple conditions using AND/OR logic.

Sign up for SVAR React news

  • Get notified when the new SVAR React UI component is released!
  • Be the first to try the product and share valuable feedback.
  • We respect your inbox - no spam, just valuable content.

Why Choose SVAR?

Get started easily

Take a quick start with SVAR UI components: browse our well crafted documentation, API reference and follow step-by-step instructions to start building modern looking, responsive web UIs.

Take control over look and feel

With robust customization capabilities, you have the freedom to tailor the components' appearance and behavior to fully match your development requirements.

Seamlessly integrate with React

SVAR React components can be effortlessly integrated with any React project, as well as various JavaScript libraries, frameworks, and backend technologies.

Use on desktop or touch screens

With full cross-platform and touch screen support, you can be sure that your SVAR-based web app runs smoothly on different devices. The components are aligned adaptively based on the screen size.

Try blazing fast performance

SVAR React UI components empower your web applications to handle large volumes of data effortlessly, guaranteeing fast rendering speeds for any dataset.

Use our professional services

In addition to our free community forum, we can provide timely email support to help you with SVAR React components. Contact us to learn more about our integration and customization services.

Need Plain JS Components?

Recent Releases