SVAR Svelte UI Components

2 years ago by otash to c/sveltejs

Build modern web apps with open-source SVAR Svelte UI components, including Data Grid, Gantt Chart, Calendar, and more. Lightweight, fast, and customizable.

Hey, Svelte developers! ๐Ÿ‘‹

Iโ€™d like to share open-source, ready-to-use SVAR UI components for Svelte 5 that can help you build data-driven Svelte web apps. Currently, SVAR offers:

SVAR Core Library - a collection of 20+ form controls and basic UI components (datapicker, select, buttons, popups, messages, etc).

SVAR Gantt - a customizable Gantt chart component, with drag-and-drop task management, dependency support, and a scalable timeline for projects.

SVAR DataGrid - a feature-rich, fast, and responsive data grid component that supports sorting, paging, editing, frozen columns, and virtualized rendering.

SVAR File Manager - a customizable file explorer component, supporting basic file operations: create, delete, copy, rename, cut, paste, upload, etc.

Weโ€™d love your feedback! Check out the repo on GitHub and let us know what you think. Don't forget to give SVAR a ๐ŸŒŸ if you like it.

tyler 3 points 2 years ago

Can you give some reasons why someone would use this over skeleton, flowbite, melt, shadowcdn, daisy, etc.?

path: 0 14949218, hotness: undefined, score: 3, children: 1
otash 1 point 2 years ago

SVAR offers advanced data-driven components like DataGrid and Gantt Chart, which arenโ€™t available in the mentioned libraries. SVAR Core library also helps with building Svelte UIs (for example, forms). In short, SVAR is more focused on providing ready-to-use UI blocks for business apps. We also plan to release more complex components like a Svelte event calendar, Kanban, and Pivot.

path: 0 14949218 14962694, hotness: undefined, score: 1, children: 0
sveltejs
sveltejs

@programming.dev

login for more options
761
74
11

Svelte is a JavaScript framework for building user interfaces (UIs) that compiles your code into efficient JavaScript during the build process, resulting in better performance and smaller bundle sizes. Svelte focuses on reactive programming, where UI components update themselves when data changes, eliminating the need for a virtual DOM. Svelte Kit is an extension of Svelte that adds features like routing and server-side rendering, simplifying the creation of full-stack web applications. It provides file-based routing and supports server-side rendering, enabling faster initial page loads and improved search engine optimization. Svelte Kit combines client-side Svelte components with server-side rendering and serverless functions for a seamless development experience.

go to feed...