A visualization library built on top of [@twick/2d](https://github.com/re-video/2d) for creating interactive visualizations and animations.
npm install @twick/visualizerA visualization library built on top of @twick/2d for creating interactive visualizations and animations.
This package provides advanced visualization capabilities for creating interactive animations, effects, and visual elements in video editing applications. Built on top of a 2D graphics engine, it offers powerful tools for creating professional visual content.
``bash`
npm install @twick/visualizeror
pnpm add @twick/visualizer
Note: All required dependencies (@twick/media-utils) are automatically installed with @twick/visualizer.
`typescript
import {
createVisualization,
addAnimation,
renderScene
} from '@twick/visualizer';
// Create a new visualization
const viz = createVisualization({
width: 1920,
height: 1080,
duration: 10
});
// Add animations and effects
addAnimation(viz, {
type: 'fade',
startTime: 0,
duration: 2
});
// Render the scene
const output = await renderScene(viz);
`
- Interactive Visualizations: Create dynamic visual content
- Animation Engine: Powerful animation system with keyframes
- Effect Library: Built-in effects and transitions
- Performance Optimized: Efficient rendering for real-time applications
- Extensible: Plugin system for custom effects
- 2D Graphics: Full 2D graphics capabilities
`bash`
pnpm install
`bash`
pnpm build
`bash`
pnpm dev
- createVisualization: Create a new visualization instanceaddAnimation
- : Add animations to the scenerenderScene
- : Render the visualization to outputaddEffect
- : Apply visual effectsexportAnimation
- : Export animations in various formats
- VisualizationConfig: Configuration for visualizationsAnimationOptions
- : Animation configuration optionsEffectConfig
- : Effect configuration interfaceRenderOptions`: Rendering options
-
For complete API documentation, refer to the generated documentation.
This package requires a browser environment with support for:
- WebGL or Canvas 2D
- Modern JavaScript features (ES2020+)
- RequestAnimationFrame API
For complete documentation, refer to the project documentation site.
This package is licensed under the Sustainable Use License (SUL) Version 1.0.
- Free for use in commercial and non-commercial apps
- Can be modified and self-hosted
- Cannot be sold, rebranded, or distributed as a standalone SDK
For commercial licensing inquiries, contact: contact@kifferai.com
For full license terms, see the main LICENSE.md file in the project root.