Speed up your development with open-source
Build modern React, Svelte & Vue apps with framework-native components for scheduling, planning, data management, and file browsing. Fast to integrate & ready to scale with PRO features.
Gantt
Calendar
DataGrid
File Manager
SVAR UI doesn't fight your framework. Build faster with framework-native, ready-to-use components that feel natural in React, Vue, and Svelte.
Built natively for React, Svelte, and Vue. Drop SVAR components straight into application frameworks like Next.js, Nuxt, and SvelteKit.
Configure complete components instead of composing low-level primitives. Less boilerplate, faster development.
Strong type definitions provide better autocomplete, early error detection, and safer refactoring.
SVAR offers a complete toolkit for AI-assisted development, giving your coding agent the up-to-date context to write accurate SVAR code.
SVAR UI offers open-source components built for speed, scalability, and easy integration. Some components come with PRO editions that add advanced features for enterprise applications.
Project planning and resource scheduling with task dependencies, drag-and-drop editing, and customizable timelines.
High-performance data management with sorting, filtering, editing, and virtualization.
Event management and scheduling with flexible views, calendar groups, and recurring events.
Ready-to-use, customizable task boards for project management and team workflows.
File browsing and management with multiple views, file preview, and all standard file operations.
Building blocks
Advanced filtering logic, configurable edit forms, UI elements and controls used across SVAR UI components
Filtering UI & logic
Flexible edit forms
Essential UI elements
I just want to tell you how totally grateful I am for SVAR. Thank you from the bottom of my heart. You have made a difference in my life.
Patric
SVAR is truly awesome — I really love all its tools and the smooth developer experience it offers.
Junaid Ashraf
Thank you for all the hard work on SVAR Gantt for React — it's a fantastic library and has really streamlined our project timelines!
Lorenzoni
Free on GitHub
Use SVAR UI components under the MIT license. If you find them useful, support us with a star.
Discover how teams use SVAR UI components to build production-ready business applications and solve complex workflows.
See Customer StoriesLearn how fter, an after-sales platform for industrial machine builders, uses SVAR Svelte File Manager to handle thousands of technical documents.
Olga Tashlikovich ·
Dec 30 · 3 min read
A lead developer of Solenium shares its experience of using SVAR React Gantt in their application - a platform focused on the construction of solar mini-farms.
Olga Tashlikovich ·
Sep 26 · 5 min read
From prototypes to large-scale applications, SVAR components are designed to handle complex interfaces, large datasets, and demanding business requirements.
The components come with complex components logic, built-in editors, drag-and-drop functionality, advanced filtering, and CRUD workflows that save weeks of development time.
Handle large datasets efficiently with built-in performance optimizations such as virtualization and dynamic loading. SVAR components stay fast and responsive even when working with data-heavy applications
Easily match SVAR components to your product design with a well-thought design system, flexible styling options, CSS variables, and built-in light and dark themes. For smaller screens, responsive design is supported.
All SVAR components come with an open-source, MIT-licensed core that provides fundamental features needed for most of the use cases. Use them freely in both personal and commercial projects.
Selected SVAR components, including Gantt, Calendar, and Kanban, offer PRO Editions with advanced functionality for complex scenarios.
See pricingFrom npm install to a working app in minutes - with detailed documentation, step-by-step guides, multiple demos, and a supportive community forum.
Sign up for Our Newsletter!
June 24, 2026
Introducing SVAR Kanban: a framework-native task board component for Svelte, React, and Vue. Open-source core, with PRO features for large, complex boards.
June 4, 2026
SVAR Gantt 2.7 adds resource planning, resource load visualization, individual calendars, task grouping, WBS codes, and better editing for React, Svelte, and Vue.
June 4, 2026
The new SVAR release for Svelte, React, and Vue adds a Tooltip component, unified CSS styling, MultiCombo improvements, multiselect column filters, and precise scroll control in DataGrid.
