SVAR UI
LightNews LightNews
banner
svarwidgets.bsky.social
SVAR UI
@svarwidgets.bsky.social
38 followers 10 following 59 posts
A collection of open-source UI components and widgets for Svelte and React. Learn more, see demos and get started at https://svar.dev/
Posts Replies Media Videos
svarwidgets.bsky.social
👻🎃 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
October 31, 2025 at 1:15 PM
svarwidgets.bsky.social
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
SVAR turns 2 years - Cover image
October 28, 2025 at 3:03 PM
svarwidgets.bsky.social
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
October 23, 2025 at 1:42 PM
svarwidgets.bsky.social
🚀 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
October 15, 2025 at 2:10 PM
svarwidgets.bsky.social
🎉 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
October 6, 2025 at 2:33 PM
svarwidgets.bsky.social
🛠️ 🤩 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
September 30, 2025 at 3:15 PM
svarwidgets.bsky.social
🎉 📝 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
September 29, 2025 at 1:45 PM
svarwidgets.bsky.social
🧩 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
September 26, 2025 at 11:45 AM
Reposted by SVAR UI
madewithsvelte.com
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...
September 22, 2025 at 2:46 PM
svarwidgets.bsky.social
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
September 19, 2025 at 4:05 PM
svarwidgets.bsky.social
🎉 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
September 17, 2025 at 1:41 PM
svarwidgets.bsky.social
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
August 15, 2025 at 3:10 PM
svarwidgets.bsky.social
📝 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
August 13, 2025 at 2:18 PM
svarwidgets.bsky.social
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
August 7, 2025 at 3:20 PM
svarwidgets.bsky.social
🔥 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
July 30, 2025 at 3:26 PM
svarwidgets.bsky.social
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
July 23, 2025 at 2:08 PM
svarwidgets.bsky.social
🎉 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
July 18, 2025 at 11:45 AM
svarwidgets.bsky.social
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
July 10, 2025 at 8:03 AM
svarwidgets.bsky.social
✏️ 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
July 9, 2025 at 2:14 PM
svarwidgets.bsky.social
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
July 7, 2025 at 9:06 AM
svarwidgets.bsky.social
⚛️ 🛠️ 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
June 30, 2025 at 2:27 PM
svarwidgets.bsky.social
🚀 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
June 19, 2025 at 9:08 AM
svarwidgets.bsky.social
🚀 New release: SVAR Svelte Filter – a powerful, open-source query builder for your #Svelte apps! 🔍 Add advanced filtering UI with nested rules, AND/OR logic.
Learn more 👉 svar.dev/svelte/filter/
Star it on GitHub ⭐ github.com/svar-widgets...
#opensource #webdev #frontend #svelte5
June 11, 2025 at 2:13 PM
svarwidgets.bsky.social
💬 “I love the work you’re doing with Gantt charts!”
💬 “Really streamlined our project timelines”
💬 “Looks pretty solid, kudos!”
These are just a few things developers are saying about SVAR Gantt for #React. Maybe it’s time you gave it a try 😉
🔗 svar.dev/react/gantt/

#reactjs #gantt #ganttchart
June 10, 2025 at 9:03 AM
svarwidgets.bsky.social
Choosing a Svelte components library? Our new post shares 5 tips to help you choose the best option for your project. Includes a list of top modern Svelte UI libraries 👇
svar.dev/blog/how-to-...
#svelte #webdev #frontend #svelte5
June 5, 2025 at 2:09 PM