Project Detail
Premium Delivery Drone
Create a premium delivery drone Lottie animation in clean vector motion-graphic style. Show one large futuristic delivery drone centered on the canvas. Build the drone from clear separate vector parts: a sleek central drone body, four arms extending outward, four circular propeller rings, visible propeller blades, small glowing navigation lights, a small delivery package hanging below the drone, soft shadow under the package, subtle motion trails, floating particles, and a soft neon glow behind the drone. Composition: The drone should occupy about 55% to 65% of the canvas width. Keep it centered and clearly visible. The drone body should be the main focus, with propellers evenly placed on the left and right sides. The package should hang directly below the center body with two thin connector lines. Do not create a coin, dashboard, cloud, smartwatch, rocket, chatbot, or generic orb. Animation: Animate the whole drone with a smooth hover loop. Propeller blades should rotate or visually suggest spinning motion. Navigation lights should pulse softly. The package should swing very slightly under the drone. Particles should drift gently around the drone. Add subtle motion trails behind the propellers. The animation must loop smoothly and the drone must stay visible throughout the full loop. Visual style: Use a dark luxury background, clean modern vector shapes, cyan and violet glow accents, soft shadows, premium SaaS-style polish, and cinematic spacing. Keep the design minimal but detailed enough to feel like a professional LottieFiles-style animation. No long text, no watermark, no logos, no photorealistic image style.
Versions
Generation History
Version 1
Success
2026-06-08 07:52:26
AI Blueprint
Motion Plan
{
"mode": "ai_motion_scene_graph",
"title": "Premium Delivery Drone",
"subject": "Futuristic delivery drone with package",
"scene_intent": "Showcase a sleek, modern delivery drone with detailed vector parts and smooth animations for a premium SaaS-style hero animation.",
"motion_summary": "The drone hovers smoothly with subtle up-and-down motion, propeller blades spin continuously, navigation lights pulse softly, the package swings gently below, particles drift around, and motion trails follow the propellers, all looping seamlessly.",
"prompt": "Create a premium delivery drone Lottie animation in clean vector motion-graphic style.\r\n\r\nShow one large futuristic delivery drone centered on the canvas. Build the drone from clear separate vector parts: a sleek central drone body, four arms extending outward, four circular propeller rings, visible propeller blades, small glowing navigation lights, a small delivery package hanging below the drone, soft shadow under the package, subtle motion trails, floating particles, and a soft neon glow behind the drone.\r\n\r\nComposition:\r\nThe drone should occupy about 55% to 65% of the canvas width. Keep it centered and clearly visible. The drone body should be the main focus, with propellers evenly placed on the left and right sides. The package should hang directly below the center body with two thin connector lines. Do not create a coin, dashboard, cloud, smartwatch, rocket, chatbot, or generic orb.\r\n\r\nAnimation:\r\nAnimate the whole drone with a smooth hover loop. Propeller blades should rotate or visually suggest spinning motion. Navigation lights should pulse softly. The package should swing very slightly under the drone. Particles should drift gently around the drone. Add subtle motion trails behind the propellers. The animation must loop smoothly and the drone must stay visible throughout the full loop.\r\n\r\nVisual style:\r\nUse a dark luxury background, clean modern vector shapes, cyan and violet glow accents, soft shadows, premium SaaS-style polish, and cinematic spacing. Keep the design minimal but detailed enough to feel like a professional LottieFiles-style animation. No long text, no watermark, no logos, no photorealistic image style.",
"canvas": {
"width": 1200,
"height": 800,
"fps": 30,
"duration_seconds": 6
},
"style": {
"background": "#050B0A",
"primary": "#20D71D",
"secondary": "#111827",
"accent": "#22D3EE",
"text": "#FFFFFF"
},
"groups": [
{
"id": "main_subject",
"name": "Main Drone",
"z_index": 10
},
{
"id": "propellers",
"name": "Propellers",
"z_index": 20
},
{
"id": "package_group",
"name": "Package and Connectors",
"z_index": 15
},
{
"id": "navigation_lights",
"name": "Navigation Lights",
"z_index": 25
},
{
"id": "motion_trails",
"name": "Motion Trails",
"z_index": 5
},
{
"id": "particles",
"name": "Floating Particles",
"z_index": 3
},
{
"id": "glow_group",
"name": "Neon Glow Behind Drone",
"z_index": 1
},
{
"id": "environment",
"name": "Environment",
"z_index": -40
},
{
"id": "trails",
"name": "Trails",
"z_index": -10
},
{
"id": "details",
"name": "Details",
"z_index": 40
},
{
"id": "rings",
"name": "Rings",
"z_index": 55
}
],
"layers": [
{
"id": "drone_body",
"group_id": "main_subject",
"name": "Drone Central Body",
"type": "rounded_rect",
"role": "main_body",
"x": 480,
"y": 280,
"width": 240,
"height": 120,
"radius": 30,
"rotation": 0,
"points": [],
"text": "",
"font_size": 0,
"fill": "secondary",
"stroke": "accent",
"stroke_width": 3,
"opacity": 92,
"z_index": 10,
"animation": "hover_loop",
"delay_frames": 0
},
{
"id": "drone_body_top_panel",
"group_id": "main_subject",
"name": "Drone Top Panel",
"type": "rect",
"role": "detail",
"x": 530,
"y": 300,
"width": 140,
"height": 40,
"radius": 0,
"rotation": 0,
"points": [],
"text": "",
"font_size": 0,
"fill": "primary",
"stroke": "transparent",
"stroke_width": 0,
"opacity": 92,
"z_index": 11,
"animation": "none",
"delay_frames": 0
},
{
"id": "arm_left_top",
"group_id": "main_subject",
"name": "Left Top Arm",
"type": "rect",
"role": "body_part",
"x": 380,
"y": 320,
"width": 80,
"height": 20,
"radius": 10,
"rotation": -20,
"points": [],
"text": "",
"font_size": 0,
"fill": "secondary",
"stroke": "accent",
"stroke_width": 2,
"opacity": 92,
"z_index": 12,
"animation": "hover_loop",
"delay_frames": 2
},
{
"id": "arm_left_bottom",
"group_id": "main_subject",
"name": "Left Bottom Arm",
"type": "rect",
"role": "body_part",
"x": 380,
"y": 360,
"width": 80,
"height": 20,
"radius": 10,
"rotation": 20,
"points": [],
"text": "",
"font_size": 0,
"fill": "secondary",
"stroke": "accent",
"stroke_width": 2,
"opacity": 92,
"z_index": 12,
"animation": "hover_loop",
"delay_frames": 4
},
{
"id": "arm_right_top",
"group_id": "main_subject",
"name": "Right Top Arm",
"type": "rect",
"role": "body_part",
"x": 740,
"y": 320,
"width": 80,
"height": 20,
"radius": 10,
"rotation": 20,
"points": [],
"text": "",
"font_size": 0,
"fill": "secondary",
"stroke": "accent",
"stroke_width": 2,
"opacity": 92,
"z_index": 12,
"animation": "hover_loop",
"delay_frames": 2
},
{
"id": "arm_right_bottom",
"group_id": "main_subject",
"name": "Right Bottom Arm",
"type": "rect",
"role": "body_part",
"x": 740,
"y": 360,
"width": 80,
"height": 20,
"radius": 10,
"rotation": -20,
"points": [],
"text": "",
"font_size": 0,
"fill": "secondary",
"stroke": "accent",
"stroke_width": 2,
"opacity": 92,
"z_index": 12,
"animation": "hover_loop",
"delay_frames": 4
},
{
"id": "propeller_ring_left_top",
"group_id": "propellers",
"name": "Propeller Ring Left Top",
"type": "ring",
"role": "ring",
"x": 420,
"y": 310,
"width": 60,
"height": 60,
"radius": 30,
"rotation": 0,
"points": [],
"text": "",
"font_size": 0,
"fill": "transparent",
"stroke": "accent",
"stroke_width": 3,
"opacity": 62,
"z_index": 20,
"animation": "trail_loop",
"delay_frames": 0
},
{
"id": "propeller_blades_left_top",
"group_id": "propellers",
"name": "Propeller Blades Left Top",
"type": "polygon",
"role": "engine",
"x": 420,
"y": 310,
"width": 0,
"height": 0,
"radius": 0,
"rotation": 0,
"points": [
[
-15,
0
],
[
0,
-40
],
[
15,
0
],
[
0,
40
]
],
"text": "",
"font_size": 0,
"fill": "primary",
"stroke": "accent",
"stroke_width": 1.5,
"opacity": 92,
"z_index": 21,
"animation": "orbit_loop",
"delay_frames": 0
},
{
"id": "propeller_ring_left_bottom",
"group_id": "propellers",
"name": "Propeller Ring Left Bottom",
"type": "ring",
"role": "ring",
"x": 420,
"y": 370,
"width": 60,
"height": 60,
"radius": 30,
"rotation": 0,
"points": [],
"text": "",
"font_size": 0,
"fill": "transparent",
"stroke": "accent",
"stroke_width": 3,
"opacity": 62,
"z_index": 20,
"animation": "trail_loop",
"delay_frames": 10
},
{
"id": "propeller_blades_left_bottom",
"group_id": "propellers",
"name": "Propeller Blades Left Bottom",
"type": "polygon",
"role": "engine",
"x": 420,
"y": 370,
"width": 0,
"height": 0,
"radius": 0,
"rotation": 0,
"points": [
[
-15,
0
],
[
0,
-40
],
[
15,
0
],
[
0,
40
]
],
"text": "",
"font_size": 0,
"fill": "primary",
"stroke": "accent",
"stroke_width": 1.5,
"opacity": 92,
"z_index": 21,
"animation": "orbit_loop",
"delay_frames": 10
},
{
"id": "propeller_ring_right_top",
"group_id": "propellers",
"name": "Propeller Ring Right Top",
"type": "ring",
"role": "ring",
"x": 780,
"y": 310,
"width": 60,
"height": 60,
"radius": 30,
"rotation": 0,
"points": [],
"text": "",
"font_size": 0,
"fill": "transparent",
"stroke": "accent",
"stroke_width": 3,
"opacity": 62,
"z_index": 20,
"animation": "trail_loop",
"delay_frames": 5
},
{
"id": "propeller_blades_right_top",
"group_id": "propellers",
"name": "Propeller Blades Right Top",
"type": "polygon",
"role": "engine",
"x": 780,
"y": 310,
"width": 0,
"height": 0,
"radius": 0,
"rotation": 0,
"points": [
[
-15,
0
],
[
0,
-40
],
[
15,
0
],
[
0,
40
]
],
"text": "",
"font_size": 0,
"fill": "primary",
"stroke": "accent",
"stroke_width": 1.5,
"opacity": 92,
"z_index": 21,
"animation": "orbit_loop",
"delay_frames": 5
},
{
"id": "propeller_ring_right_bottom",
"group_id": "propellers",
"name": "Propeller Ring Right Bottom",
"type": "ring",
"role": "ring",
"x": 780,
"y": 370,
"width": 60,
"height": 60,
"radius": 30,
"rotation": 0,
"points": [],
"text": "",
"font_size": 0,
"fill": "transparent",
"stroke": "accent",
"stroke_width": 3,
"opacity": 62,
"z_index": 20,
"animation": "trail_loop",
"delay_frames": 15
},
{
"id": "propeller_blades_right_bottom",
"group_id": "propellers",
"name": "Propeller Blades Right Bottom",
"type": "polygon",
"role": "engine",
"x": 780,
"y": 370,
"width": 0,
"height": 0,
"radius": 0,
"rotation": 0,
"points": [
[
-15,
0
],
[
0,
-40
],
[
15,
0
],
[
0,
40
]
],
"text": "",
"font_size": 0,
"fill": "primary",
"stroke": "accent",
"stroke_width": 1.5,
"opacity": 92,
"z_index": 21,
"animation": "orbit_loop",
"delay_frames": 15
},
{
"id": "nav_light_left_top",
"group_id": "navigation_lights",
"name": "Navigation Light Left Top",
"type": "circle",
"role": "highlight",
"x": 460,
"y": 280,
"width": 15,
"height": 15,
"radius": 7.5,
"rotation": 0,
"points": [],
"text": "",
"font_size": 0,
"fill": "accent",
"stroke": "transparent",
"stroke_width": 0,
"opacity": 92,
"z_index": 25,
"animation": "pulse_loop",
"delay_frames": 0
},
{
"id": "nav_light_right_top",
"group_id": "navigation_lights",
"name": "Navigation Light Right Top",
"type": "circle",
"role": "highlight",
"x": 720,
"y": 280,
"width": 15,
"height": 15,
"radius": 7.5,
"rotation": 0,
"points": [],
"text": "",
"font_size": 0,
"fill": "accent",
"stroke": "transparent",
"stroke_width": 0,
"opacity": 92,
"z_index": 25,
"animation": "pulse_loop",
"delay_frames": 10
},
{
"id": "nav_light_center_front",
"group_id": "navigation_lights",
"name": "Navigation Light Center Front",
"type": "circle",
"role": "highlight",
"x": 600,
"y": 320,
"width": 12,
"height": 12,
"radius": 6,
"rotation": 0,
"points": [],
"text": "",
"font_size": 0,
"fill": "accent",
"stroke": "transparent",
"stroke_width": 0,
"opacity": 92,
"z_index": 25,
"animation": "pulse_loop",
"delay_frames": 5
},
{
"id": "package_body",
"group_id": "package_group",
"name": "Delivery Package",
"type": "rect",
"role": "main_body",
"x": 570,
"y": 440,
"width": 60,
"height": 60,
"radius": 12,
"rotation": 0,
"points": [],
"text": "",
"font_size": 0,
"fill": "primary",
"stroke": "accent",
"stroke_width": 2,
"opacity": 92,
"z_index": 15,
"animation": "hover_loop",
"delay_frames": 0
},
{
"id": "package_shadow",
"group_id": "package_group",
"name": "Package Shadow",
"type": "ellipse",
"role": "shadow",
"x": 600,
"y": 510,
"width": 80,
"height": 20,
"radius": 0,
"rotation": 0,
"points": [],
"text": "",
"font_size": 0,
"fill": "secondary",
"stroke": "transparent",
"stroke_width": 0,
"opacity": 12,
"z_index": 14,
"animation": "none",
"delay_frames": 0
},
{
"id": "connector_left",
"group_id": "package_group",
"name": "Connector Left Line",
"type": "line",
"role": "connector",
"x": 0,
"y": 0,
"width": 0,
"height": 0,
"radius": 0,
"rotation": 0,
"points": [
[
590,
400
],
[
590,
440
]
],
"text": "",
"font_size": 0,
"fill": "transparent",
"stroke": "accent",
"stroke_width": 2,
"opacity": 62,
"z_index": 16,
"animation": "hover_loop",
"delay_frames": 0
},
{
"id": "connector_right",
"group_id": "package_group",
"name": "Connector Right Line",
"type": "line",
"role": "connector",
"x": 0,
"y": 0,
"width": 0,
"height": 0,
"radius": 0,
"rotation": 0,
"points": [
[
610,
400
],
[
610,
440
]
],
"text": "",
"font_size": 0,
"fill": "transparent",
"stroke": "accent",
"stroke_width": 2,
"opacity": 62,
"z_index": 16,
"animation": "hover_loop",
"delay_frames": 5
},
{
"id": "motion_trail_left_top",
"group_id": "motion_trails",
"name": "Motion Trail Left Top",
"type": "line",
"role": "trail",
"x": 0,
"y": 0,
"width": 0,
"height": 0,
"radius": 0,
"rotation": -20,
"points": [
[
350,
310
],
[
380,
320
]
],
"text": "",
"font_size": 0,
"fill": "transparent",
"stroke": "accent",
"stroke_width": 3,
"opacity": 62,
"z_index": 5,
"animation": "trail_loop",
"delay_frames": 0
},
{
"id": "motion_trail_left_bottom",
"group_id": "motion_trails",
"name": "Motion Trail Left Bottom",
"type": "line",
"role": "trail",
"x": 0,
"y": 0,
"width": 0,
"height": 0,
"radius": 0,
"rotation": 20,
"points": [
[
350,
370
],
[
380,
360
]
],
"text": "",
"font_size": 0,
"fill": "transparent",
"stroke": "accent",
"stroke_width": 3,
"opacity": 62,
"z_index": 5,
"animation": "trail_loop",
"delay_frames": 10
},
{
"id": "motion_trail_right_top",
"group_id": "motion_trails",
"name": "Motion Trail Right Top",
"type": "line",
"role": "trail",
"x": 0,
"y": 0,
"width": 0,
"height": 0,
"radius": 0,
"rotation": 20,
"points": [
[
810,
310
],
[
780,
320
]
],
"text": "",
"font_size": 0,
"fill": "transparent",
"stroke": "accent",
"stroke_width": 3,
"opacity": 62,
"z_index": 5,
"animation": "trail_loop",
"delay_frames": 5
},
{
"id": "motion_trail_right_bottom",
"group_id": "motion_trails",
"name": "Motion Trail Right Bottom",
"type": "line",
"role": "trail",
"x": 0,
"y": 0,
"width": 0,
"height": 0,
"radius": 0,
"rotation": -20,
"points": [
[
810,
370
],
[
780,
360
]
],
"text": "",
"font_size": 0,
"fill": "transparent",
"stroke": "accent",
"stroke_width": 3,
"opacity": 62,
"z_index": 5,
"animation": "trail_loop",
"delay_frames": 15
},
{
"id": "particle_1",
"group_id": "particles",
"name": "Floating Particle 1",
"type": "circle",
"role": "particle",
"x": 540,
"y": 260,
"width": 8,
"height": 8,
"radius": 4,
"rotation": 0,
"points": [],
"text": "",
"font_size": 0,
"fill": "accent",
"stroke": "transparent",
"stroke_width": 0,
"opacity": 0.6,
"z_index": 3,
"animation": "drift_loop",
"delay_frames": 0
},
{
"id": "particle_2",
"group_id": "particles",
"name": "Floating Particle 2",
"type": "circle",
"role": "particle",
"x": 660,
"y": 270,
"width": 6,
"height": 6,
"radius": 3,
"rotation": 0,
"points": [],
"text": "",
"font_size": 0,
"fill": "accent",
"stroke": "transparent",
"stroke_width": 0,
"opacity": 0.5,
"z_index": 3,
"animation": "drift_loop",
"delay_frames": 15
},
{
"id": "particle_3",
"group_id": "particles",
"name": "Floating Particle 3",
"type": "circle",
"role": "particle",
"x": 600,
"y": 230,
"width": 10,
"height": 10,
"radius": 5,
"rotation": 0,
"points": [],
"text": "",
"font_size": 0,
"fill": "accent",
"stroke": "transparent",
"stroke_width": 0,
"opacity": 0.4,
"z_index": 3,
"animation": "drift_loop",
"delay_frames": 30
},
{
"id": "glow_neon",
"group_id": "glow_group",
"name": "Neon Glow Behind Drone",
"type": "ellipse",
"role": "glow",
"x": 600,
"y": 340,
"width": 400,
"height": 220,
"radius": 0,
"rotation": 0,
"points": [],
"text": "",
"font_size": 0,
"fill": "accent",
"stroke": "transparent",
"stroke_width": 0,
"opacity": 10,
"z_index": 1,
"animation": "pulse_loop",
"delay_frames": 0
}
],
"animations": [
{
"target_group_id": "main_subject",
"preset": "hover_loop",
"start_frame": 0,
"end_frame": 180,
"intensity": 1,
"loop": true
},
{
"target_group_id": "propellers",
"preset": "orbit_loop",
"start_frame": 0,
"end_frame": 180,
"intensity": 1,
"loop": true
},
{
"target_group_id": "navigation_lights",
"preset": "pulse_loop",
"start_frame": 0,
"end_frame": 180,
"intensity": 1,
"loop": true
},
{
"target_group_id": "package_group",
"preset": "hover_loop",
"start_frame": 0,
"end_frame": 180,
"intensity": 0.3,
"loop": true
},
{
"target_group_id": "particles",
"preset": "drift_loop",
"start_frame": 0,
"end_frame": 180,
"intensity": 0.5,
"loop": true
},
{
"target_group_id": "motion_trails",
"preset": "trail_loop",
"start_frame": 0,
"end_frame": 180,
"intensity": 0.4,
"loop": true
},
{
"target_group_id": "glow_group",
"preset": "pulse_loop",
"start_frame": 0,
"end_frame": 180,
"intensity": 0.3,
"loop": true
},
{
"target_group_id": "rings",
"preset": "orbit_loop",
"start_frame": 0,
"end_frame": 180,
"intensity": 0.8,
"loop": true
}
],
"quality_notes": "The scene graph uses multiple vector layers to build a detailed futuristic delivery drone with four arms and propellers, a hanging package with connectors and shadow, glowing navigation lights, motion trails, floating particles, and a soft neon glow behind. The drone is centered and sized to occupy about 60% of canvas width, with smooth looping animations for hover, propeller spin, light pulsing,,",
"_model_used": "gpt-4.1-mini",
"_raw_response_id": "resp_09f3c1ee69345409006a267489b4a08192b4c90b18755558a9",
"_tokens_used": 5485,
"_prompt_tokens": 1981,
"_completion_tokens": 3504,
"transparent_background": false,
"_quality_before": {
"passed": true,
"issues": [],
"visible_layers": 29,
"animated_layers": 29,
"shape_layers": 30,
"image_layers": 0,
"background_index": 29
},
"_quality_after": {
"passed": true,
"issues": [],
"visible_layers": 29,
"animated_layers": 29,
"shape_layers": 30,
"image_layers": 0,
"background_index": 29
},
"_auto_repaired": false
}
Rendered Project
Ready
Live Lottie Preview
Loading preview
The saved JSON animation will render here.