Sveltuse

rkanik
8

Collection of essential Svelte Composition Utilities for Svelte and Sveltekit

SVELTUSE

🔥🔥🔥 Contributors Needed 🔥🔥🔥

Collection of essential Svelte Utility Functions. ⚠️ Sveltuse is currently in early development and APIs and packages are likely to change quite often.

📦 Install

npm install sveltuse

yarn add sveltuse # Using yarn

pnpm install sveltuse # Using pnpm

🦄 Usage

import {
    useCounter,
    useMediaQuery,
    useBreakpoints,
    breakpointsTailwind
} from 'sveltuse'

const { count, inc, dec, set, reset } = useCounter(1, { min: 0, max: 100 })

const breakpoints = useBreakpoints(breakpointsTailwind)

const isLargeScreen = useMediaQuery('(min-width: 1024px)')
const isPreferredDark = useMediaQuery('(prefers-color-scheme: dark)')

Refer to functions list or documentations for more details.

📖 Documentation

See Usage, api and examples in sveltuse documentations.

Contribute

Please read how to contribute if you'd like to be part of the Sveltuse community of contributors.

License

Sveltuse is open-source under the MIT License.

Top categories