BluKavantUI Design system
PEOPLE AND PLANS, TOGETHER
Project Timeline PRO

See who’s doing what.
And when.

Bring resource assignments, planned hours and delivery dates into one timeline. Give project leads a clear view of the work—and give each team member a view of their own.

  • Resource allocation
  • Date & resource filters
  • Progress & milestones

For web apps and OutSystems

Ecuador launch / OctoberSample schedule
Workstream0108152231
Packaging design
100%
Product photography
65%
Retailer launch kit
30%
Storefront updates
0%
Launch day
◆ Oct 29
Tasks, progress and milestones in one readable view.
MORE THAN DATES ON A CHART

People. Time. Progress.

Keep the information behind a deadline in the same view as the schedule.

RESOURCE ALLOCATION

Put a person behind the plan.

Show each owner’s name, photo and role alongside assigned tasks and planned hours. Group by resource to review one person’s work together.

PLANNED EFFORT · SAMPLE TASKS
Maya ChenBrand lead · 2 tasks24 h
Sofia Patel1 task · 1 milestone24 h
Luis RiveraPackaging specialist · 1 task12 h
Explore resource grouping
DATE & RESOURCE FILTERS

A focused view for every conversation.

Choose a date window, filter to a person, search a project or show only milestones. See the work that overlaps your chosen period.

OCTOBER DELIVERY REVIEW
ResourceMaya Chen
Date rangeOct 1 – Oct 31
Task typeTasks
Packaging design · Storefront updates
Try the filters
TIMELINES & PROGRESS

Read the plan at a glance.

Color-coded bars show start and end dates, completed work and overlapping tasks. A today marker keeps the schedule grounded in the current day.

Photography65% complete
Oct 8 – 19 · 24 hours planned
MILESTONES & TASK DETAILS

Keep the next handoff in sight.

Mark approvals and delivery dates with distinct milestones. Select any item to open its brief, record or detail panel in your application.

OCT29
Ecuador launchMilestone · Product releaseOpen the live schedule
TRY THE REAL COMPONENT

Your team. Your timeframe. Your view.

Filter to Maya’s work, group the schedule by resource, or narrow the date range. Select a colored task or milestone to open its details below.

Interactive Project Timeline demoWeb component

Loading the example… Open the component playground.

Demo data stays in memory on this page. Reloading the browser resets it. No database writes or shared collaboration.

BUILT FOR THE NEXT PROJECT REVIEW

One schedule. Different perspectives.

Team planning
Group by person to review assignments and planned hours before agreeing the next handoff.
Client delivery
Bring dates and progress from your project records into a portal your customer can follow.
Launch reviews
Filter to milestones to focus the conversation on approvals, release dates and delivery commitments.
YOUR APP. YOUR WORKFLOW.

Bring it into your product.

Connect your tasks, resource profiles and effort estimates. Each item links to a resource; filters and grouping organize the view, and ItemClick opens your task details. Your application owns capacity rules, scheduling, dependencies, date edits and persistence.

View accessibility status

Search BluKavantUI