@svelte-put

a collection of useful svelte actions, components, and utilities extracted from real world projects.

Packages

@svelte-put includes several packages with self-managed release cycles, listed below. Check out their corresponding documentation page for more details.

miscellaneous

ID

Description

Version

Status

avatar

component & utilities for building avatars

stable

modal

type-safe async modal builder

stable

action

ID

Description

Version

Status

clickoutside

event for clicking outside node

stable

copy

action & utilities to copy text to clipboard

stable

dragscroll

action to add "drag-to-scroll" behavior

stable

inline-svg

solution for inlining SVGs in svelte land

new

intersect

svelte action that wraps for IntersectionObserver

stable

movable

move node on mousedown

stable

resize

svelte action that wraps for ResizeObserver

stable

shortcut

add keyboard shortcuts to node

stable

toc

action and utilities for building table of contents

stable

preprocessor

ID

Description

Version

Status

preprocess-auto-slug

svelte preprocessor to add id attribute and anchor tag

stable

preprocess-inline-svg

svelte preprocessor to inline static svg at build time

new

component

ID

Description

Version

Status

select

type-safe and extensible select

dev

Inspiration & Acknowledgement

This is a collection of useful svelte utilities extracted from my real world projects that might be helpful for yours too.

There is already a great pool of svelte svelte actions collected by Shawn and other contributors that you should check out. There might be some duplication here and there. However:

  • Shawn's project aims to be a source for RFCs into svelte; I believe the stuff I am putting here should stay in user land.
  • I prefer having separate packages for their dedicated purposes (instead of one package that exports everything).
  • I want to incrementally include more than just actions in this collection.

For those reasons, a monorepo seems like a good fit, hence this project.

Donating

Financial support helps keep the project sustainable. To donate, please visit buymeacoffee/vnphanquang .

Thank you very much for your support.

Contributing

Source code can be found at github GitHub . If you have any suggestions or found a bug, please read the Contributing Guidelines and open an issue .

Happy coding! 👨‍💻

Edit this page on GitHub