Vanilla Calendar
A full-featured Google Calendar clone built with zero dependencies. Create events, drag to reschedule, switch between day/week/month views — all in vanilla JavaScript.
About Vanilla Calendar
Vanilla Calendar puts a full scheduling interface in your browser — create events, drag them to new time slots, and flip between day, week, and month views just as you would in Google Calendar. Everything runs in plain JavaScript with no external libraries, so it loads fast and works entirely client-side. It's a capable daily planner for anyone who wants a familiar calendar layout without handing data to a third-party service.
The week view is where it earns its keep. Hourly rows stack up quickly, and having the full grid visible on a larger screen means you can read event titles without squinting or scrolling sideways. Click any empty slot to create an event, or drag an existing one to reschedule — the interaction feels close to the real thing. This sits comfortably in the productivity category alongside dedicated task tools, though if you prefer managing work as a checklist rather than a timed block, Task Manager is worth a look.
No account or setup required — open it and start adding events immediately, though note that data lives in your browser session, so treat it as a planning scratch pad rather than a permanent record.
Look inside
How to use
This is a fully functional calendar application that mimics Google Calendar. Your goal is to organize and track events across different time periods. **Basic Navigation:** • Click "Today" button to return to current date • Use arrow buttons next to the month/year to navigate between time periods • Click the month/year title to open a date picker for quick navigation • Use the dropdown in top-right to switch between Month, Week, and Day views **Creating Events:** • Click the "Create" button in the sidebar to add new events • Click directly on any date or time slot to create an event quickly • Fill in event details like title, time, and description **Managing Events:** • Click on existing events to view or edit details • Drag events to move them to different dates or times • Use the mini calendar in sidebar to jump to specific dates **Calendar Organization:** • Create multiple calendars using the "+" button under "My Calendars" • Toggle calendar visibility by clicking calendar names in the sidebar • Each calendar can have different colors for easy identification **Additional Features:** • Use the search button to find specific events • Access settings to customize appearance and preferences • The sidebar shows a mini calendar for quick date selection
Reviews
No written reviews yet. Be the first!
More from Productivity
A minimal, single-page Markdown editor with instant live preview. Toggle between editor and preview on mobile, or use the side-by-side layout on desktop.
