Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/vnphanquang/svelte-put
Useful svelte stuff to put in your projects
https://github.com/vnphanquang/svelte-put
action component npm preprocess svelte svelte-action svelte-kit sveltejs typescript vite
Last synced: 5 days ago
JSON representation
Useful svelte stuff to put in your projects
- Host: GitHub
- URL: https://github.com/vnphanquang/svelte-put
- Owner: vnphanquang
- License: mit
- Created: 2022-05-12T04:48:10.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2025-01-06T14:00:55.000Z (15 days ago)
- Last Synced: 2025-01-08T22:17:33.673Z (13 days ago)
- Topics: action, component, npm, preprocess, svelte, svelte-action, svelte-kit, sveltejs, typescript, vite
- Language: Svelte
- Homepage: https://svelte-put.vnphanquang.com
- Size: 21.2 MB
- Stars: 865
- Watchers: 6
- Forks: 25
- Open Issues: 9
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- Funding: .github/FUNDING.yml
- License: LICENSE
Awesome Lists containing this project
- awesome-sveltekit - [code
README
# [@svelte-put][docs]
[![MIT][license.badge]][license] [![MadeWithSvelte.com][madewithsvelte.badge]][madewithsvelte]
Useful svelte stuff to put in your projects
> [!NOTE]
> [Svelte 5](https://svelte.dev/blog/svelte-5-is-alive) is here! It is recommended that you migrate
> to Svelte 5 and upgrade to the next major versions of __svelte-put/*__ packages.
## Documentation
[See the dedicated documentation page here][docs].
## 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][github.async-stack] | component & utilities for async-stack | [![npm.async-stack.badge]][npm.async-stack] | [Changelog][github.async-stack.changelog] | [![docs.badge]][docs.async-stack] |
| [@svelte-put/avatar][github.avatar] | component & utilities for avatar | [![npm.avatar.badge]][npm.avatar] | [Changelog][github.avatar.changelog] | [![docs.badge]][docs.avatar] |
| [@svelte-put/clickoutside][github.clickoutside] | event for clicking outside node | [![npm.clickoutside.badge]][npm.clickoutside] | [Changelog][github.clickoutside.changelog] | [![docs.badge]][docs.clickoutside] |
| [@svelte-put/cloudflare-turnstile][github.cloudflare-turnstile] | event for clicking outside node | [![npm.cloudflare-turnstile.badge]][npm.cloudflare-turnstile] | [Changelog][github.cloudflare-turnstile.changelog] | [![docs.badge]][docs.cloudflare-turnstile] |
| [@svelte-put/copy][github.copy] | copy text to clipboard | [![npm.copy.badge]][npm.copy] | [Changelog][github.copy.changelog] | [![docs.badge]][docs.copy] |
| [@svelte-put/dragscroll][github.dragscroll] | add drag-to-scroll behavior | [![npm.dragscroll.badge]][npm.dragscroll] | [Changelog][github.dragscroll.changelog] | [![docs.badge]][docs.dragscroll] |
| [@svelte-put/intersect][github.intersect] | wrapper for IntersectionObserver | [![npm.intersect.badge]][npm.intersect] | [Changelog][github.intersect.changelog] | [![docs.badge]][docs.intersect] |
| [@svelte-put/inline-svg][github.inline-svg] | dynamically inline SVGs | [![npm.inline-svg.badge]][npm.inline-svg] | [Changelog][github.inline-svg.changelog] | [![docs.badge]][docs.inline-svg] |
| [@svelte-put/lockscroll][github.lockscroll] | lock scroll, hide scrollbar | [![npm.lockscroll.badge]][npm.lockscroll] | [Changelog][github.lockscroll.changelog] | [![docs.badge]][docs.lockscroll] |
| [@svelte-put/movable][github.movable] | move node on mousedown | [![npm.movable.badge]][npm.movable] | [Changelog][github.movable.changelog] | [![docs.badge]][docs.movable] |
| [@svelte-put/preaction][github.preaction] | move node on mousedown | [![npm.preaction.badge]][npm.preaction] | [Changelog][github.preaction.changelog] | [![docs.badge]][docs.preaction] |
| [@svelte-put/popover][github.popover] | move node on mousedown | [![npm.popover.badge]][npm.popover] | [Changelog][github.popover.changelog] | [![docs.badge]][docs.popover] |
| [@svelte-put/preprocess-auto-slug][github.preprocess-auto-slug] | auto add `id` and anchor to selected nodes | [![npm.preprocess-auto-slug.badge]][npm.preprocess-auto-slug] | [Changelog][github.preprocess-auto-slug.changelog] | [![docs.badge]][docs.preprocess-auto-slug] |
| [@svelte-put/preprocess-external-link][github.preprocess-external-link] | auto add `id` and anchor to selected nodes | [![npm.preprocess-external-link.badge]][npm.preprocess-external-link] | [Changelog][github.preprocess-external-link.changelog] | [![docs.badge]][docs.preprocess-external-link] |
| [@svelte-put/qr][github.qr] | render QR as `img` or `svg` | [![npm.qr.badge]][npm.qr] | [Changelog][github.qr.changelog] | [![docs.badge]][docs.qr] |
| [@svelte-put/resize][github.resize] | wrapper for ResizeObserver | [![npm.resize.badge]][npm.resize] | [Changelog][github.resize.changelog] | [![docs.badge]][docs.resize] |
| [@svelte-put/shortcut][github.shortcut] | add keyboard shortcuts to node | [![npm.shortcut.badge]][npm.shortcut] | [Changelog][github.shortcut.changelog] | [![docs.badge]][docs.shortcut] |
| [@svelte-put/toc][github.toc] | action & utilities for building table of contents | [![npm.toc.badge]][npm.toc] | [Changelog][github.toc.changelog] | [![docs.badge]][docs.toc] |
## 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.
```bash
pnpm turbo
```
[github.contributing]: ./CONTRIBUTING.md
[github.issues]: https://github.com/vnphanquang/svelte-put/issues?q=
[github.async-stack]: https://github.com/vnphanquang/svelte-put/tree/main/packages/async-stack
[github.async-stack.changelog]: https://github.com/vnphanquang/svelte-put/blob/main/packages/async-stack/CHANGELOG.md
[github.avatar]: https://github.com/vnphanquang/svelte-put/tree/main/packages/avatar
[github.avatar.changelog]: https://github.com/vnphanquang/svelte-put/blob/main/packages/avatar/CHANGELOG.md
[github.clickoutside]: https://github.com/vnphanquang/svelte-put/tree/main/packages/clickoutside
[github.clickoutside.changelog]: https://github.com/vnphanquang/svelte-put/blob/main/packages/clickoutside/CHANGELOG.md
[github.cloudflare-turnstile]: https://github.com/vnphanquang/svelte-put/tree/main/packages/cloudflare-turnstile
[github.cloudflare-turnstile.changelog]: https://github.com/vnphanquang/svelte-put/blob/main/packages/cloudflare-turnstile/CHANGELOG.md
[github.copy]: https://github.com/vnphanquang/svelte-put/tree/main/packages/copy
[github.copy.changelog]: https://github.com/vnphanquang/svelte-put/blob/main/packages/copy/CHANGELOG.md
[github.dragscroll]: https://github.com/vnphanquang/svelte-put/tree/main/packages/dragscroll
[github.dragscroll.changelog]: https://github.com/vnphanquang/svelte-put/blob/main/packages/dragscroll/CHANGELOG.md
[github.intersect]: https://github.com/vnphanquang/svelte-put/tree/main/packages/intersect
[github.intersect.changelog]: https://github.com/vnphanquang/svelte-put/blob/main/packages/intersect/CHANGELOG.md
[github.inline-svg]: https://github.com/vnphanquang/svelte-put/tree/main/packages/inline-svg
[github.inline-svg.changelog]: https://github.com/vnphanquang/svelte-put/blob/main/packages/inline-svg/CHANGELOG.md
[github.lockscroll]: https://github.com/vnphanquang/svelte-put/tree/main/packages/lockscroll
[github.lockscroll.changelog]: https://github.com/vnphanquang/svelte-put/blob/main/packages/lockscroll/CHANGELOG.md
[github.movable]: https://github.com/vnphanquang/svelte-put/tree/main/packages/movable
[github.movable.changelog]: https://github.com/vnphanquang/svelte-put/blob/main/packages/movable/CHANGELOG.md
[github.preaction]: https://github.com/vnphanquang/svelte-put/tree/main/packages/preaction
[github.preaction.changelog]: https://github.com/vnphanquang/svelte-put/blob/main/packages/preaction/CHANGELOG.md
[github.popover]: https://github.com/vnphanquang/svelte-put/tree/main/packages/popover
[github.popover.changelog]: https://github.com/vnphanquang/svelte-put/blob/main/packages/popover/CHANGELOG.md
[github.preprocess-auto-slug]: https://github.com/vnphanquang/svelte-put/tree/main/packages/preprocess-auto-slug
[github.preprocess-auto-slug.changelog]: https://github.com/vnphanquang/svelte-put/blob/main/packages/preprocess-auto-slug/CHANGELOG.md
[github.preprocess-external-link]: https://github.com/vnphanquang/svelte-put/tree/main/packages/preprocess-external-link
[github.preprocess-external-link.changelog]: https://github.com/vnphanquang/svelte-put/blob/main/packages/preprocess-external-link/CHANGELOG.md
[github.qr]: https://github.com/vnphanquang/svelte-put/tree/main/packages/qr
[github.qr.changelog]: https://github.com/vnphanquang/svelte-put/blob/main/packages/qr/CHANGELOG.md
[github.resize]: https://github.com/vnphanquang/svelte-put/tree/main/packages/resize
[github.resize.changelog]: https://github.com/vnphanquang/svelte-put/blob/main/packages/resize/CHANGELOG.md
[github.shortcut]: https://github.com/vnphanquang/svelte-put/tree/main/packages/shortcut
[github.shortcut.changelog]: https://github.com/vnphanquang/svelte-put/blob/main/packages/shortcut/CHANGELOG.md
[github.toc]: https://github.com/vnphanquang/svelte-put/tree/main/packages/toc
[github.toc.changelog]: https://github.com/vnphanquang/svelte-put/blob/main/packages/toc/CHANGELOG.md
[license.badge]: https://img.shields.io/badge/license-MIT-blue.svg
[license]: ./LICENSE
[madewithsvelte.badge]: https://madewithsvelte.com/storage/repo-shields/4070-shield.svg
[madewithsvelte]: https://madewithsvelte.com/p/svelte-put/shield-link
[npm.async-stack.badge]: https://img.shields.io/npm/v/@svelte-put/async-stack
[npm.async-stack]: https://www.npmjs.com/package/@svelte-put/async-stack
[npm.avatar.badge]: https://img.shields.io/npm/v/@svelte-put/avatar
[npm.avatar]: https://www.npmjs.com/package/@svelte-put/avatar
[npm.clickoutside.badge]: https://img.shields.io/npm/v/@svelte-put/clickoutside
[npm.clickoutside]: https://www.npmjs.com/package/@svelte-put/clickoutside
[npm.cloudflare-turnstile.badge]: https://img.shields.io/npm/v/@svelte-put/cloudflare-turnstile
[npm.cloudflare-turnstile]: https://www.npmjs.com/package/@svelte-put/cloudflare-turnstile
[npm.copy.badge]: https://img.shields.io/npm/v/@svelte-put/copy
[npm.copy]: https://www.npmjs.com/package/@svelte-put/copy
[npm.dragscroll.badge]: https://img.shields.io/npm/v/@svelte-put/dragscroll
[npm.dragscroll]: https://www.npmjs.com/package/@svelte-put/dragscroll
[npm.intersect.badge]: https://img.shields.io/npm/v/@svelte-put/intersect
[npm.intersect]: https://www.npmjs.com/package/@svelte-put/intersect
[npm.inline-svg.badge]: https://img.shields.io/npm/v/@svelte-put/inline-svg
[npm.inline-svg]: https://www.npmjs.com/package/@svelte-put/inline-svg
[npm.lockscroll.badge]: https://img.shields.io/npm/v/@svelte-put/lockscroll
[npm.lockscroll]: https://www.npmjs.com/package/@svelte-put/lockscroll
[npm.movable.badge]: https://img.shields.io/npm/v/@svelte-put/movable
[npm.movable]: https://www.npmjs.com/package/@svelte-put/movable
[npm.popover.badge]: https://img.shields.io/npm/v/@svelte-put/popover
[npm.popover]: https://www.npmjs.com/package/@svelte-put/popover
[npm.preaction.badge]: https://img.shields.io/npm/v/@svelte-put/preaction
[npm.preaction]: https://www.npmjs.com/package/@svelte-put/preaction
[npm.preprocess-auto-slug.badge]: https://img.shields.io/npm/v/@svelte-put/preprocess-auto-slug
[npm.preprocess-auto-slug]: https://www.npmjs.com/package/@svelte-put/preprocess-auto-slug
[npm.preprocess-external-link.badge]: https://img.shields.io/npm/v/@svelte-put/preprocess-external-link
[npm.preprocess-external-link]: https://www.npmjs.com/package/@svelte-put/preprocess-external-link
[npm.qr.badge]: https://img.shields.io/npm/v/@svelte-put/qr
[npm.qr]: https://www.npmjs.com/package/@svelte-put/qr
[npm.resize.badge]: https://img.shields.io/npm/v/@svelte-put/resize
[npm.resize]: https://www.npmjs.com/package/@svelte-put/resize
[npm.shortcut.badge]: https://img.shields.io/npm/v/@svelte-put/shortcut
[npm.shortcut]: https://www.npmjs.com/package/@svelte-put/shortcut
[npm.toc.badge]: https://img.shields.io/npm/v/@svelte-put/toc
[npm.toc]: https://www.npmjs.com/package/@svelte-put/toc
[turborepo]: https://turborepo.org/
[docs]: https://svelte-put.vnphanquang.com
[docs.async-stack]: https://svelte-put.vnphanquang.com/docs/async-stack
[docs.avatar]: https://svelte-put.vnphanquang.com/docs/avatar
[docs.clickoutside]: https://svelte-put.vnphanquang.com/docs/clickoutside
[docs.cloudflare-turnstile]: https://svelte-put.vnphanquang.com/docs/cloudflare-turnstile
[docs.copy]: https://svelte-put.vnphanquang.com/docs/copy
[docs.dragscroll]: https://svelte-put.vnphanquang.com/docs/dragscroll
[docs.intersect]: https://svelte-put.vnphanquang.com/docs/intersect
[docs.inline-svg]: https://svelte-put.vnphanquang.com/docs/inline-svg
[docs.lockscroll]: https://svelte-put.vnphanquang.com/docs/lockscroll
[docs.movable]: https://svelte-put.vnphanquang.com/docs/movable
[docs.preaction]: https://svelte-put.vnphanquang.com/docs/preaction
[docs.popover]: https://svelte-put.vnphanquang.com/docs/popover
[docs.preprocess-auto-slug]: https://svelte-put.vnphanquang.com/docs/preprocess-auto-slug
[docs.preprocess-external-link]: https://svelte-put.vnphanquang.com/docs/preprocess-external-link
[docs.qr]: https://svelte-put.vnphanquang.com/docs/qr
[docs.resize]: https://svelte-put.vnphanquang.com/docs/resize
[docs.shortcut]: https://svelte-put.vnphanquang.com/docs/shortcut
[docs.toc]: https://svelte-put.vnphanquang.com/docs/toc
[docs.badge]: https://img.shields.io/badge/-Docs%20Site-blue