SVAR UI

Editing data in a table? Don’t worry about mistakes! SVAR DataGrid component for Svelte and React includes undo/redo feature so your users can update records fearlessly 😉

Learn more & see demos 👇
svar.dev/react/datagr...

#react #svelte5 #opensource #datagrid #webdev

Building a Gantt Chart in Next.js with SVAR React Gantt: Backend Add backend persistence to your Next.js Gantt chart. Build REST API routes, connect SQLite database, and sync task changes automatically using SVAR React Gantt.

👀 Following our Next.js Gantt chart tutorial?
Part 2 adds a backend with @nextjs.org API routes + SQLite:

• REST CRUD endpoints
• Persistent task storage
• UI → server synchronization
• Row/tasks reordering with DB updates

Read it here 👉 svar.dev/blog/nextjs-...

#nextjs #react #sqlite #gantt

Developing with Svelte and tired of Tailwind everywhere? Try SVAR Svelte Core, a library of 30+ customizable UI components with pure CSS styling. Both dark & light themes available 🌓

Learn more & see demo👇
svar.dev/svelte/core/

#sveltejs #svelte #uilibrary #javascript #css

Building a Gantt Chart in Next.js with SVAR React Gantt Learn how to add a high-performance Gantt chart to a Next.js (App Router) project using SVAR React Gantt. Step-by-step setup with styles, theming, layout fixes, and editing.

Working with @nextjs.org? Just published a tutorial on building a Gantt chart in Next.js apps with SVAR React Gantt.
Covers SSR hydration issues, theme configuration, task editing, and making layouts work properly.
Full demo on GitHub:
github.com/svar-widgets...

#NextJS #React #gantt #ganttchart

Build feature-rich React data tables in minutes with free, open-source SVAR React DataGrid. Follow this tutorial to build a table with:
☑️ sorting, filtering
☑️ in-cell editors
☑️ collapsible columns
☑️ checkbox selection

👉 svar.dev/blog/create-...

#react #datatable #datagrid #opensource #howto

📖 SVAR React Gantt now has integration guides for popular state management libraries:
• Redux
• MobX
• Zustand
• XState
• Jotai
• Valtio

Find the integration instructions in the docs ⬇️
docs.svar.dev/react/gantt/...

#react #gantt #statemanagement #redux #mobx #zustand #webdev

📤 Version 2.5 brings export features to SVAR React Gantt PRO. Now you can export your Gantt chart to the following formats:
- PDF
- PNG
- Excel
- MS Project XML (export/import)

Learn more about this update 👇
svar.dev/blog/react-g...

#reactjs #gantt #msproject #pdf #png

Manage your tasks and their dependencies with this drag & drop Gantt chart component by @svarwidgets.bsky.social – it seamlessly integrates with your React apps 🧑‍💻⚡️ - madewithreactjs.com/svar-gantt-f...

🤖 AI assistants kept hallucinating our #React Gantt API, suggesting methods that don't exist.

We fixed it with an MCP server + RAG pipeline.

Here's how we built it with @llamaindex.bsky.social + @fastmc.bsky.social 👇

svar.dev/blog/mcp-ser...

#MCP #RAG #AICoding

📂 Excited to share how fter, an after-sales platform for machine builders, uses SVAR Svelte File Manager to build a powerful, user-friendly file browser interface integrated with Azure Blob Storage.

Read their story ⬇️
svar.dev/blog/fter-us...

#svelte #svelte5 #filemanagement #opensource #webdev

Our SVAR team wishes you happy holidays and a great start to 2026! 🎄☃️
May the new year bring interesting projects, reasonable deadlines, and a healthy work–life balance. We're looking forward to offering you more Svelte and React UI components!

#webdev #svelte #reactjs #uilibrary #opensource

⚒️ We've also updated the SVAR React component library to version 2.4 with new features for the Core components, DataGrid, and open-source Gantt.
Read more 👉 svar.dev/blog/svar-re...

#reactjs #uilibrary #opensource #webdev #components #ui

As the holiday season begins, we're excited to announce SVAR #React Gantt PRO with advanced scheduling features! Plus, the open-source core of the component is now available under the free MIT license 🎉

Learn more 👉 svar.dev/blog/react-g...

#reactjs #gantt #ganttchart #webdev #js

And one more thing for today 🎉
We’re excited to introduce SVAR Svelte Gantt PRO Edition – now with support for:
- non-linear calendar
- markers
- baselines
- split tasks,
- auto-scheduling, and more

Free trial is available. Learn more👇
svar.dev/blog/svelte-...

#svelte5 #gantt #WebDev #JavaScript

Friday releases are our favorite 😅
Today we're rolling out SVAR Svelte v2.4, bringing improvements and new features to our #Svelte Core library, DataGrid, and Gantt components.
See what’s new 👇
svar.dev/blog/svar-sv...

