Vue Timeline

One easy-to-use component to build beautiful responsive timelines.


Preview

Here is the kind of responsive timeline you can get in a few seconds. 🎉


1 year ago
announcement1 year ago

v2.6.0 - Macross

Yesterday we just celebrated the 5th Vueniversary — today we are excited to announce the release of Vue 2.6 “Macross”!

In the past year, we spent a lot of time working on the new CLI and prototyping for 3.0. As a result, Vue core 2.x hasn’t received major updates in quite a while. It’s about time! This release combines a number of substantial improvements, internal changes and new features which are highlighted in this post. For full details, make sure to also check out the full release note on GitHub.

More about the release: Macross.

2 years ago
announcement2 years ago

v2.5.0 - Level E

We have changed the implementation of Vue.nextTick to fix a few bugs (related to #6566, #6690). The change involves using a macro task instead of a micro task to defer DOM updates when inside a DOM event handler attached via v-on. This means any Vue updates triggered by state changes inside v-on handlers will be now deferred using a macro task. This may lead to changes in behavior when dealing with native DOM events.

More about the release: Level E.

2 years ago
announcement2 years ago

v2.4.0 - Kill la Kill

Full SSR + async component support in core: SSR now supports rendering async components used anywhere and the client also supports async components during the hydration phase. This means async components / code-splitting now just works during SSR and is no longer limited at the route level.

More about the release: Kill La Kill.

3 years ago
announcement3 years ago

v2.3.0 - JoJo's Bizarre Adventure

We have created a brand-new standalone guide for server-side rendering in Vue, it's a recommended read for all users. Also, the HackerNews demo has been updated to reflect the latest best practices.

More about the release: JoJo's Bizarre Adventure.

3 years ago
announcement3 years ago

v2.2.0 - Initial D

This release contains 31 pull requests from 22 different contributors - thank you!

More about the release: Initial D.

3 years ago
announcement3 years ago

v2.0.0 - Ghost in the Shell

Today I am thrilled to announce the official release of Vue.js 2.0: Ghost in the Shell. After 8 alphas, 8 betas and 8 rcs (a total coincidence!), Vue.js 2.0 is ready for production! The official guide has been fully updated and is available at vuejs.org/guide.

Ever since the work on 2.0 started back in April, the core team has made significant contributions to API design, bug fixes, documentation and TypeScript typings (yes, vue core, vue-router and vuex 2.0 all have TypeScript typings shipped in the npm packages), and the community also provided extremely valuable feedback on API changes — a big thank you to everyone involved!

More about the release: Ghost in the Shell.


Installation

Install it on Vue, Nuxt or use the CDN link! 👻


Vue.js

In your main.js file:

Nuxt.js

Create a plugin for Vue Timeline and load the library like in a regular Vue application:

Load this plugin in your nuxt configuration file.

CDN

Get the latest version from jsdelivr, and import the JavaScript file in your page.

We recommend our users to lock Vue Timeline's version when using a CDN. Requesting the latest version (as opposed to "latest major" or "latest minor") is dangerous because major versions usually come with breaking changes. Only do this if you really know what you are doing.


Package Options

Some options you can set to customize the component. 📦


How to install or update the font-family for all components?


Documentation

All you need to know about the props and events. 🧠



Example

Once the plugin is installed, you can use the component like this. 🤓