Appsations Animations

Beautiful, customizable orbital animation widgets that bring your web applications to life. Built for modern frameworks and powered by the Appsations SDK.

View Animation → GitHub ↗
🎨

Fully Customizable

Adjust colors, speed, particle count, and more. Perfect for matching your brand identity.

📱

Responsive Design

Automatically adapts to any screen size. Works seamlessly on mobile, tablet, and desktop.

⚡

Performant

Canvas-based rendering with optimized animations. Smooth 60fps performance guaranteed.

🔌

Easy Integration

Simple ES module imports. Works with React, Next.js, Vue, and vanilla JavaScript.

🎯

Data-Driven

Visualize repository data, project metrics, or any custom data with dynamic particles.

🌐

Embeddable

Generate iframe embed codes to share animations anywhere on the web.

Explore Animations

Try out our pre-built animation experiences

Interactive Widget

Full-featured animation widget with customization controls and embed code generator.

MystTech Creations

Branded experience showcasing the animation with custom styling and data visualization.

Violet Pulse

High-energy purple orbital animation with increased particle speed.

Quick Start

Get started in seconds with our simple API

Installation

Import from the Appsations SDK or use directly from our CDN: 

import { initOrbWidget } from '@appsations/animations';

const canvas = document.getElementById('animation');
const container = document.getElementById('widget-container');

initOrbWidget({
  canvas,
  container,
  accentColor: '#6fe3f3',
  speedMultiplier: 1,
  particleCount: 60
});

View full documentation on GitHub

Ready to Get Started?

Explore the interactive widget, customize your animation, and generate embed code for your site.

Try the Widget → View Demo ↗