Awesome
<div align="center">@svelte-put
Useful svelte stuff to put in your projects
</div>[!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 | 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/movable | move node on mousedown | Changelog | ||
@svelte-put/preaction | move node on mousedown | Changelog | ||
@svelte-put/popover | move node on mousedown | Changelog | ||
@svelte-put/preprocess-auto-slug | auto add id and anchor to selected nodes | Changelog | ||
@svelte-put/preprocess-external-link | auto add id and anchor to selected nodes | 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 |
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
<!-- github specifics -->
<!-- heading badge -->
<!-- npm -->
<!-- svelte REPL -->
<!-- docs linking -->