/svelte-put

Useful svelte stuff to put in your projects

Primary LanguageSvelteMIT LicenseMIT

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/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/modal type-safe async modal builder npm.modal.badge Changelog docs.badge
@svelte-put/movable move node on mousedown npm.movable.badge Changelog docs.badge
@svelte-put/noti type-safe & headless async notification builder npm.noti.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-inline-svg inline static SVGs at build time npm.preprocess-inline-svg.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
@svelte-put/tooltip type-safe headless tooltip builder npm.tooltip.badge Changelog docs.badge

Contributing

Read Contribution Guide

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