GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → fmaturel → angular-timelinejs3

fmaturel / angular-timelinejs3

Licence: MIT license
A timelineJS3 angular directive

Programming Languages

javascript
184084 projects - #8 most used programming language
HTML
75241 projects
CSS
56736 projects

Labels

angulartimelinetimelinejs

Projects that are alternatives of or similar to angular-timelinejs3

scenejs-timeline
🎬 @scenejs/timeline is a component that represents the timeline of Scene.js. You can control time, properties, and items.
Stars: ✭ 148 (+469.23%)
Mutual labels:  timeline
react-native-timeline-feed
Customisable timeline for react native (using FlatList). Docs: https://johan-dutoit.github.io/react-native-timeline-feed/
Stars: ✭ 43 (+65.38%)
Mutual labels:  timeline
chartjs-chart-timeline
Google-like timeline chart for Chart.js.
Stars: ✭ 44 (+69.23%)
Mutual labels:  timeline
ember-vertical-timeline
A Vertical Timeline for Ember.js apps 🚀
Stars: ✭ 19 (-26.92%)
Mutual labels:  timeline
Timeline
AS2 & AS3 CPPS Emulator, written in Python. (Club Penguin Private Server Emulator)
Stars: ✭ 49 (+88.46%)
Mutual labels:  timeline
timeline-component-lwc
This component enables timeline view for Salesforce Record history.
Stars: ✭ 18 (-30.77%)
Mutual labels:  timeline
laravel-quasar
⏰📊✨Laravel Time Series - Provides an API to create and maintain data projections (statistics, aggregates, etc.) from your Eloquent models, and convert them to time series.
Stars: ✭ 78 (+200%)
Mutual labels:  timeline
keyframe
A simple keyframe utility for custom animation
Stars: ✭ 16 (-38.46%)
Mutual labels:  timeline
stream-net
NET Client - Build Activity Feeds & Streams with GetStream.io
Stars: ✭ 28 (+7.69%)
Mutual labels:  timeline
jquery-linechart
JQuery plugin for creating charts
Stars: ✭ 42 (+61.54%)
Mutual labels:  timeline
Timespace
A jQuery plugin to handle displaying of time events
Stars: ✭ 27 (+3.85%)
Mutual labels:  timeline
stream-python
Python Client - Build Activity Feeds & Streams with GetStream.io
Stars: ✭ 134 (+415.38%)
Mutual labels:  timeline
timeline-vuejs
Minimalist Timeline ⏳ with VueJS 💚
Stars: ✭ 116 (+346.15%)
Mutual labels:  timeline
Qt-Timeline-Widget
[Qt控件] 时间轴列表控件
Stars: ✭ 43 (+65.38%)
Mutual labels:  timeline
react-gantt-schedule-timeline-calendar
React Gantt Schedule Timeline Calendar component wrapper for gantt-schedule-timeline-calendar [ react gantt, gantt, react gantt chart, react schedule, react timeline, react calendar, gantt, schedule, scheduler, timeline, calendar, react gantt chart ]
Stars: ✭ 47 (+80.77%)
Mutual labels:  timeline
UnityUIPlayables
Tracks and Clips for controlling the Unity UI (uGUI) with Timeline.
Stars: ✭ 277 (+965.38%)
Mutual labels:  timeline
TTTTRPG
Timeline Tree of Tabletop Role-Playing Games, celebrating more than 40 years game design innovations
Stars: ✭ 34 (+30.77%)
Mutual labels:  timeline
angular-gantt-schedule-timeline-calendar-example
Angular gantt-schedule-timeline-calendar usage example
Stars: ✭ 15 (-42.31%)
Mutual labels:  timeline
timeline
Timeline - A photo organizer
Stars: ✭ 39 (+50%)
Mutual labels:  timeline
LineTimeline
Line Timeline API
Stars: ✭ 12 (-53.85%)
Mutual labels:  timeline
View All Similar Projects ➔

Angular Timeline with the new Timeline JS 3

A quick directive project for making AngularJS use TimelineJS3.

Build Status

Demo

Run the demo @home with few steps (prerequisite git & node V0.10+ & npm installed):

 git clone https://github.com/fmaturel/angular-timelinejs3.git && cd angular-timelinejs3
 npm install
 npm install -g grunt-cli

Then run

grunt serve:dist

Install

bower install --save angular-timelinejs3

or

npm install --save angular-timelinejs3

Add the new Timeline JS3 css and javascript to your index.html.

  <link rel="stylesheet" href="https://cdn.knightlab.com/libs/timeline3/latest/css/timeline.css">
  <script src="https://cdn.knightlab.com/libs/timeline3/latest/js/timeline.js"></script>

Add dependency to timeline your angular module: ngTimeline.

Use the directive:

<timeline control="timeline" height="80vh" options="options"></timeline>

License

Released under the MIT License. See the LICENSE file for further details.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].