Animated Roadmap

component • $29.99

Maik Barz

2026-06-08

Version 1 (3)

Animated Roadmap is a flexible timeline component for RapidWeaver Elements. It is designed for product roadmaps, project milestones, launch plans, process steps, release timelines, and feature overviews.

It combines editable content, customizable markers, item statuses, responsive layouts, and scroll-based reveal animations.

Key Features

Collection-based roadmap items

Vertical and Alternating layouts

Fully responsive design

Free-form item content using Dropzones

Editable Label, Title, Marker Text, and Custom Status via RichText

Marker modes: Sequence, Status, Custom, None

Sequence styles: Decimal, Leading Zero, Alpha Upper / Lower, Roman Upper / Lower

Marker shapes: Circle, Square, Rounded, Pill, Dot

Item statuses: Complete, Active, Upcoming, Custom, None

Card styles: Subtle, Outlined, Plain

Animation styles: Fade Up, Slide Left, Slide Right, Slide From Sides

Ideal For

Product roadmaps

Launch timelines

Project milestones

Release plans

Process overviews

Feature timelines

Event schedules

Release Notes

Build 3 2026-06-08
Fixed UI property names
Build 2 2026-06-08
Background opacity and color for items
Build 1 2026-06-08
Initial Release