Show HN: Circalify – 10KB circular timeline library for annual planning

Zero Dependencies

Pure JavaScript and SVG. No external libraries needed. Just include and start building. Under 10KB gzipped.

Fully Customizable

Complete control over colors, fonts, sizes, and layouts. Simple API that's easy to integrate and configure.

Responsive by Default

Works beautifully on all devices and screen sizes. SVG-based rendering ensures crisp visuals at any resolution.

Framework Agnostic

Works with React, Vue, Angular, Svelte, or vanilla JS. Simple API that integrates with any framework or build tool.

Flexible Time Units

Support for days, weeks, months, quarters, and custom intervals. Visualize any cyclical data pattern.

Performance Focused

Optimized rendering with virtual scrolling for large datasets. Smooth animations and transitions at 60fps.

Yes! Circalify is open source under the MIT license. The core library will always be free to use in personal projects, commercial products, or anywhere else without restrictions.

Every aspect is customizable through configuration options - colors, fonts, sizes, spacing, and more. You can also apply custom CSS classes for complete styling control.

Yes! The MIT license allows unrestricted use in commercial projects. No attribution required (though always appreciated!).

We're currently in beta and adding new features weekly. Sign up to get notified when v1.0 launches with enhanced features, templates, and comprehensive documentation. You'll also get early access to new features and tools as we build them.

We welcome contributions! Check out our GitHub repository to report issues, submit pull requests, or discuss feature ideas. Star the repo to show your support!

Or use CDN

Basic Usage