Tempis Timeline is a canvas-rendered timeline library designed for web applications that need to display and interact with large datasets. Built for performance and flexibility, it allows users to pan through thousands of timeline items smoothly, thanks to virtual scrolling that ensures only visible items are drawn. The tool is suitable for scenarios requiring real-time data streaming, with new events appearing instantly and animated transitions providing a seamless visual experience.
The library supports animated navigation to any item, date, or range, allowing for configurable easing and duration. Developers can use built-in date adapters or integrate their own, such as Luxon, Day.js, or date-fns, offering full control over date formatting and timezone handling. Tempis Timeline is fully responsive, automatically redrawing as its container resizes, and includes features for defining item dependencies, which are visually represented with connector arrows. Additional visualization tools include a minimap for quick navigation, color-coded categories with an interactive legend for filtering and highlighting, vertical timeline bands to emphasize specific periods, and smart stacking modes for overlapping items.
User interaction is further enhanced by touch and gesture support, including pinch-to-zoom and smooth panning. Accessibility features are integrated, such as keyboard navigation, ARIA attributes, and support for reduced motion. Custom tooltip templates allow for rich, per-item information display, and right-to-left layout support is available for languages like Arabic and Hebrew. Export functionality enables users to generate PNG, JPEG, or WebP images of the timeline, with device pixel ratio control for high-resolution output.
Tempis Timeline is implemented in TypeScript, providing full type definitions, IntelliSense, and typed callbacks. It can be used directly in vanilla JavaScript or TypeScript, with official wrappers available for React, Vue, and Svelte, and Angular support planned. The library is lightweight, with no runtime dependencies and a minified size of less than 18kb. Installation is available via npm or by including a CDN script tag. The software is source-available and free for non-commercial use, with a commercial license required for business applications.
In the Frameworks & SDKs space, Tempis Timeline takes a focused approach. It focuses on visualizing and interacting with large-scale timeline data efficiently in web applications. It is built as an open-source project for web developers. Tempis Timeline is open source under the Open Source license. It runs on the web.
Tempis Timeline first shipped in 2026. Development happens publicly on GitHub with 51 stars and 39 commits in the last 90 days. Key capabilities include canvas rendering, virtual scrolling, and touch support.
Latest indexed changes and source events
Show HN: Tempis, a canvas-based timeline component for large datasets verified by the PulseGate indexer
Other apps tracked under the same category.
