SOLIDJS-USE

[github-ci-image]: https://github.com/solidjs-use/solidjs-use/actions/workflows/ci.yml/badge.svg
[github-ci-url]: https://github.com/solidjs-use/solidjs-use/actions/workflows/ci.yml
[github-docs-image]: https://github.com/solidjs-use/solidjs-use/actions/workflows/docs.yml/badge.svg
[github-docs-url]: https://github.com/solidjs-use/solidjs-use/actions/workflows/docs.yml
[npm-image]: https://img.shields.io/npm/v/solidjs-use?style=flat-square
[npm-url]: http://npmjs.org/package/solidjs-use
[download-image]: https://img.shields.io/npm/dm/solidjs-use?style=flat-square
[download-url]: https://npmjs.org/package/solidjs-use


🚀 Features

- 🎛 Feature Rich: 300+ functions for you to choose from
- 🎪 Interactive docs & demos
- ⚡ Fully tree shakeable: Only take what you want, bundle size
- 🦾 Type Strong: Written in TypeScript, with TS Docs
- 🔩 Flexible: Configurable event filters and targets

🦄 Usage

``tsx
import { useMouse } from 'solidjs-use'

const Demo = () => {
const { x, y } = useMouse()
return (



{x()} x {y()}


export default Demo
`

Refer to documentations for more details.

📦 Install

`bash
npm i solidjs-use
``

Add ons

Demo

- Vite + SolidJS + solidjs-use

🧱 Contribute

See the Contributing Guide

🌸 Thanks

This project is heavily inspired by the following awesome projects.

- vueuse
- streamich/react-use
- u3u/vue-hooks
- logaretm/vue-use-web
- kripod/react-hooks

And thanks to all the contributors on GitHub!

📄 License

MIT License © 2023-PRESENT dream2023

!Star History Chart