Skip to content

feat: add Project Roadmap Timeline Component (#1161)#1237

Open
Pcmhacker-piro wants to merge 1 commit into
SAPTARSHI-coder:mainfrom
Pcmhacker-piro:feat/roadmap-timeline-1161
Open

feat: add Project Roadmap Timeline Component (#1161)#1237
Pcmhacker-piro wants to merge 1 commit into
SAPTARSHI-coder:mainfrom
Pcmhacker-piro:feat/roadmap-timeline-1161

Conversation

@Pcmhacker-piro
Copy link
Copy Markdown

@Pcmhacker-piro Pcmhacker-piro commented Jun 4, 2026

Description

Adds a vertical roadmap timeline component for showcasing project milestones with completed, active, and planned status indicators. Each item features a staggered slide-in reveal, color-coded dot indicators, and hover lift on content cards.

Classes

Class Description
ease-roadmap Vertical timeline container with connecting line
ease-roadmap-item Individual milestone item with staggered reveal
ease-roadmap-dot Circular status indicator dot
ease-roadmap-content Content card with title, description, and date
ease-roadmap-date Optional date label
ease-roadmap-item-completed Green dot and border for finished milestones
ease-roadmap-item-active Purple dot with pulse animation for in-progress milestones
ease-roadmap-item-planned Default outlined dot for future milestones

Closes #1161

feat: add Project Roadmap Timeline Component (SAPTARSHI-coder#1161)
789da06 
Add a vertical roadmap timeline component with completed, active,
and planned status indicators. Includes staggered reveal animations,
pulsing active dot, and hover effects.

Closes SAPTARSHI-coder#1161
@github-actions
Copy link
Copy Markdown
Contributor

github-actions Bot commented Jun 4, 2026

✅ Submission Validation Passed!

Great job! All required files are present.

📁 Folder: submissions/examples/roadmap-timeline

Files found:

  • ✅ demo.html
  • ✅ style.css
  • ✅ README.md

🚀 Next Steps:

  • The maintainer will review your PR
  • Respond to any feedback if requested
  • Once approved, your contribution will be merged!

Thank you for contributing to EaseMotion CSS! 🎉

@Pcmhacker-piro
Copy link
Copy Markdown
Author

Pcmhacker-piro commented Jun 4, 2026

heyy @SAPTARSHI-coder
i fixed the assign issue so pls check this

@SAPTARSHI-coder SAPTARSHI-coder added accepted Contribution approved for integration into EaseMotion CSS animation Animation effects, hover interactions, motion ideas, transitions component New UI components (buttons, cards, modals, tooltips, badges) enhancement New feature or request good first issue Good for newcomers GSSoC-26 Official GSSoC 2026 issue gssoc:approved Approved for GSSoC contributions integrated Successfully merged and included in the framework level:intermediate Requires moderate project understanding type:feature New functionality or enhancement labels Jun 4, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

@SAPTARSHI-coder SAPTARSHI-coder Awaiting requested review from SAPTARSHI-coder SAPTARSHI-coder is a code owner

Assignees

@Pcmhacker-piro Pcmhacker-piro

@SAPTARSHI-coder SAPTARSHI-coder

Labels

accepted Contribution approved for integration into EaseMotion CSS animation Animation effects, hover interactions, motion ideas, transitions component New UI components (buttons, cards, modals, tooltips, badges) contribution enhancement New feature or request good first issue Good for newcomers gssoc:approved Approved for GSSoC contributions GSSoC-26 Official GSSoC 2026 issue integrated Successfully merged and included in the framework level:intermediate Requires moderate project understanding type:feature New functionality or enhancement

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

[FEATURE] Add Project Roadmap Timeline Component

2 participants

@Pcmhacker-piro @SAPTARSHI-coder