ChronoCraft is a free, web-based tool for creating, customizing, and sharing beautiful, interactive timelines. No sign-up is required. It's perfect for students, project managers, historians, and anyone needing to visualize a sequence of events. All your work is saved directly in your browser for ultimate privacy and convenience.
- Easy Event Creation: Quickly add events with a title, description, and specific date/time.
- Custom Event Styling: Create "Event Classes" with custom background colors, text colors, and unique icons to categorize your events.
- Interactive Timeline: A clean, vertical timeline that is easy to read and navigate.
- Live Preview: Instantly see how your custom event styles will look before saving.
- Data Persistence: Your timeline is automatically saved in your browser's local storage.
- No Sign-Up Required: Start building immediately without creating an account.
- Multiple Export Options:
- Export as Image: Download a high-quality PNG of your entire timeline.
- Export as JSON: Save your project data (events and styles) to a file for backup or transfer.
- Import Functionality: Load a previously exported JSON file to continue your work on any device.
Try ChronoCraft live here: https://syruskyury.github.io/chronocraft
- Open the HTML file: Simply open the
index.htmlfile in any modern web browser. - Name Your Timeline: Click on the title placeholder to give your timeline a name.
- Create Event Classes (Optional): In the "Manage Event Classes" section, create different categories for your events (e.g., "Milestone," "Urgent"). Assign them unique colors and icons.
- Add Events: Use the "Add/Modify Event" form to add events to your timeline. Select the appropriate class for styling.
- Manage & Modify: Click the "Modify" or "Remove" buttons on any event directly on the timeline to edit it.
- Export: When you're done, use the export buttons to save your work as a PNG image or a JSON data file.
- Frontend: HTML5, CSS3, Vanilla JavaScript (ES6+)
- Libraries:
- html2canvas - For exporting the timeline as an image.
- Font Awesome - For icons.
- Fonts: Google Fonts (Poppins)
This project is licensed under the MIT License.
This means you are free to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the software. The only requirement is to include the original copyright and license notice in any copy of the software.
See the LICENSE file for more details.
If you find this tool useful, please consider supporting its development.
Contributions, issues, and feature requests are welcome! Feel free to check the issues page if you want to contribute.
Created by SyrusKyury.