Reevo Sheet Vue | Modern Touch-Friendly Modal for Vue.js

Reevo Sheet is a modern and highly customizable modal component designed for touch devices, utilizing WAAPI and pure JavaScript.

Explore how to use RvSheet with Vue.js in this comprehensive example repository.

🚀 Features

• Touch-Optimized: Designed specifically for mobile and touch devices, RvSheet ensures smooth, user-friendly interactions for all users.
• Smooth Animations: Powered by WAAPI, offering one of the most efficient and smooth animation experiences available today.
• Framework-Agnostic: Built with pure JavaScript, RvSheet seamlessly integrates with any framework of your choice, from React to Angular, Vue, or even vanilla JS.
• Highly Customizable: Packed with all the essential props to meet your customization needs.
• Full Control: Offers complete flexibility over templates and styles, empowering you to create a fully customized user experience.
• Virtual keyboard avoidance: Automatically adjusts and moves the sheet when the virtual keyboard opens on mobile devices, providing an uninterrupted user experience.
• Lightweight and Efficient: At just 20KB, RvSheet is designed for speed and performance without compromising on functionality.

📦 Installation

Edit .npmrc and insert your token:

@reevo-design:registry=https://npm.pkg.github.com/
//npm.pkg.github.com/:_authToken=YOUR_TOKEN

Install with npm:

npm i @reevo-design/sheet

🛝 Playground

Experiment with RvSheet props in real time on our interactive playground

📄 Documentation

Access the full Reevo Sheet documentation to learn about all available features, configurations, and integration tips.

🪟 Vue.js template

Check out the Vue.js template example for RvSheet: View the template here