Zero dependencies. Full internationalization. Framework wrappers for React, Vue & Angular. Everything you need in just 22KB.
Pure vanilla JavaScript. No external libraries required. Just 22KB minified.
Native Intl.DateTimeFormat API support for any locale. RTL languages included.
Official React, Vue 3, and Angular components included in the package.
Fetch events dynamically with async/await. Perfect for API integrations.
CSS custom properties for easy theming. Dark mode ready out of the box.
Works perfectly on desktop, tablet, and mobile. Touch-friendly interface.
Get started in seconds with your favorite framework
npm install simple-calendar-jsimport 'simple-calendar-js/dist/simple-calendar-js.min.css';
const calendar = new SimpleCalendarJs('#calendar', {
defaultView: 'month',
locale: 'en-US',
fetchEvents: async (startDate, endDate) => {
const res = await fetch('/api/events');
return await res.json();
},
onEventClick: (event) => {
console.log('Event clicked:', event);
}
});