Author | Lightnews

SVAR UI @svarwidgets.bsky.social · 2d

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

SVAR UI @svarwidgets.bsky.social · 2d

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

1 4

SVAR UI @svarwidgets.bsky.social · 7d

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

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.com

SVAR UI @svarwidgets.bsky.social · 7d

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

1 4

SVAR UI @svarwidgets.bsky.social · 15d

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

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

github.com

SVAR UI @svarwidgets.bsky.social · 15d

🚀 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

1 5

SVAR UI @svarwidgets.bsky.social · 24d

🎉 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

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.dev

4

SVAR UI @svarwidgets.bsky.social · Sep 30

🛠️ 🤩 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

1

SVAR UI @svarwidgets.bsky.social · Sep 29

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

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

github.com

SVAR UI @svarwidgets.bsky.social · Sep 29

🎉 📝 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

1 3

SVAR UI @svarwidgets.bsky.social · Sep 26

🧩 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

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

github.com

3

Reposted by SVAR UI

MadeWithSvelte @madewithsvelte.com · Sep 22

SVAR DataGrid by @svarwidgets.bsky.social is a powerful datatable component made with Svelte, helping you to create performant, feature-rich grids 🧑💻⚡️ - madewithsvelte.com/svar-datagri...

1

SVAR UI @svarwidgets.bsky.social · Sep 19

Even though it's Friday, we couldn't wait to share this: SVAR Svelte v2.3 is here with TypeScript support! 🎉 🛠️ The components API became more reliable, consistent & production ready. Learn more ⬇️
svar.dev/blog/svar-sv...

#svelte #svelte5 #ui #typescript #svarui #webdev #opensource

6

SVAR UI @svarwidgets.bsky.social · Sep 17

🎉 We're excited to release SVAR React Core, a free, open-source library of 20+ essential UI components and form controls compatible with React 18 and 19 ⚛️

Learn more 👉 svar.dev/blog/react-c...
Visit GitHub ⭐️ github.com/svar-widgets...

#react #reactjs #ui #opensource #svarui #webdev

3

SVAR UI @svarwidgets.bsky.social · Aug 15

Need a mobile-friendly data grid?📱 SVAR Svelte DataGrid’s responsive mode lets you:
🔷 Show/hide columns at specific widths
🔷 Adjust row/column/header/footer sizes
🔷 Apply custom CSS per breakpoint

🔗 Demo: docs.svar.dev/svelte/grid/...

#svelte5 #svelte #datagrid #responsivedesign #frontend #webdev

3

SVAR UI @svarwidgets.bsky.social · Aug 13

📝 With the latest update of SVAR #Svelte Gantt component, you can manage tasks both on the timeline and edit them right in the task grid. More ways to plan tasks and projects efficiently ✅
🔗 Demo: docs.svar.dev/svelte/gantt...

#svelte5 #ganttchart #opensource #frontend #javascript

1 2

SVAR UI @svarwidgets.bsky.social · Aug 7

Looking for a UI library for your #Svelte5 app? Try SVAR Svelte Core:
🔘 Form controls
🍿 Popups & notifications
🗓️ Calendar
🛠️ Menu & toolbar
💬 Comments
☑️ Tasklist

Pair it with the advanced SVAR DataGrid to build complex dashboards.
🔗 svar.dev/svelte/core/

#Frontend #opensource #svarui

1 1 4

SVAR UI @svarwidgets.bsky.social · Jul 30

🔥 Level up your #Svelte data tables with advanced filtering feature! Try SVAR Svelte DataGrid with integrated FilterBar component. The perfect balance between functionality and UX.
See the demo ➡️ docs.svar.dev/svelte/grid/...

#DataGrid #webdev #opensource #frontend #svarui

1 1

SVAR UI @svarwidgets.bsky.social · Jul 23

We've gathered 9 libraries recommended by developers that help you stay more productive and build stable, scalable React apps with fewer bugs.
Learn more in our latest article 👇
svar.dev/blog/react-l...

#react #reactjs #webdev #productivity

2

SVAR UI @svarwidgets.bsky.social · Jul 18

🎉 SVAR Svelte v2.2 is out! Major updates for #Svelte DataGrid and Gantt:
✅ DataGrid: undo/redo, advanced filtering, responsive mode, column-level editors;
✅ Gantt: hour/minute units, custom time scales, multi-column grid, hotkeys.
Learn more 👇
svar.dev/blog/svar-sv...
#webdev #opensource #gantt

1 3

SVAR UI @svarwidgets.bsky.social · Jul 10

Been using React for a while but not sure how to level up?
We pulled together the best tips from the dev community to help you grow as a React dev in 2025. Read the post👇
svar.dev/blog/grow-as...

#LearnReact #DevTips #React #Reactjs #FrontendDev

1

SVAR UI @svarwidgets.bsky.social · Jul 9

✏️ Need to edit rows in your #Svelte DataGrid with full control? SVAR Svelte DataGrid integrates smoothly with our Editor: edit records in a side panel, add custom fields, even support comment threads 💬
See the demo 👇
docs.svar.dev/svelte/grid/...

#Svelte5 #opensource #webdev #frontend #svarui

1 4

SVAR UI @svarwidgets.bsky.social · Jul 7

Some bugs need debugging. Others just need 🍫
Happy #WorldChocolateDay to all our fellow coders who know that a good dark bar pairs with deep focus 🧠 Whether you’re building with #Svelte or #React, we’ve got UI components to make development sweeter: svar.dev

4

SVAR UI @svarwidgets.bsky.social · Jun 30

⚛️ 🛠️ Want to learn React? Find the best learning resources and tips trusted and proven by the React community in our new article. Learn effectively and focus on what matters. Read the full guide👇
svar.dev/blog/resourc...

#React #ReactJS #LearnReact #ReactTips

Best Tips and Resources to Learn React in 2025

Want to learn React but don’t know where to start? This guide shares the most helpful tips and up-to-date resources to help you dive into React with confidence.

svar.dev

2

SVAR UI @svarwidgets.bsky.social · Jun 19

🚀 Need to add an interactive data table to your #Svelte app? Learn to create one with the #opensource SVAR Svelte DataGrid, featuring sorting, pagination, search, flexible columns, and in-cell editing.
Full tutorial 👉 svar.dev/blog/create-...

#DataGrid #WebDev #Frontend #Svelte5 #JavaScript #svarui

How to Quickly Create Svelte Data Table with SVAR DataGrid

This step-by-step tutorial explains how to quickly create a users data table with sorting, searching, in-cell editing and paging using SVAR Svelte DataGrid.

svar.dev

3