Quasar Timelines

Timelines built with Quasar for Vue and Nuxt apps. Preview each design, then copy the code straight into your project.

  • May 22, 2025
    Event Title
    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam
  • May 21, 2025
    Event Title
    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam
  • May 22, 2025
    Event Title
    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam
  • May 22, 2025
    Event Title
    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam
    Latest changes
  • May 22, 2025
    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam
  • May 22, 2025
    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam

  • Timeline heading

  • May 22, 2025
    Event Title
    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam
  • May 22, 2025
    Event Title
    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam
  • May 22, 2025
    Event Title
    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam
  • May 22, 2025
    Event Title
    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam
    Latest changes
  • May 22, 2025
    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam
  • May 22, 2025
    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam
  • May 22, 2025
    Event Title
    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam
  • May 21, 2025
    Event Title
    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam
  • May 22, 2025
    Event Title
    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam
  • May 22, 2025
    Event Title
    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam
  • 10:03 AM
    This order was archived.
  • 10:02 AM
    Order confirmation email was sent to Jane Smith (jane@example.com).
  • 10:01 AM
    A $75.00 payment was processed on Stripe.
  • 10:01 AM
    Confirmation #ABC123XYZ was generated for this order.
  • 10:01 AM
    Jane Smith placed this order on Web Store (checkout #987654321012345)
Latest updates
  • 14 hours ago
    SecureAuth is now a verified security partner
  • 14 hours ago
    CloudSync is now a verified integration partner
  • 19 hours ago
    Static analysis can now scan Python projects without setup
  • 2 days ago
    Custom deployment workflows are now generally available...
    View changelog →
  • Package Details
  • Delivery Address
  • Schedule Time
  • Expert Selection
  • Contact Information
  • Review & Confirm
  • Initial Call
  • If no response, follow up after 5 days
  • If no response, follow up after 2 days
  • If no response, follow up after 3 days
  • Sample Card Title

    Lorem ipsum dolor sit amet, consectetur adipiscing elit.

  • Sample Card Title

    Lorem ipsum dolor sit amet, consectetur adipiscing elit.

  • Sample Card Title

    Lorem ipsum dolor sit amet, consectetur adipiscing elit.

  • Training Session

    9:00 AM

    Introduction to React.js training session.

  • Lunch Break

    12:00 PM

    One hour break for lunch and networking.

  • Tech Summit

    1:00 PM

    Annual developer summit opening keynote.

  • Closing Ceremony

    5:00 PM

    End of day summary and closing remarks.

Milestone 1
Milestone 2
Milestone 3
Milestone 4

Milestone 2

February 28, 2024

Description of the second milestone in the project.

Project Kickoff
January 10, 2024
Initial planning and team assignment for the project.
Design Review
February 20, 2024
Review and approval of design mockups.
Launch Day
March 25, 2024
Official product launch and announcement.