spirit / Spirit
Licence: mit
🙌 Play Spirit animations on the web
Stars: ✭ 719
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to Spirit
Icmethoddigger
An easy way to print almost methods including private methods (supported arm64 architecture devices).
Stars: ✭ 103 (-85.67%)
Mutual labels: runtime, tool
Evntouchiddemo
🆔 iOS fingerprint login process implementation
Stars: ✭ 98 (-86.37%)
Mutual labels: tool, app
Electron Global
One Electron instance for multiple apps
Stars: ✭ 129 (-82.06%)
Mutual labels: runtime, app
Kotlin Life
App界的一股清流 音视频vr应有尽有 完全按照Material design规范设计的App (written with java and Kotlin)
Stars: ✭ 864 (+20.17%)
Mutual labels: player, app
Tinu
TINU, the open tool to create bootable macOS installers
Stars: ✭ 272 (-62.17%)
Mutual labels: tool, app
Braindamage
Remote administration tool which uses Telegram as a C&C server
Stars: ✭ 681 (-5.29%)
Mutual labels: tool
Lldebugtool
LLDebugTool is a debugging tool for developers and testers that can help you analyze and manipulate data in non-xcode situations.
Stars: ✭ 673 (-6.4%)
Mutual labels: tool
Orogene
A next-generation platform and package manager for Node.js-compatible and frontend JavaScript projects!
Stars: ✭ 695 (-3.34%)
Mutual labels: runtime
Gankdaily
A application used to show technical information in every working days, use MVP pattern.
Stars: ✭ 704 (-2.09%)
Mutual labels: app
Hover
Hover helps developers to release Flutter applications on desktop.
Stars: ✭ 698 (-2.92%)
Mutual labels: tool
Spirit ⚡️ Web Player
Lightweight and easy to use
Play your animations on the web
Getting Started:
Browser:
<svg>
<g id="container">
<path d="..." data-spirit-id="body" />
<path d="..." data-spirit-id="mouth" />
<path d="..." data-spirit-id="legs" />
</g>
</svg>
<script src="https://unpkg.com/spiritjs/dist/spirit.min.js"></script>
<script>
spirit
.loadAnimation({
path: './animation.json',
container: dcument.getElementById('container'),
})
.then(timeline => timeline.play());
</script>
Node:
install:
npm install spiritjs --save
Usage:
// load GSAP from CDN
import spirit from 'spiritjs';
spirit.loadAnimation({ path: './animation.json' }).then(timeline => timeline.play());
// use existing GSAP instance
import gsap from 'gsap';
import spirit from 'spiritjs';
spirit.setup(gsap).then(() => {
spirit.loadAnimation({ path: './animation.json' }).then(timeline => timeline.play());
});
For more info check out the API Documentation.
Links
- Documentation - What is Spirit
- Documentation - Install Web Player
- Documentation - Simple Usage
- Documentation - Extended Usage
Examples
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].