#svelte5 #opensource #WebDev #JavaScript #uilibrary

🚀 Take your web-based Gantt charts to the next level! Learn 8 practical ways to customize SVAR Svelte Gantt – from time scales, context menu, and tooltips to custom edit forms and CSS styling.

Make it truly yours 👉 svar.dev/blog/svelte-...

#svelte #svelte5 #ganttchart #opensource #webdev

🤖 We just launched MCP server for SVAR #React Gantt, giving your AI assistant direct access to:

✅ Up-to-date documentation
✅ RAG-based code generation
✅ Accurate API examples

Learn more and see how to integrate it with your IDE 👇
docs.svar.dev/react/gantt/...

#AIcoding #MCP #Reactjs #Gantt

📂🎉 Meet SVAR React File Manager, a UI component for adding a user-friendly file explorer to your #React apps.

🔹File operations (copy, paste, delete, etc)
🔹List, tiles, split views
🔹Responsive layout
🔹Typescript support

See 👉 svar.dev/blog/react-f...

#reactjs #filemanager #opensource #uicomponent

👻🎃 To have some fun this Halloween, we’ve released a step-by-step tutorial on how to create a custom task manager with our open-source SVAR React Gantt.

Turns out, Gantt charts aren’t that scary 💀
svar.dev/blog/create-...

#React #Reactjs #Halloween2025 #Gantt #webdev

Read more in our blog post 👇
svar.dev/blog/svar-tu...

SVAR turns 2 years - Cover image

This month we're celebrating 2 years of SVAR UI project! 🥳
Over this time, we released 30+ UI components for React & Svelte with TypeScript support and powerful features.
Thank you for your feedback and each ⭐️ on GitHub!

#opensource #reactjs #react #svelte #svelte5 #webdev #svarui

GitHub - svar-widgets/react-gantt: Customizable React Gantt chart for building interactive timelines. Customizable React Gantt chart for building interactive timelines. - svar-widgets/react-gantt

🛠️ GitHub repo: github.com/svar-widgets...

SVAR React Gantt v2.3 just dropped with React 19 + TypeScript support 🎉
New features:
🔹 Custom time scales
🔹 Hour/minute precision
🔹 In-cell editing in grid
🔹 Tooltips for tasks
🔹 Hotkey support

Learn more 👉 svar.dev/blog/react-g...

#react #typescript #gantt #ganttchart #opensource #reactjs

GitHub - svar-widgets/react-grid: Fast, feature-rich React datagrid with sorting, filtering, virtual scrolling, and more Fast, feature-rich React datagrid with sorting, filtering, virtual scrolling, and more - svar-widgets/react-grid

The full source code is available on GitHub under MIT.
Try it out and drop a ⭐️ if you like it!
github.com/svar-widgets...

🚀 SVAR React DataGrid just got even better!
Version 2.3 brings:
- React 19 & TypeScript support
- Accessibility (WAI-ARIA)
- Advanced filtering
- Responsive mode
- Row reordering
... and more 👇
svar.dev/blog/react-d...

#react #reactjs #datagrid #webdev #frontend #opensource

SVAR React Filter: Flexible & Intuitive Query Builder We’re happy to announce the release of SVAR React Filter library that lets you add complex filtering scenarios to your React applications.

🎉 SVAR React Filter is out! Add advanced filtering to your apps with this ready-to-use library: AND/OR logic, nested filter groups, and a clean UI for complex data queries 🔍

Learn more ➡️ svar.dev/blog/react-f...

#react #reactjs #frontend #webdev #opensource #svarui

🛠️ 🤩 It's always exciting to see what developers build with SVAR components.

See how SVAR React Gantt helped Solenium, a Colombian company that builds solar mini-farms, to develop their project management platform ⬇️
svar.dev/blog/soleniu...

#react #solarenergy #appdevelopment #webdev #svarui

GitHub - svar-widgets/react-editor: React component for creating inline, popup, or sidebar forms to edit structured data. React component for creating inline, popup, or sidebar forms to edit structured data. - svar-widgets/react-editor

SVAR React Editor on GitHub:
github.com/svar-widgets...

🎉 📝 SVAR React Editor is here! This open-source React component helps you create custom edit forms faster for any structured data in your app. Uses SVAR Core controls to build the form.

Learn more 👉 svar.dev/blog/react-e...

#reactjs #forms #opensource #svarui

GitHub - svar-widgets/react-core: React library of essential UI components and form controls React library of essential UI components and form controls - GitHub - svar-widgets/react-core: React library of essential UI components and form controls

🧩 Last week we released SVAR #React Core, an open-source library of common UI components.

🛠️ Now we added #TypeScript support to make the components more comfortable to use and catch mistakes straight away. The update is on GitHub ⬇️
github.com/svar-widgets...

#reactjs #svarui #webdev #opensource