made with Svelte

svstate

Supercharged $state() for Svelte

Visit Site

Description

Supercharged $state() for Svelte

"Svelte 5's $state() is fantastic for simple use cases. A login form? Easy. A settings toggle? Trivial.

But what about real enterprise applications? With native Svelte 5, there is no automatic change detection for nested properties, no built-in validation that mirrors your data structure, no way to know which property changed and react to it, no undo/redo for complex editing workflows and no dirty tracking across the entire object tree.

svstate wraps your state in a deep reactive proxy that:

  • ๐Ÿ” Detects changes at any nesting level
  • โœ… Validates with a structure that mirrors your data
  • ๐ŸŒ Async validation for server-side checks (username availability, email verification)
  • โšก Fires effects when any property changes (with full context)
  • โช Snapshots & undo for complex editing workflows
  • ๐ŸŽฏ Tracks dirty state automatically (per-field and aggregate)
  • ๐Ÿ”ง Supports methods on state objects for computed values and formatting
  • ๐Ÿ”Œ Plugin system for persistence, autosave, devtools, URL sync, cross-tab sync, undo/redo, and analytics

svstate works best for enterprise applications with complex forms, ERP, CRM and admin dashboards, multi-step wizards, applications needing undo/redo and any form beyond username/password."


Social Media Links

Svelte Client Router Svelte SPA Router
icon-eye-dark Created with Sketch. 1.424
Superforms for SvelteKit SvelteKit Form Library
icon-eye-dark Created with Sketch. 2.894
Sentry for Svelte Svelte Error & Performance Monitoring
๐Ÿงก Sponsored by Friends
Svelte UX Collection of Components, Actions, Stores & Utilities
icon-eye-dark Created with Sketch. 5.720
Svelte Forms Lib Lightweight Library for Managing Forms
icon-eye-dark Created with Sketch. 9.602
Svelte Tiny Virtual List List Virtualization Library
icon-eye-dark Created with Sketch. 3.081