Skip to content

vnphanquang/svelte-put

Repository files navigation

MIT MadeWithSvelte.com

Useful svelte stuff to put in your projects

svelte-put

[!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 Version Changelog Docs
@svelte-put/async-stack component & utilities for async-stack npm.async-stack.badge Changelog docs.badge
@svelte-put/avatar component & utilities for avatar npm.avatar.badge Changelog docs.badge
@svelte-put/clickoutside event for clicking outside node npm.clickoutside.badge Changelog docs.badge
@svelte-put/cloudflare-turnstile event for clicking outside node npm.cloudflare-turnstile.badge Changelog docs.badge
@svelte-put/copy copy text to clipboard npm.copy.badge Changelog docs.badge
@svelte-put/dragscroll add drag-to-scroll behavior npm.dragscroll.badge Changelog docs.badge
@svelte-put/intersect wrapper for IntersectionObserver npm.intersect.badge Changelog docs.badge
@svelte-put/inline-svg dynamically inline SVGs npm.inline-svg.badge Changelog docs.badge
@svelte-put/lockscroll lock scroll, hide scrollbar npm.lockscroll.badge Changelog docs.badge
@svelte-put/movable move node on mousedown npm.movable.badge Changelog docs.badge
@svelte-put/preaction move node on mousedown npm.preaction.badge Changelog docs.badge
@svelte-put/popover move node on mousedown npm.popover.badge Changelog docs.badge
@svelte-put/preprocess-auto-slug auto add id and anchor to selected nodes npm.preprocess-auto-slug.badge Changelog docs.badge
@svelte-put/preprocess-external-link auto add id and anchor to selected nodes npm.preprocess-external-link.badge Changelog docs.badge
@svelte-put/qr render QR as img or svg npm.qr.badge Changelog docs.badge
@svelte-put/resize wrapper for ResizeObserver npm.resize.badge Changelog docs.badge
@svelte-put/shortcut add keyboard shortcuts to node npm.shortcut.badge Changelog docs.badge
@svelte-put/toc action & utilities for building table of contents npm.toc.badge Changelog docs.badge

Contributing

This project is a monorepo using turborepo under the hood. Familiarity with turborepo is not required but encouraged.

For a quick start, run the script below at project root to see what commands are available.

pnpm turbo