Schedule-X
Material scheduling tools for your web project
FreeOpen SourceUI Library13,506 impressions#3 of its week1 comment
Schedule-X is a modern JavaScript event calendar with drag-drop, resizing, dark mode and i18n, available as React, Vue, Angular, Svelte or plain JS.
- for
- Web developers needing a ready-made, customizable calendar component.
- pricing
- free
- license
- MIT
Key features
- Drag & Drop — Reschedule events by dragging them on the calendar.
- Event Resizing — Adjust event duration by dragging the edges of an event.
- Dark Mode — Toggle between light and dark themes via a simple method call.
- i18n Support — Multiple languages are built-in and can be switched easily.
- Responsive Design — Works on desktop, tablet and mobile devices out of the box.
- Framework Integrations — Provided as components for React, Vue, Angular, Svelte and also plain JavaScript.
- Premium Cloud Backend — Managed backend with real-time updates and two-way Google Calendar sync.
- Customizable Views — Choose which calendar views to show and add custom day boundaries or plugins.
Use cases
- Add a resource-booking calendar to a SaaS dashboard.
- Implement an employee shift schedule with drag-and-drop adjustments.
- Sync user events with Google Calendar for a productivity app.
- Display class timetables for an online education platform.
Schedule-X vs alternatives
 Schedule-X |  Material UI |  shadcn/ui |  Storybook |  Ionic | |
|---|---|---|---|---|---|
| Best for | Feature-rich web calendar | General Material-Design UI kit | Open-source UI components | Component development workflow | Mobile UI toolkit |
| Pricing | Free | Free | Free | Free | Free |
| DevHunt upvotes | 9 | 0 | 0 | 0 | 0 |
| Launched | Aug 2024 | — | — | — | — |
- Schedule-X vs Material UI: Material UI offers a broader component library, not a dedicated calendar with premium backend.
- Schedule-X vs shadcn/ui: shadcn/ui is a collection of UI components without built-in calendar features or backend services.
- Schedule-X vs Storybook: Storybook is for developing and testing UI components, not a ready-made calendar solution.
- Schedule-X vs Ionic: Ionic focuses on mobile app UI, whereas Schedule-X targets web calendars with scheduling logic.
Schedule-X FAQ
Does Schedule-X work on mobile devices?+
Yes, the calendar is responsive and adapts to desktop, tablet and mobile screens.
Which frameworks are supported?+
Schedule-X provides components for React, Vue, Angular, Svelte and also a plain JavaScript version.
Is there a dark-mode option?+
Yes, you can toggle dark mode by calling a method provided by the library.
Can I sync events with Google Calendar?+
The Schedule-X Cloud offering includes two-way Google Calendar synchronization.
Is there a managed backend option?+
Schedule-X Cloud provides a fully managed backend with real-time updates for calendars and events.
Summarized by DevHunt from schedule-x.dev · Oct 4, 2026. Details may change; check the official site.
