Welcome to TimeBlocks Free! 🧱⏱️ If you are building a SaaS, CRM, or management tool, displaying tasks across different resources (employees, machines, rooms) is essential. TimeBlocks provides a beautiful, native-feeling, and highly optimized Vis.js timeline right inside your Bubble app.

This "Free" version is the ultimate Read-Only Dashboard component. It allows your users to scroll through time, visualize workloads, and see task statuses at a glance without accidentally editing the data.

✨ Key Features:

🎯 Smart Auto-Focus: Automatically centers the timeline on the current date and time upon loading.

📐 Elastic Auto-Height: No more double-scrollbars or empty spaces! The timeline calculates its height dynamically based on the exact number of rows (groups) you feed it. Works flawlessly with Bubble's "Fit height to content".

🎨 Status Color Engine: Forget saving colors in the database for every task. Simply pass a list of Statuses (e.g., "Pending", "Done") and a matching list of Colors, and TimeBlocks will automatically paint and label the task blocks!

💅 Bubble Native Styling: Supports custom border roundness for tasks and respects your main container's borders and shadows.

🛡️ Bulletproof Loading: Built-in DOM polling ensures the timeline only renders when Bubble is 100% ready, eliminating "empty box" glitches.

(Looking for Drag & Drop, Resizing, and Click events? Keep an eye out for our upcoming TimeBlocks PRO version!) 👑

Demo Page: https://demo-app-56978.bubbleapps.io/version-test/timeblocks_free/1775979915738x420038951998488200

Editor Page: https://bubble.io/page?id=demo-app-56978&tab=Data&name=timeblocks_free