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
🛠️ 🤩 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
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
🚀 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
svarwidgets.bsky.social
✨ As the new workweek kicks off, we’re excited to unveil what’s coming next for SVAR Svelte. We're now preparing for release:
🔍 SVAR Filter – a query builder component for complex filtering,
📆 SVAR Scheduler – a Google-like event calendar.
Stay tuned!

#svarui #svelte5 #webdev #frontend #opensource
June 2, 2025 at 8:56 AM
svarwidgets.bsky.social
🧠 Happy #GeekPrideDay to everyone who loves clean code, smart UIs, and open-source magic! Build faster with SVAR UI components – flexible, powerful, and made for React and Svelte developers.
Explore now 👉 svar.dev

#React #Svelte #webdev #opensource #svarui
May 25, 2025 at 8:01 AM
svarwidgets.bsky.social
⚙️ Need a data grid with a built-in context menu? Try our #opensource SVAR React DataGrid. It allows you to seamlessly manage grid configurations and handle rows with ease.
Learn more by visiting 👇
svar.dev/react/datagr...

#React #webdev #svarui #datagrid
May 23, 2025 at 8:47 AM
svarwidgets.bsky.social
It's Global Accessibility Awareness Day! A quick reminder: SVAR Svelte DataGrid supports WAI-ARIA standards for more inclusive web-based data tables 🤓
✅ Screen reader support
✅ Keyboard navigation with hotkeys
🔗 svar.dev/svelte/datag...

#accessibility #svelte #svarui #webdev #a11y #opensource
May 15, 2025 at 8:02 AM
svarwidgets.bsky.social
If you're managing large sets of tasks in a #Gantt chart, sorting helps you quickly organize the tasks by start date, priority, or other custom fields. With SVAR Gantt, it's just a click away ↕️
Learn more 👉 svar.dev/react/gantt/

#React #WebDevelopment #svarui #webdev
May 13, 2025 at 8:49 AM
svarwidgets.bsky.social
Need a nice-looking comments section for your Svelte app? Try the Comments component from SVAR Core — a rich, lightweight UI library for Svelte. 💬 Light and dark themes included! 🌗 See what else is inside 👇
svar.dev/svelte/core/

#svelte #uilibrary #uicomponents #webdev #opensource
May 9, 2025 at 2:06 PM