Viselect

<h3 align="center"> <img alt="Logo" src="https://user-images.githubusercontent.com/30767528/123517467-622b0f80-d6a1-11eb-9bf3-abcb4928a89e.png" width="350"/> </h3> <h3 align="center"> Visual dom-selection library </h3> <h6 align="center"> <a href="https://simonwep.github.io/viselect/">Documentation</a> / <a href="https://simonwep.github.io/viselect/pages/quickstart.html">Quickstart</a> / <a href="https://simonwep.github.io/viselect/pages/examples.html">Examples</a> </h6> <p align="center"> <a href="https://choosealicense.com/licenses/mit/"><img alt="License MIT" src="https://img.shields.io/badge/license-MIT-ae15cc.svg"></a> <img alt="No dependencies" src="https://img.shields.io/badge/dependencies-none-8115cc.svg"> <a href="https://github.com/sponsors/Simonwep"><img alt="Support me" src="https://img.shields.io/badge/github-support-6a15cc.svg"></a> <img alt="version" src="https://img.shields.io/github/lerna-json/v/simonwep/viselect?color=%233d24c9&label=version"> <a href="https://www.buymeacoffee.com/aVc3krbXQ"><img alt="Buy me a coffee" src="https://img.shields.io/badge/%F0%9F%8D%BA-buy%20me%20a%20beer-%23FFDD00"></a> <a href="https://github.com/simonwep/viselect/actions/workflows/main.yml"><img alt="Build Status" src="https://github.com/simonwep/viselect/actions/workflows/main.yml/badge.svg"></a> <a href="https://github.com/simonwep/viselect/actions/workflows/deploy.yml"><img alt="Docs" src="https://github.com/simonwep/viselect/actions/workflows/deploy.yml/badge.svg"></a> <img alt="gzip size" src="https://img.badgesize.io/https://cdn.jsdelivr.net/npm/@viselect/vanilla/dist/viselect.umd.js?compression=gzip"> <img alt="brotli size" src="https://img.badgesize.io/https://cdn.jsdelivr.net/npm/@viselect/vanilla/dist/viselect.umd.js?compression=brotli"> <a href="https://v3.vuejs.org"><img alt="Vue support" src="https://img.shields.io/badge/✔-vue-%2340B581"></a> <a href="https://preactjs.com/"><img alt="Preact support" src="https://img.shields.io/badge/✔-preact-%236337B1"></a> <a href="https://reactjs.org"><img alt="React support" src="https://img.shields.io/badge/✔-react-%2359D7FF"></a> </p> <p align="center"> <img height="100" alt="demo gif" src="https://github.com/user-attachments/assets/7700280d-f388-4c49-bce6-391fb5e338e7"> </p>

Features 🤘

• 🌟 Modern bundle
• 🔩 Ultra tiny (~4kb)
• 👌 Simple usage
• ⚡ Highly optimized
• ✔ Zero dependencies
• 📱 Mobile / touch support
• 🖱 Vertical and horizontal scroll support
• 💪 Battle tested (over 6 years old and used in many apps)

Getting started

Head over to the documentation to get started 🚀

You want to contribute?

That's awesome! Check out the contribution guidelines to get started :)