Vue Cal v5 - A Flexible and Beautiful Vue 3 Calendar 📅✨
June 9, 2026 · View on GitHub
Vue Cal v5 - A Flexible and Beautiful Vue 3 Calendar 📅✨
Vue Cal is your ultimate Vue 3 calendar solution! Packed with powerful features, it's highly customizable, elegant, and designed to fit all kinds of scheduling needs. Whether you’re building a personal planner, a booking system, or a productivity tool, Vue Cal is here to make your job easier and more enjoyable. Need the backend too? Planisto is the scheduling infrastructure built by the same author, always powered by the latest Vue Cal.
🌟 Features at a Glance
- 🔄 Fully Responsive: Beautiful on any screen size.
- 🎨 Customizable: Tailor colors, any kind of slots, and views to your needs. Attach all DOM events that you want.
- 🗓️ Multiple Views: Choose between day, week, and month views (and more!).
- 📌 Event Management: Add, edit, drag-and-drop, and resize events with ease.
- ⚡️ Lightweight & Fast: Built with performance in mind.
🎉 First stable release — coming soon
Vue Cal 5’s first stable release is almost here — and it’s a big one.
We’re putting the finishing touches on v5 stable after an incredible RC run. Alongside everything you already enjoy in the RC line:
- Timezone support — schedule confidently across regions without the calendar fighting your clock.
event.patch()— update a single event in place instead of replacing the whole list. Ideal when your API streams changes and you want the UI to stay snappy.- Smarter API-driven updates — when your
eventsarray refreshes, Vue Cal merges byidand only re-renders what actually changed whenever it can.
Keep using vue-cal@next today; stable lands on npm when the timezone work merges.
Love Vue Cal? If it powers your product, side project, or dream calendar UI, sponsoring on GitHub genuinely helps us ship faster, polish docs, and keep the project free for everyone. Every bit counts — thank you!
🌍 Demo & Documentation
Experience Vue Cal in action or dive into the docs for setup instructions and API details.
New V5! 🚀
V4 (Stable)
🗓️ Need a backend for your Vue Cal integration?
Vue Cal handles the UI. Planisto handles everything behind it — REST API, event storage, team management, booking engine, and embeds — built by the same author, always running the latest Vue Cal.
Because Planisto is maintained by the same developer, Vue Cal improvements land in Planisto automatically. And the other way around: features Planisto users need get built back into Vue Cal for everyone.
planisto.io/coming-soon — coming soon. Get notified when we launch.
📦 Installation
Install the latest prerelease of Vue Cal V5 with your favorite package manager (stable follows the upcoming timezone release):
npm i vue-cal@next
💡 Why Choose Vue Cal?
With over 1.2k stars on GitHub and trusted by developers around the globe, Vue Cal is more than just a library — it’s a community-driven project committed to providing excellence.
🤝 Support the Project
We’re racing toward v5 stable — timezone support, event.patch(), and sharper API-driven rendering. Your sponsorship helps us cross the finish line.
Why Sponsor? 💛
Vue Cal is a labor of love, built and maintained by passionate developers to save you time and effort. Your support helps us:
- Add new features you’ve been asking for.
- Fix bugs quickly and efficiently.
- Keep the project free and open-source for everyone.
How You Can Help 🙌
- ⭐ Star this repo to show your appreciation!
- 💬 Share Vue Cal with your network.
- 💵 Become a Sponsor to keep Vue Cal thriving.
Every contribution—big or small—makes a huge difference. Join us on this journey and be part of something amazing! 💖
❤️ Special Thanks to Our Sponsors
A huge shoutout to our amazing sponsors who make Vue Cal possible. Want to see your name here? Become a sponsor today!
🛠️ Contributing
We welcome all contributions through well tested PRs. Check out the Contributing Guide to get started.
📄 License
Vue Cal is licensed under the MIT License.
Let’s Build the Future of Scheduling Together! 🚀
Become a Sponsor and join the Vue Cal community today!