Skip to content

Useful svelte stuff to put in your projects

License

Notifications You must be signed in to change notification settings

vnphanquang/svelte-put

Folders and files

NameName
Last commit message
Last commit date
Oct 4, 2024
May 10, 2024
Mar 15, 2024
Mar 15, 2024
Oct 4, 2024
Jul 14, 2024
Mar 15, 2024
Mar 15, 2024
May 10, 2024
Mar 15, 2024
Mar 15, 2024
Mar 15, 2024
Mar 15, 2024
May 21, 2024
May 21, 2024
Jun 15, 2024
Oct 4, 2024
Mar 15, 2024
Mar 15, 2024
Jul 14, 2024

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/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