nicholascostadev / svelte-put

Useful svelte stuff to put in your projects

Home Page:https://svelte-put.vnphanquang.com

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

MIT MadeWithSvelte.com

Useful svelte stuff to put in your projects

svelte-put

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

In the Pipeline

These are some packages that will be added in the future (as soon as I find time, and the implementation has matured & become generic enough).

Package Category Short Description Status Docs
@svelte-put/select component minimal & extensible select prototyping coming soon

Names for those packages may change.

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

About

Useful svelte stuff to put in your projects

https://svelte-put.vnphanquang.com

License:MIT License


Languages

Language:Svelte 52.8%Language:JavaScript 25.6%Language:TypeScript 20.0%Language:CSS 1.2%Language:HTML 0.4%