@svelte-put

Useful svelte stuff to put in your projects

Note

Svelte 5 is coming! All action-based packages in this collection should continue to work, while others are being updated to support the new version. Support for Svelte 4 and lower will be dropped in the next major releases.

Documentation

See the dedicated documentation page here.

Packages

@svelte-put includes several packages that have self-managed release cycles, listed below. Check out their corresponding README for more details.

Package	Short Description	Changelog
@svelte-put/avatar	component & utilities for avatar	Changelog
@svelte-put/clickoutside	event for clicking outside node	Changelog
@svelte-put/cloudflare-turnstile	event for clicking outside node	Changelog
@svelte-put/copy	copy text to clipboard	Changelog
@svelte-put/dragscroll	add drag-to-scroll behavior	Changelog
@svelte-put/intersect	wrapper for IntersectionObserver	Changelog
@svelte-put/inline-svg	dynamically inline SVGs	Changelog
@svelte-put/lockscroll	lock scroll, hide scrollbar	Changelog
@svelte-put/modal	type-safe async modal builder	Changelog
@svelte-put/movable	move node on mousedown	Changelog
@svelte-put/noti	type-safe & headless async notification builder	Changelog
@svelte-put/preprocess-auto-slug	auto add `id` and anchor to selected nodes	Changelog
@svelte-put/preprocess-inline-svg	inline static SVGs at build time	Changelog
@svelte-put/qr	render QR as `img` or `svg`	Changelog
@svelte-put/resize	wrapper for ResizeObserver	Changelog
@svelte-put/shortcut	add keyboard shortcuts to node	Changelog
@svelte-put/toc	action & utilities for building table of contents	Changelog
@svelte-put/tooltip	type-safe headless tooltip builder	Changelog