# حركات يجدها وكلاء الذكاء الاصطناعي ويشاهدونها ويعيدون استخدامها

تضم المكتبة 181 مثالًا مصنوعًا يدويًا، كل منها مشهد جاهز لفيديوهات AnimaGuru. ابحث فيها كما يبحث وكلاء الذكاء الاصطناعي، واضغط تشغيل لترى الكود الحقيقي وهو يعمل، ثم أضفها إلى فيلمك.

يبحث الوكلاء في المكتبة باستخدام `animaguru motion search DESCRIPTION` (CLI) أو `search_motion_examples` (MCP)، ثم يثبّتون مثالًا باستخدام `animaguru motion get ID --write src/scenes` أو يقرؤونه باستخدام `get_motion_example`.

## Impact word stack

Kinetic Typography · 5.6 ث · [شاهده](https://animaguru.com/ar/motion-library?play=impact-word-stack)

Bold, beat-driven poster typography that ends on a full-frame color slam.

التثبيت: `animaguru motion get impact-word-stack --write src/scenes`، ثم استدعِ `impactWordStack(this, { at: 0 })` من `Film.build()`.

## Editorial headline with rotating word

Kinetic Typography · 7.85 ث · [شاهده](https://animaguru.com/ar/motion-library?play=editorial-word-swap)

A calm, magazine-style headline with a rotating keyword and a highlighter finish.

التثبيت: `animaguru motion get editorial-word-swap --write src/scenes`، ثم استدعِ `editorialWordSwap(this, { at: 0 })` من `Film.build()`.

## Typewriter with live correction

Kinetic Typography · 12.12 ث · [شاهده](https://animaguru.com/ar/motion-library?play=typewriter-correction)

A calm, tactile typewritten note that changes its mind before it lands its last line.

التثبيت: `animaguru motion get typewriter-correction --write src/scenes`، ثم استدعِ `typewriterCorrection(this, { at: 0 })` من `Film.build()`.

## Crossing marquee tapes

Kinetic Typography · 5.96 ث · [شاهده](https://animaguru.com/ar/motion-library?play=crossing-marquee-tapes)

Streetwear-style printed tapes that scroll, cross and part to unveil a big drop announcement.

التثبيت: `animaguru motion get crossing-marquee-tapes --write src/scenes`، ثم استدعِ `crossingMarqueeTapes(this, { at: 0 })` من `Film.build()`.

## Split-flap departure board

Kinetic Typography · 6.8 ث · [شاهده](https://animaguru.com/ar/motion-library?play=split-flap-board)

A retro station board whose letters clatter into place, then updates itself live.

التثبيت: `animaguru motion get split-flap-board --write src/scenes`، ثم استدعِ `splitFlapBoard(this, { at: 0 })` من `Film.build()`.

## Karaoke lyric fill

Kinetic Typography · 9.9 ث · [شاهده](https://animaguru.com/ar/motion-library?play=karaoke-lyric-fill)

Sing-along lyrics that light up word by word in time with the music.

التثبيت: `animaguru motion get karaoke-lyric-fill --write src/scenes`، ثم استدعِ `karaokeLyricFill(this, { at: 0 })` من `Film.build()`.

## Text on a path

Kinetic Typography · 7.4 ث · [شاهده](https://animaguru.com/ar/motion-library?play=text-on-path)

Playful risograph-style pop type that rides curves, ribbons and a spinning badge before lining up into a bold headline.

التثبيت: `animaguru motion get text-on-path --write src/scenes`، ثم استدعِ `textOnPath(this, { at: 0 })` من `Film.build()`.

## Glitch decode reveal

Kinetic Typography · 6.45 ث · [شاهده](https://animaguru.com/ar/motion-library?play=glitch-decode)

A cyber headline that fights its way out of digital noise and locks into place, then signs off like an old monitor.

التثبيت: `animaguru motion get glitch-decode --write src/scenes`، ثم استدعِ `glitchDecode(this, { at: 0 })` من `Film.build()`.

## Elastic jelly letters

Kinetic Typography · 7.2 ث · [شاهده](https://animaguru.com/ar/motion-library?play=elastic-jelly-letters)

Squishy pastel letters that bounce, wobble and stretch like candy.

التثبيت: `animaguru motion get elastic-jelly-letters --write src/scenes`، ثم استدعِ `elasticJellyLetters(this, { at: 0 })` من `Film.build()`.

## Zoom-through type

Kinetic Typography · 7.82 ث · [شاهده](https://animaguru.com/ar/motion-library?play=zoom-through-type)

One continuous camera push that dives through giant letters from word to word.

التثبيت: `animaguru motion get zoom-through-type --write src/scenes`، ثم استدعِ `zoomThroughType(this, { at: 0 })` من `Film.build()`.

## Onboarding carousel with parallax and CTA reveal

Application UI · 8.6 ث · [شاهده](https://animaguru.com/ar/motion-library?play=onboarding-carousel)

A three-screen app onboarding that ends by revealing the app.

التثبيت: `animaguru motion get onboarding-carousel --write src/scenes`، ثم استدعِ `onboardingCarousel(this, { at: 0 })` من `Film.build()`.

## Add to cart and checkout microinteractions

Application UI · 9.4 ث · [شاهده](https://animaguru.com/ar/motion-library?play=add-to-cart-checkout)

A shopping app flow from picking a color to a celebrated payment.

التثبيت: `animaguru motion get add-to-cart-checkout --write src/scenes`، ثم استدعِ `addToCartCheckout(this, { at: 0 })` من `Film.build()`.

## Card to detail container transform

Application UI · 8.4 ث · [شاهده](https://animaguru.com/ar/motion-library?play=card-expand-detail)

A travel card that opens into its full detail page and back.

التثبيت: `animaguru motion get card-expand-detail --write src/scenes`، ثم استدعِ `cardExpandDetail(this, { at: 0 })` من `Film.build()`.

## Skeleton loading, live insert and swipe to delete

Application UI · 8.3 ث · [شاهده](https://animaguru.com/ar/motion-library?play=skeleton-list-swipe)

An inbox that loads, receives a new message and swipes one away.

التثبيت: `animaguru motion get skeleton-list-swipe --write src/scenes`، ثم استدعِ `skeletonListSwipe(this, { at: 0 })` من `Film.build()`.

## Fitness dashboard with activity rings and tab switch

Application UI · 8.8 ث · [شاهده](https://animaguru.com/ar/motion-library?play=stats-dashboard-rings)

A dark fitness dashboard whose rings, charts and tabs come alive.

التثبيت: `animaguru motion get stats-dashboard-rings --write src/scenes`، ثم استدعِ `statsDashboardRings(this, { at: 0 })` من `Film.build()`.

## Command palette with live fuzzy search

Application UI · 8.8 ث · [شاهده](https://animaguru.com/ar/motion-library?play=command-palette)

A keyboard-first command palette that finds a page in a few keystrokes and jumps straight to it.

التثبيت: `animaguru motion get command-palette --write src/scenes`، ثم استدعِ `commandPalette(this, { at: 0 })` من `Film.build()`.

## Kanban board drag and drop

Application UI · 8.48 ث · [شاهده](https://animaguru.com/ar/motion-library?play=kanban-drag-reorder)

A project board in the browser where task cards are picked up, carried across columns and dropped into place.

التثبيت: `animaguru motion get kanban-drag-reorder --write src/scenes`، ثم استدعِ `kanbanDragReorder(this, { at: 0 })` من `Film.build()`.

## Sign-up form with live validation

Application UI · 12.8 ث · [شاهده](https://animaguru.com/ar/motion-library?play=signup-form-validation)

A web sign-up form that guides the user from the first keystroke to a friendly confirmation.

التثبيت: `animaguru motion get signup-form-validation --write src/scenes`، ثم استدعِ `signupFormValidation(this, { at: 0 })` من `Film.build()`.

## Map with a draggable bottom sheet

Application UI · 10.6 ث · [شاهده](https://animaguru.com/ar/motion-library?play=map-bottom-sheet)

A maps app where a draggable sheet, a category search and a walking route come together.

التثبيت: `animaguru motion get map-bottom-sheet --write src/scenes`، ثم استدعِ `mapBottomSheet(this, { at: 0 })` من `Film.build()`.

## Chat with typing indicator, send and reactions

Application UI · 9.6 ث · [شاهده](https://animaguru.com/ar/motion-library?play=chat-typing-reactions)

A dark messaging app where a conversation unfolds, gets a reply and earns a reaction.

التثبيت: `animaguru motion get chat-typing-reactions --write src/scenes`، ثم استدعِ `chatTypingReactions(this, { at: 0 })` من `Film.build()`.

## Monogram logo reveal

Logo & Brand Reveal · 5 ث · [شاهده](https://animaguru.com/ar/motion-library?play=monogram-logo-reveal)

A geometric brand mark builds itself and opens into a full wordmark lockup.

التثبيت: `animaguru motion get monogram-logo-reveal --write src/scenes`، ثم استدعِ `monogramLogoReveal(this, { at: 0 })` من `Film.build()`.

## Particle logo assembly

Logo & Brand Reveal · 6 ث · [شاهده](https://animaguru.com/ar/motion-library?play=particle-logo-assembly)

A glowing particle cloud gathers itself into a brand logo on a dark tech stage.

التثبيت: `animaguru motion get particle-logo-assembly --write src/scenes`، ثم استدعِ `particleLogoAssembly(this, { at: 0 })` من `Film.build()`.

## Neon sign logo

Logo & Brand Reveal · 6.5 ث · [شاهده](https://animaguru.com/ar/motion-library?play=neon-sign-logo)

A neon brand sign buzzes to life on a night-time brick wall.

التثبيت: `animaguru motion get neon-sign-logo --write src/scenes`، ثم استدعِ `neonSignLogo(this, { at: 0 })` من `Film.build()`.

## Gooey liquid logo

Logo & Brand Reveal · 6.6 ث · [شاهده](https://animaguru.com/ar/motion-library?play=gooey-liquid-logo)

Candy-colored liquid that bounces, merges and settles into a playful brand mark.

التثبيت: `animaguru motion get gooey-liquid-logo --write src/scenes`، ثم استدعِ `gooeyLiquidLogo(this, { at: 0 })` من `Film.build()`.

## Exploded assembly logo

Logo & Brand Reveal · 5.95 ث · [شاهده](https://animaguru.com/ar/motion-library?play=exploded-assembly-logo)

A modular geometric mark assembles itself in mid-air and locks into a colorful brand lockup.

التثبيت: `animaguru motion get exploded-assembly-logo --write src/scenes`، ثم استدعِ `explodedAssemblyLogo(this, { at: 0 })` من `Film.build()`.

## Pixel mosaic logo

Logo & Brand Reveal · 6.6 ث · [شاهده](https://animaguru.com/ar/motion-library?play=pixel-mosaic-logo)

A retro 8-bit brand reveal where chunky pixels sharpen into a crisp logo.

التثبيت: `animaguru motion get pixel-mosaic-logo --write src/scenes`، ثم استدعِ `pixelMosaicLogo(this, { at: 0 })` من `Film.build()`.

## Slice panel logo reveal

Logo & Brand Reveal · 5.8 ث · [شاهده](https://animaguru.com/ar/motion-library?play=slice-panel-logo)

A precise Swiss-style identity reveal where the logo assembles from bold bands of brand color.

التثبيت: `animaguru motion get slice-panel-logo --write src/scenes`، ثم استدعِ `slicePanelLogo(this, { at: 0 })` من `Film.build()`.

## Luxury gold emboss

Logo & Brand Reveal · 7.2 ث · [شاهده](https://animaguru.com/ar/motion-library?play=luxury-gold-emboss)

A slow, cinematic reveal of an embossed gold crest and serif wordmark emerging from darkness.

التثبيت: `animaguru motion get luxury-gold-emboss --write src/scenes`، ثم استدعِ `luxuryGoldEmboss(this, { at: 0 })` من `Film.build()`.

## Ink stamp logo

Logo & Brand Reveal · 6.4 ث · [شاهده](https://animaguru.com/ar/motion-library?play=ink-stamp-logo)

A wooden rubber stamp presses a hand-printed badge logo onto warm paper.

التثبيت: `animaguru motion get ink-stamp-logo --write src/scenes`، ثم استدعِ `inkStampLogo(this, { at: 0 })` من `Film.build()`.

## Letter-to-icon wordmark

Logo & Brand Reveal · 6 ث · [شاهده](https://animaguru.com/ar/motion-library?play=letter-to-icon-wordmark)

A minimal wordmark whose own letter turns into the brand icon.

التثبيت: `animaguru motion get letter-to-icon-wordmark --write src/scenes`، ثم استدعِ `letterToIconWordmark(this, { at: 0 })` من `Film.build()`.

## Broadcast lower third

Titles & Lower Thirds · 5.6 ث · [شاهده](https://animaguru.com/ar/motion-library?play=broadcast-lower-third)

A news-style name strap that builds in layers over interview footage and clears away cleanly.

التثبيت: `animaguru motion get broadcast-lower-third --write src/scenes`، ثم استدعِ `broadcastLowerThird(this, { at: 0 })` من `Film.build()`.

## Cinematic film title card

Titles & Lower Thirds · 9.6 ث · [شاهده](https://animaguru.com/ar/motion-library?play=cinematic-film-title)

A slow, atmospheric feature-film opening card with letterbox bars, haze and an anamorphic glow.

التثبيت: `animaguru motion get cinematic-film-title --write src/scenes`، ثم استدعِ `cinematicFilmTitle(this, { at: 0 })` من `Film.build()`.

## Synthwave chrome title

Titles & Lower Thirds · 7.6 ث · [شاهده](https://animaguru.com/ar/motion-library?play=synthwave-chrome-title)

An 1980s retro title with a neon sunset grid, chrome lettering and a glowing script line.

التثبيت: `animaguru motion get synthwave-chrome-title --write src/scenes`، ثم استدعِ `synthwaveChromeTitle(this, { at: 0 })` من `Film.build()`.

## Documentary chapter title

Titles & Lower Thirds · 7.8 ث · [شاهده](https://animaguru.com/ar/motion-library?play=documentary-chapter-title)

A quiet, editorial chapter card for documentaries that turns the page over a misty landscape.

التثبيت: `animaguru motion get documentary-chapter-title --write src/scenes`، ثم استدعِ `documentaryChapterTitle(this, { at: 0 })` من `Film.build()`.

## Location title tag

Titles & Lower Thirds · 6.5 ث · [شاهده](https://animaguru.com/ar/motion-library?play=location-title-tag)

A sunny travel-vlog location tag that pins the place, its coordinates and the local time.

التثبيت: `animaguru motion get location-title-tag --write src/scenes`، ثم استدعِ `locationTitleTag(this, { at: 0 })` من `Film.build()`.

## Sports player bar with stats

Titles & Lower Thirds · 5.55 ث · [شاهده](https://animaguru.com/ar/motion-library?play=sports-player-bar)

A hard-hitting broadcast sports name bar with a jersey number and live-counting stats.

التثبيت: `animaguru motion get sports-player-bar --write src/scenes`، ثم استدعِ `sportsPlayerBar(this, { at: 0 })` من `Film.build()`.

## Breaking news package with ticker

Titles & Lower Thirds · 8 ث · [شاهده](https://animaguru.com/ar/motion-library?play=breaking-news-package)

A 24-hour news graphics package with a breaking banner, a live headline update and a crawling ticker.

التثبيت: `animaguru motion get breaking-news-package --write src/scenes`، ثم استدعِ `breakingNewsPackage(this, { at: 0 })` من `Film.build()`.

## Podcast speaker pills

Titles & Lower Thirds · 9.55 ث · [شاهده](https://animaguru.com/ar/motion-library?play=podcast-speaker-pill)

Friendly frosted name pills that follow the conversation between two podcast hosts.

التثبيت: `animaguru motion get podcast-speaker-pill --write src/scenes`، ثم استدعِ `podcastSpeakerPill(this, { at: 0 })` من `Film.build()`.

## Quote testimonial title

Titles & Lower Thirds · 7.53 ث · [شاهده](https://animaguru.com/ar/motion-library?play=quote-testimonial-title)

A premium editorial testimonial card where a customer's words settle in and earn their five stars.

التثبيت: `animaguru motion get quote-testimonial-title --write src/scenes`، ثم استدعِ `quoteTestimonialTitle(this, { at: 0 })` من `Film.build()`.

## Marker scribble title

Titles & Lower Thirds · 6.6 ث · [شاهده](https://animaguru.com/ar/motion-library?play=marker-scribble-title)

A hand-annotated explainer title that gets marked up in bright marker like a sketchbook page.

التثبيت: `animaguru motion get marker-scribble-title --write src/scenes`، ثم استدعِ `markerScribbleTitle(this, { at: 0 })` من `Film.build()`.

## Layered shape wipe

Scene Transitions · 3.52 ث · [شاهده](https://animaguru.com/ar/motion-library?play=layered-wipe-transition)

A snappy multi-color wipe that hands one scene to the next with a sense of depth.

التثبيت: `animaguru motion get layered-wipe-transition --write src/scenes`، ثم استدعِ `layeredWipeTransition(this, { at: 0 })` من `Film.build()`.

## Whip pan transition

Scene Transitions · 3.35 ث · [شاهده](https://animaguru.com/ar/motion-library?play=whip-pan-transition)

A fast, handheld camera swish that flings one scene away and lands on the next.

التثبيت: `animaguru motion get whip-pan-transition --write src/scenes`، ثم استدعِ `whipPanTransition(this, { at: 0 })` من `Film.build()`.

## Zoom punch transition

Scene Transitions · 3.67 ث · [شاهده](https://animaguru.com/ar/motion-library?play=zoom-punch-transition)

The camera dives into a detail at full speed and bursts out into the next scene.

التثبيت: `animaguru motion get zoom-punch-transition --write src/scenes`، ثم استدعِ `zoomPunchTransition(this, { at: 0 })` من `Film.build()`.

## Ink bleed transition

Scene Transitions · 4.3 ث · [شاهده](https://animaguru.com/ar/motion-library?play=ink-bleed-transition)

An organic watercolor stain that soaks through one scene to reveal the next.

التثبيت: `animaguru motion get ink-bleed-transition --write src/scenes`، ثم استدعِ `inkBleedTransition(this, { at: 0 })` من `Film.build()`.

## Light leak transition

Scene Transitions · 4.8 ث · [شاهده](https://animaguru.com/ar/motion-library?play=light-leak-transition)

A warm, nostalgic burst of film light that carries one memory into the next.

التثبيت: `animaguru motion get light-leak-transition --write src/scenes`، ثم استدعِ `lightLeakTransition(this, { at: 0 })` من `Film.build()`.

## Glitch cut transition

Scene Transitions · 3.25 ث · [شاهده](https://animaguru.com/ar/motion-library?play=glitch-cut-transition)

A hard-edged digital glitch that tears one scene apart and locks onto the next.

التثبيت: `animaguru motion get glitch-cut-transition --write src/scenes`، ثم استدعِ `glitchCutTransition(this, { at: 0 })` من `Film.build()`.

## Venetian blinds flip

Scene Transitions · 4.1 ث · [شاهده](https://animaguru.com/ar/motion-library?play=blinds-flip-transition)

The frame turns over slat by slat, like a wall of blinds revealing the next scene on its back.

التثبيت: `animaguru motion get blinds-flip-transition --write src/scenes`، ثم استدعِ `blindsFlipTransition(this, { at: 0 })` من `Film.build()`.

## Page curl transition

Scene Transitions · 3.75 ث · [شاهده](https://animaguru.com/ar/motion-library?play=page-curl-transition)

A printed-page turn that peels one scene away to reveal the next.

التثبيت: `animaguru motion get page-curl-transition --write src/scenes`، ثم استدعِ `pageCurlTransition(this, { at: 0 })` من `Film.build()`.

## Cube rotate transition

Scene Transitions · 3.4 ث · [شاهده](https://animaguru.com/ar/motion-library?play=cube-rotate-transition)

Two scenes on the faces of a cube that turns in real perspective.

التثبيت: `animaguru motion get cube-rotate-transition --write src/scenes`، ثم استدعِ `cubeRotateTransition(this, { at: 0 })` من `Film.build()`.

## Shape-morph match cut

Scene Transitions · 4.95 ث · [شاهده](https://animaguru.com/ar/motion-library?play=shape-morph-match-cut)

A graphic match cut where one scene's shape becomes the next scene's object and opens into it.

التثبيت: `animaguru motion get shape-morph-match-cut --write src/scenes`، ثم استدعِ `shapeMorphMatchCut(this, { at: 0 })` من `Film.build()`.

## Growth bar chart with highlighted insight

Data Visualization · 6.97 ث · [شاهده](https://animaguru.com/ar/motion-library?play=growth-bar-chart)

An editorial bar chart that builds itself and lands on one clear takeaway.

التثبيت: `animaguru motion get growth-bar-chart --write src/scenes`، ثم استدعِ `growthBarChart(this, { at: 0 })` من `Film.build()`.

## Stock line chart with scrubbing crosshair

Data Visualization · 9.1 ث · [شاهده](https://animaguru.com/ar/motion-library?play=line-chart-scrub)

A trading-terminal price chart that draws itself, gets explored point by point and switches period.

التثبيت: `animaguru motion get line-chart-scrub --write src/scenes`، ثم استدعِ `lineChartScrub(this, { at: 0 })` من `Film.build()`.

## KPI odometer dashboard with sparkline

Data Visualization · 7.2 ث · [شاهده](https://animaguru.com/ar/motion-library?play=kpi-odometer)

A glassy SaaS metrics dashboard whose headline number rolls up like a mechanical counter.

التثبيت: `animaguru motion get kpi-odometer --write src/scenes`، ثم استدعِ `kpiOdometer(this, { at: 0 })` من `Film.build()`.

## Donut chart breakdown with exploding segment

Data Visualization · 8.55 ث · [شاهده](https://animaguru.com/ar/motion-library?play=donut-breakdown)

A soft, editorial donut chart that walks the viewer through where the total goes.

التثبيت: `animaguru motion get donut-breakdown --write src/scenes`، ثم استدعِ `donutBreakdown(this, { at: 0 })` من `Film.build()`.

## Pictogram unit chart (isotype)

Data Visualization · 8.8 ث · [شاهده](https://animaguru.com/ar/motion-library?play=pictogram-unit-chart)

A print-style isotype chart that makes a share tangible, one figure at a time.

التثبيت: `animaguru motion get pictogram-unit-chart --write src/scenes`، ثم استدعِ `pictogramUnitChart(this, { at: 0 })` من `Film.build()`.

## Bar chart race

Data Visualization · 10.45 ث · [شاهده](https://animaguru.com/ar/motion-library?play=bar-chart-race)

A broadcast-style ranking race where contenders overtake each other year by year.

التثبيت: `animaguru motion get bar-chart-race --write src/scenes`، ثم استدعِ `barChartRace(this, { at: 0 })` من `Film.build()`.

## Bubble scatter over time

Data Visualization · 10.95 ث · [شاهده](https://animaguru.com/ar/motion-library?play=bubble-scatter-timeline)

A Gapminder-style bubble chart where decades of change play out as moving bubbles.

التثبيت: `animaguru motion get bubble-scatter-timeline --write src/scenes`، ثم استدعِ `bubbleScatterTimeline(this, { at: 0 })` من `Film.build()`.

## Butterfly comparison chart

Data Visualization · 7.97 ث · [شاهده](https://animaguru.com/ar/motion-library?play=butterfly-comparison)

A calm, report-style population pyramid that shows how two groups shifted between two years.

التثبيت: `animaguru motion get butterfly-comparison --write src/scenes`، ثم استدعِ `butterflyComparison(this, { at: 0 })` من `Film.build()`.

## Radar profile comparison

Data Visualization · 8.35 ث · [شاهده](https://animaguru.com/ar/motion-library?play=radar-profile-morph)

A crisp spec-comparison radar chart that weighs products against each other and updates live.

التثبيت: `animaguru motion get radar-profile-morph --write src/scenes`، ثم استدعِ `radarProfileMorph(this, { at: 0 })` من `Film.build()`.

## Sankey flow with a spotlighted path

Data Visualization · 8.3 ث · [شاهده](https://animaguru.com/ar/motion-library?play=sankey-flow)

A glowing three-stage flow diagram that pours traffic from sources to outcomes and spotlights the path that matters.

التثبيت: `animaguru motion get sankey-flow --write src/scenes`، ثم استدعِ `sankeyFlow(this, { at: 0 })` من `Film.build()`.

## Process flow diagram with travelling packets

Diagrams & Explainers · 8.05 ث · [شاهده](https://animaguru.com/ar/motion-library?play=process-flow-diagram)

A clean step-by-step pipeline diagram that walks the viewer from input to result.

التثبيت: `animaguru motion get process-flow-diagram --write src/scenes`، ثم استدعِ `processFlowDiagram(this, { at: 0 })` من `Film.build()`.

## System architecture with failover

Diagrams & Explainers · 12.5 ث · [شاهده](https://animaguru.com/ar/motion-library?play=system-architecture-failover)

A blueprint-style system diagram where live traffic keeps flowing through a server outage and recovery.

التثبيت: `animaguru motion get system-architecture-failover --write src/scenes`، ثم استدعِ `systemArchitectureFailover(this, { at: 0 })` من `Film.build()`.

## Equation explainer with step-by-step evaluation

Diagrams & Explainers · 13.7 ث · [شاهده](https://animaguru.com/ar/motion-library?play=equation-explainer)

A color-coded formula that explains each of its terms, then solves itself step by step to a boxed answer.

التثبيت: `animaguru motion get equation-explainer --write src/scenes`، ثم استدعِ `equationExplainer(this, { at: 0 })` من `Film.build()`.

## Isometric layer stack explainer

Diagrams & Explainers · 8.54 ث · [شاهده](https://animaguru.com/ar/motion-library?play=isometric-layer-stack)

A soft isometric stack that opens up layer by layer to explain how a product is built.

التثبيت: `animaguru motion get isometric-layer-stack --write src/scenes`، ثم استدعِ `isometricLayerStack(this, { at: 0 })` من `Film.build()`.

## Conversion funnel with flowing particles

Diagrams & Explainers · 7.89 ث · [شاهده](https://animaguru.com/ar/motion-library?play=conversion-funnel)

A glossy marketing funnel that shows where people drop off and where the real leak is.

التثبيت: `animaguru motion get conversion-funnel --write src/scenes`، ثم استدعِ `conversionFunnel(this, { at: 0 })` من `Film.build()`.

## Cycle loop diagram with orbiting comet

Diagrams & Explainers · 10.6 ث · [شاهده](https://animaguru.com/ar/motion-library?play=cycle-loop-diagram)

A friendly illustrated loop that walks through each stage of a cycle, then shows it running again and again.

التثبيت: `animaguru motion get cycle-loop-diagram --write src/scenes`، ثم استدعِ `cycleLoopDiagram(this, { at: 0 })` من `Film.build()`.

## Venn diagram with overprinted overlaps and a sweet spot

Diagrams & Explainers · 8.35 ث · [شاهده](https://animaguru.com/ar/motion-library?play=venn-overlap)

A bold, print-style Venn diagram that builds up to the sweet spot where everything overlaps.

التثبيت: `animaguru motion get venn-overlap --write src/scenes`، ثم استدعِ `vennOverlap(this, { at: 0 })` من `Film.build()`.

## Editorial timeline with milestones

Diagrams & Explainers · 10.85 ث · [شاهده](https://animaguru.com/ar/motion-library?play=timeline-milestones)

A printed-history timeline the camera travels along, milestone by milestone, before pulling back to the whole story.

التثبيت: `animaguru motion get timeline-milestones --write src/scenes`، ثم استدعِ `timelineMilestones(this, { at: 0 })` من `Film.build()`.

## Before and after comparison slider

Diagrams & Explainers · 9 ث · [شاهده](https://animaguru.com/ar/motion-library?play=before-after-slider)

A drag-to-compare frame that turns a messy before into a calm after, with the improvements called out.

التثبيت: `animaguru motion get before-after-slider --write src/scenes`، ثم استدعِ `beforeAfterSlider(this, { at: 0 })` من `Film.build()`.

## Mind map that grows, focuses and folds

Diagrams & Explainers · 9.39 ث · [شاهده](https://animaguru.com/ar/motion-library?play=mind-map-tree)

A brainstorming mind map that grows idea by idea on a whiteboard canvas and comes alive like a real app.

التثبيت: `animaguru motion get mind-map-tree --write src/scenes`، ثم استدعِ `mindMapTree(this, { at: 0 })` من `Film.build()`.

## Mind map explainer with a hopping camera

Diagrams & Explainers · 21.5 ث · [شاهده](https://animaguru.com/ar/motion-library?play=mindmap-explainer)

A mind map told by the camera, which hops from branch to branch while each idea opens up point by point.

التثبيت: `animaguru motion get mindmap-explainer --write src/scenes`، ثم استدعِ `mindmapExplainer(this, { at: 0 })` من `Film.build()`.

## Product feature callouts

Product Showcase · 8.4 ث · [شاهده](https://animaguru.com/ar/motion-library?play=product-feature-callouts)

A spotlit hero product with animated spec callouts that resolves into a clean packshot.

التثبيت: `animaguru motion get product-feature-callouts --write src/scenes`، ثم استدعِ `productFeatureCallouts(this, { at: 0 })` من `Film.build()`.

## 360° product turntable

Product Showcase · 8.6 ث · [شاهده](https://animaguru.com/ar/motion-library?play=product-turntable-360)

A studio turntable spin of a bottle, can or jar that settles into a clean hero shot.

التثبيت: `animaguru motion get product-turntable-360 --write src/scenes`، ثم استدعِ `productTurntable360(this, { at: 0 })` من `Film.build()`.

## Magnifier loupe detail

Product Showcase · 10.4 ث · [شاهده](https://animaguru.com/ar/motion-library?play=magnifier-loupe-detail)

A magnifying glass glides over a leather bag to reveal the craft hidden in its materials.

التثبيت: `animaguru motion get magnifier-loupe-detail --write src/scenes`، ثم استدعِ `magnifierLoupeDetail(this, { at: 0 })` من `Film.build()`.

## Exploded parts view

Product Showcase · 9.2 ث · [شاهده](https://animaguru.com/ar/motion-library?play=exploded-parts-view)

An engineering-style breakdown that takes a headphone apart layer by layer and puts it back together.

التثبيت: `animaguru motion get exploded-parts-view --write src/scenes`، ثم استدعِ `explodedPartsView(this, { at: 0 })` من `Film.build()`.

## Laptop hinge-open reveal

Product Showcase · 9 ث · [شاهده](https://animaguru.com/ar/motion-library?play=laptop-hinge-reveal)

A premium laptop glides in, opens and lights up before settling into a hero shot.

التثبيت: `animaguru motion get laptop-hinge-reveal --write src/scenes`، ثم استدعِ `laptopHingeReveal(this, { at: 0 })` من `Film.build()`.

## Colorway switcher

Product Showcase · 8.1 ث · [شاهده](https://animaguru.com/ar/motion-library?play=colorway-switcher)

A bold, color-blocked product spot where every tap on a swatch restyles the product and the whole frame.

التثبيت: `animaguru motion get colorway-switcher --write src/scenes`، ثم استدعِ `colorwaySwitcher(this, { at: 0 })` من `Film.build()`.

## Size lineup with dimension lines

Product Showcase · 8.6 ث · [شاهده](https://animaguru.com/ar/motion-library?play=size-lineup-dimensions)

A clean technical lineup that shows a product family's sizes to scale with precise, animated measurements.

التثبيت: `animaguru motion get size-lineup-dimensions --write src/scenes`، ثم استدعِ `sizeLineupDimensions(this, { at: 0 })` من `Film.build()`.

## Premium unboxing reveal

Product Showcase · 8.4 ث · [شاهده](https://animaguru.com/ar/motion-library?play=unboxing-reveal)

A luxurious gift-box unboxing where the product rises out in a glow of warm light.

التثبيت: `animaguru motion get unboxing-reveal --write src/scenes`، ثم استدعِ `unboxingReveal(this, { at: 0 })` من `Film.build()`.

## Beverage splash packshot

Product Showcase · 7.6 ث · [شاهده](https://animaguru.com/ar/motion-library?play=splash-packshot)

A punchy drinks-ad packshot where a dewy can lands in a frozen burst of juice, fruit and ice.

التثبيت: `animaguru motion get splash-packshot --write src/scenes`، ثم استدعِ `splashPackshot(this, { at: 0 })` من `Film.build()`.

## Price-drop flash sale offer

Product Showcase · 8.4 ث · [شاهده](https://animaguru.com/ar/motion-library?play=price-drop-offer)

A loud, pop-art flash-sale card that turns a price cut into an event.

التثبيت: `animaguru motion get price-drop-offer --write src/scenes`، ثم استدعِ `priceDropOffer(this, { at: 0 })` من `Film.build()`.

## Animated line icon set

Icons & Micro-illustrations · 7.45 ث · [شاهده](https://animaguru.com/ar/motion-library?play=animated-line-icons)

Six friendly line icons that draw themselves and each come alive with a signature move.

التثبيت: `animaguru motion get animated-line-icons --write src/scenes`، ثم استدعِ `animatedLineIcons(this, { at: 0 })` من `Film.build()`.

## Icon state morphs

Icons & Micro-illustrations · 8.2 ث · [شاهده](https://animaguru.com/ar/motion-library?play=icon-state-morphs)

Six bold app-tile toggles whose glyphs morph between states with tactile, Lottie-style timing.

التثبيت: `animaguru motion get icon-state-morphs --write src/scenes`، ثم استدعِ `iconStateMorphs(this, { at: 0 })` من `Film.build()`.

## Loaders to success

Icons & Micro-illustrations · 8.1 ث · [شاهده](https://animaguru.com/ar/motion-library?play=loaders-to-success)

A dark status board of loading indicators that each resolve into a satisfying success state.

التثبيت: `animaguru motion get loaders-to-success --write src/scenes`، ثم استدعِ `loadersToSuccess(this, { at: 0 })` من `Film.build()`.

## Glossy weather icon set

Icons & Micro-illustrations · 9.6 ث · [شاهده](https://animaguru.com/ar/motion-library?play=weather-icons)

Six glossy weather icons that each loop on their own physics over a sky that changes with the forecast.

التثبيت: `animaguru motion get weather-icons --write src/scenes`، ثم استدعِ `weatherIcons(this, { at: 0 })` من `Film.build()`.

## Liquid fill icons

Icons & Micro-illustrations · 7.5 ث · [شاهده](https://animaguru.com/ar/motion-library?play=liquid-fill-icons)

Bold outlined icons that fill up with sloshing liquid, count to 100% and celebrate when full.

التثبيت: `animaguru motion get liquid-fill-icons --write src/scenes`، ثم استدعِ `liquidFillIcons(this, { at: 0 })` من `Film.build()`.

## Cozy desk spot illustration loop

Icons & Micro-illustrations · 6.9 ث · [شاهده](https://animaguru.com/ar/motion-library?play=cozy-desk-loop)

A warm, softly animated desk vignette that loops seamlessly, made for empty states and calm moments.

التثبيت: `animaguru motion get cozy-desk-loop --write src/scenes`، ثم استدعِ `cozyDeskLoop(this, { at: 0 })` من `Film.build()`.

## Isometric floating icon set

Icons & Micro-illustrations · 7.08 ث · [شاهده](https://animaguru.com/ar/motion-library?play=isometric-floating-icons)

A crisp isometric icon family that pops up from a grid floor and hovers with lively little details.

التثبيت: `animaguru motion get isometric-floating-icons --write src/scenes`، ثم استدعِ `isometricFloatingIcons(this, { at: 0 })` من `Film.build()`.

## Sticker pack slap

Icons & Micro-illustrations · 7 ث · [شاهده](https://animaguru.com/ar/motion-library?play=sticker-pack-slap)

A playful pack of die-cut stickers slapped onto kraft paper, with a foil shine and a peeling corner.

التثبيت: `animaguru motion get sticker-pack-slap --write src/scenes`، ثم استدعِ `stickerPackSlap(this, { at: 0 })` من `Film.build()`.

## Achievement badge unlock

Icons & Micro-illustrations · 8 ث · [شاهده](https://animaguru.com/ar/motion-library?play=achievement-badge-unlock)

A game-style reward moment where a locked medal bursts open, levels up and earns its title.

التثبيت: `animaguru motion get achievement-badge-unlock --write src/scenes`، ثم استدعِ `achievementBadgeUnlock(this, { at: 0 })` من `Film.build()`.

## Animated emoji reactions

Icons & Micro-illustrations · 12.35 ث · [شاهده](https://animaguru.com/ar/motion-library?play=emoji-reactions)

Six expressive drawn reaction faces that come alive, then one big face morphs through every mood as the counts climb.

التثبيت: `animaguru motion get emoji-reactions --write src/scenes`، ثم استدعِ `emojiReactions(this, { at: 0 })` من `Film.build()`.

## Mascot hello

Character & Mascot · 7.6 ث · [شاهده](https://animaguru.com/ar/motion-library?play=mascot-hello)

A bouncy, expressive mascot that bounds in to say hello and celebrate.

التثبيت: `animaguru motion get mascot-hello --write src/scenes`، ثم استدعِ `mascotHello(this, { at: 0 })` من `Film.build()`.

## Walk cycle with parallax street

Character & Mascot · 8.6 ث · [شاهده](https://animaguru.com/ar/motion-library?play=walk-cycle-parallax)

A flat-style character strolls through a layered city street, stops and turns to wave hello.

التثبيت: `animaguru motion get walk-cycle-parallax --write src/scenes`، ثم استدعِ `walkCycleParallax(this, { at: 0 })` من `Film.build()`.

## Doodle character with line boil

Character & Mascot · 7.2 ث · [شاهده](https://animaguru.com/ar/motion-library?play=doodle-line-boil)

A wobbly hand-drawn doodle that comes alive like traditional pencil animation.

التثبيت: `animaguru motion get doodle-line-boil --write src/scenes`، ثم استدعِ `doodleLineBoil(this, { at: 0 })` من `Film.build()`.

## Lip-sync talking head

Character & Mascot · 7.12 ث · [شاهده](https://animaguru.com/ar/motion-library?play=lip-sync-talking-head)

A friendly cartoon host who speaks your line with matching mouth shapes and live captions.

التثبيت: `animaguru motion get lip-sync-talking-head --write src/scenes`، ثم استدعِ `lipSyncTalkingHead(this, { at: 0 })` من `Film.build()`.

## Character turnaround model sheet

Character & Mascot · 9.2 ث · [شاهده](https://animaguru.com/ar/motion-library?play=character-turnaround-sheet)

An animation model sheet that turns a cute character around and documents its views, expressions and palette.

التثبيت: `animaguru motion get character-turnaround-sheet --write src/scenes`، ثم استدعِ `characterTurnaroundSheet(this, { at: 0 })` من `Film.build()`.

## Paper cutout puppet dance

Character & Mascot · 8.45 ث · [شاهده](https://animaguru.com/ar/motion-library?play=paper-cutout-dance)

A construction-paper puppet with brass split pins dances in charming stop-motion steps.

التثبيت: `animaguru motion get paper-cutout-dance --write src/scenes`، ثم استدعِ `paperCutoutDance(this, { at: 0 })` من `Film.build()`.

## Mascot crowd wave

Character & Mascot · 10.1 ث · [شاهده](https://animaguru.com/ar/motion-library?play=mascot-crowd-wave)

A stadium of tiny bean mascots does the wave, then hops down to spell a word together.

التثبيت: `animaguru motion get mascot-crowd-wave --write src/scenes`، ثم استدعِ `mascotCrowdWave(this, { at: 0 })` من `Film.build()`.

## Robot assembly power-up

Character & Mascot · 9 ث · [شاهده](https://animaguru.com/ar/motion-library?play=robot-assembly-powerup)

A retro-futurist robot bolts itself together in a dark workshop and powers up to say hello.

التثبيت: `animaguru motion get robot-assembly-powerup --write src/scenes`، ثم استدعِ `robotAssemblyPowerup(this, { at: 0 })` من `Film.build()`.

## Slime soft-body character

Character & Mascot · 8.6 ث · [شاهده](https://animaguru.com/ar/motion-library?play=slime-soft-body)

A glossy neon goo creature bounces, squeezes and splats its way through a candy-colored course.

التثبيت: `animaguru motion get slime-soft-body --write src/scenes`، ثم استدعِ `slimeSoftBody(this, { at: 0 })` من `Film.build()`.

## Fox mascot look-at and pounce

Character & Mascot · 8.6 ث · [شاهده](https://animaguru.com/ar/motion-library?play=fox-look-at-pounce)

A storybook fox spots a butterfly, follows it with its whole body and leaps to catch it.

التثبيت: `animaguru motion get fox-look-at-pounce --write src/scenes`، ثم استدعِ `foxLookAtPounce(this, { at: 0 })` من `Film.build()`.

## Aurora gradient loop

Backgrounds & Ambient Loops · 8 ث · [شاهده](https://animaguru.com/ar/motion-library?play=aurora-gradient-loop)

A calm, seamlessly looping aurora backdrop to sit under titles and voiceover.

التثبيت: `animaguru motion get aurora-gradient-loop --write src/scenes`، ثم استدعِ `auroraGradientLoop(this, { at: 0 })` من `Film.build()`.

## Starfield warp loop

Backgrounds & Ambient Loops · 8 ث · [شاهده](https://animaguru.com/ar/motion-library?play=starfield-warp)

A calm, endless flight through deep space that loops seamlessly behind titles.

التثبيت: `animaguru motion get starfield-warp --write src/scenes`، ثم استدعِ `starfieldWarp(this, { at: 0 })` من `Film.build()`.

## Plexus network loop

Backgrounds & Ambient Loops · 10 ث · [شاهده](https://animaguru.com/ar/motion-library?play=plexus-network)

A softly glowing web of connected points that loops seamlessly behind tech and data stories.

التثبيت: `animaguru motion get plexus-network --write src/scenes`، ثم استدعِ `plexusNetwork(this, { at: 0 })` من `Film.build()`.

## Topographic contour loop

Backgrounds & Ambient Loops · 10 ث · [شاهده](https://animaguru.com/ar/motion-library?play=topographic-contours)

A quietly breathing topographic map that loops seamlessly behind titles and data.

التثبيت: `animaguru motion get topographic-contours --write src/scenes`، ثم استدعِ `topographicContours(this, { at: 0 })` من `Film.build()`.

## Dot grid ripple loop

Backgrounds & Ambient Loops · 8 ث · [شاهده](https://animaguru.com/ar/motion-library?play=dot-grid-ripple)

A minimal dot grid where gentle ripples interfere and glow, looping seamlessly.

التثبيت: `animaguru motion get dot-grid-ripple --write src/scenes`، ثم استدعِ `dotGridRipple(this, { at: 0 })` من `Film.build()`.

## Bokeh night lights loop

Backgrounds & Ambient Loops · 10 ث · [شاهده](https://animaguru.com/ar/motion-library?play=bokeh-night-lights)

A warm, softly glowing city-night bokeh that loops seamlessly behind titles and voiceover.

التثبيت: `animaguru motion get bokeh-night-lights --write src/scenes`، ثم استدعِ `bokehNightLights(this, { at: 0 })` من `Film.build()`.

## Rain on window glass loop

Backgrounds & Ambient Loops · 12 ث · [شاهده](https://animaguru.com/ar/motion-library?play=rain-window-glass)

A cozy, rainy night window that loops seamlessly behind lofi music, quotes or voiceover.

التثبيت: `animaguru motion get rain-window-glass --write src/scenes`، ثم استدعِ `rainWindowGlass(this, { at: 0 })` من `Film.build()`.

## Memphis pattern scroll

Backgrounds & Ambient Loops · 8 ث · [شاهده](https://animaguru.com/ar/motion-library?play=memphis-pattern-scroll)

A playful, seamlessly looping 80s Memphis pattern with room in the middle for a title.

التثبيت: `animaguru motion get memphis-pattern-scroll --write src/scenes`، ثم استدعِ `memphisPatternScroll(this, { at: 0 })` من `Film.build()`.

## Layered ocean waves

Backgrounds & Ambient Loops · 8 ث · [شاهده](https://animaguru.com/ar/motion-library?play=layered-ocean-waves)

A calm lofi seascape at dusk that loops seamlessly under titles, music or voiceover.

التثبيت: `animaguru motion get layered-ocean-waves --write src/scenes`، ثم استدعِ `layeredOceanWaves(this, { at: 0 })` من `Film.build()`.

## Cloudscape sky loop

Backgrounds & Ambient Loops · 18 ث · [شاهده](https://animaguru.com/ar/motion-library?play=cloudscape-sky-loop)

A soft, painterly daytime sky that drifts by endlessly behind your titles.

التثبيت: `animaguru motion get cloudscape-sky-loop --write src/scenes`، ثم استدعِ `cloudscapeSkyLoop(this, { at: 0 })` من `Film.build()`.

## Confetti celebration

Particles & Effects · 6.5 ث · [شاهده](https://animaguru.com/ar/motion-library?play=confetti-celebration)

A joyful party-popper confetti burst that crowns a big announcement.

التثبيت: `animaguru motion get confetti-celebration --write src/scenes`، ثم استدعِ `confettiCelebration(this, { at: 0 })` من `Film.build()`.

## Angle grinder sparks

Particles & Effects · 9.55 ث · [شاهده](https://animaguru.com/ar/motion-library?play=grinder-sparks)

An angle grinder throws a roaring spray of hot sparks across a dark workshop.

التثبيت: `animaguru motion get grinder-sparks --write src/scenes`، ثم استدعِ `grinderSparks(this, { at: 0 })` من `Film.build()`.

## Fireworks over the water

Particles & Effects · 10.58 ث · [شاهده](https://animaguru.com/ar/motion-library?play=fireworks-night)

A night fireworks show over a city skyline, mirrored in the harbor, building to a bright finale.

التثبيت: `animaguru motion get fireworks-night --write src/scenes`، ثم استدعِ `fireworksNight(this, { at: 0 })` من `Film.build()`.

## Smoke wisps with a light shaft

Particles & Effects · 10 ث · [شاهده](https://animaguru.com/ar/motion-library?play=smoke-wisps)

Moody, slow-curling smoke with a coloured light beam, made to sit behind a title or product.

التثبيت: `animaguru motion get smoke-wisps --write src/scenes`، ثم استدعِ `smokeWisps(this, { at: 0 })` من `Film.build()`.

## Campfire with rising embers

Particles & Effects · 8 ث · [شاهده](https://animaguru.com/ar/motion-library?play=campfire-embers)

A cozy campfire under the stars, crackling to life with drifting embers.

التثبيت: `animaguru motion get campfire-embers --write src/scenes`، ثم استدعِ `campfireEmbers(this, { at: 0 })` من `Film.build()`.

## Magic sparkle trail

Particles & Effects · 7.6 ث · [شاهده](https://animaguru.com/ar/motion-library?play=magic-sparkle-trail)

A glowing fairy light draws a heart in glittering pixie dust that bursts into a shower of sparkles.

التثبيت: `animaguru motion get magic-sparkle-trail --write src/scenes`، ثم استدعِ `magicSparkleTrail(this, { at: 0 })` من `Film.build()`.

## Soap bubbles

Particles & Effects · 9 ث · [شاهده](https://animaguru.com/ar/motion-library?play=soap-bubbles)

Iridescent soap bubbles drift up through a bright sky and pop now and then.

التثبيت: `animaguru motion get soap-bubbles --write src/scenes`، ثم استدعِ `soapBubbles(this, { at: 0 })` من `Film.build()`.

## Dust disintegrate

Particles & Effects · 8.7 ث · [شاهده](https://animaguru.com/ar/motion-library?play=dust-disintegrate)

A headline crumbles into drifting dust on the wind, then rebuilds itself as if time ran backwards.

التثبيت: `animaguru motion get dust-disintegrate --write src/scenes`، ثم استدعِ `dustDisintegrate(this, { at: 0 })` من `Film.build()`.

## Shockwave impact

Particles & Effects · 5.2 ث · [شاهده](https://animaguru.com/ar/motion-library?play=shockwave-impact)

Energy gathers into a humming core, then detonates in a blinding shockwave that shakes the whole scene.

التثبيت: `animaguru motion get shockwave-impact --write src/scenes`، ثم استدعِ `shockwaveImpact(this, { at: 0 })` من `Film.build()`.

## Electric arcs

Particles & Effects · 7.4 ث · [شاهده](https://animaguru.com/ar/motion-library?play=electric-arcs)

Crackling high-voltage lightning that leaps between coils and charges a title with raw power.

التثبيت: `animaguru motion get electric-arcs --write src/scenes`، ثم استدعِ `electricArcs(this, { at: 0 })` من `Film.build()`.

## Vertical hook with poll

Social & Short-form · 9.5 ث · [شاهده](https://animaguru.com/ar/motion-library?play=vertical-hook-poll)

A captions-first vertical opener with an interactive-feeling poll and follow sticker.

التثبيت: `animaguru motion get vertical-hook-poll --write src/scenes`، ثم استدعِ `verticalHookPoll(this, { at: 0 })` من `Film.build()`.

## Listicle countdown

Social & Short-form · 11 ث · [شاهده](https://animaguru.com/ar/motion-library?play=listicle-countdown)

A loud, colorful top-five countdown that builds suspense all the way to number one.

التثبيت: `animaguru motion get listicle-countdown --write src/scenes`، ثم استدعِ `listicleCountdown(this, { at: 0 })` من `Film.build()`.

## Bold word captions

Social & Short-form · 11.41 ث · [شاهده](https://animaguru.com/ar/motion-library?play=bold-word-captions)

Huge, punchy talking-head captions that keep viewers reading every word.

التثبيت: `animaguru motion get bold-word-captions --write src/scenes`، ثم استدعِ `boldWordCaptions(this, { at: 0 })` من `Film.build()`.

## Split-screen duet reaction

Social & Short-form · 9.8 ث · [شاهده](https://animaguru.com/ar/motion-library?play=split-screen-duet)

A creator remix that reacts to a clip in split screen and picture-in-picture.

التثبيت: `animaguru motion get split-screen-duet --write src/scenes`، ثم استدعِ `splitScreenDuet(this, { at: 0 })` من `Film.build()`.

## Comment reply sticker

Social & Short-form · 9.07 ث · [شاهده](https://animaguru.com/ar/motion-library?play=comment-reply-sticker)

A creator answers a viewer comment with a reply sticker and bold captions.

التثبيت: `animaguru motion get comment-reply-sticker --write src/scenes`، ثم استدعِ `commentReplySticker(this, { at: 0 })` من `Film.build()`.

## Story slides with stickers

Social & Short-form · 12.5 ث · [شاهده](https://animaguru.com/ar/motion-library?play=story-progress-slides)

A warm, editorial four-slide story that taps through location, slider, countdown and link stickers.

التثبيت: `animaguru motion get story-progress-slides --write src/scenes`، ثم استدعِ `storyProgressSlides(this, { at: 0 })` من `Film.build()`.

## Carousel swipe post

Social & Short-form · 11.8 ث · [شاهده](https://animaguru.com/ar/motion-library?play=carousel-swipe-post)

A clean educational carousel post that swipes through bold tips and ends on a save.

التثبيت: `animaguru motion get carousel-swipe-post --write src/scenes`، ثم استدعِ `carouselSwipePost(this, { at: 0 })` من `Film.build()`.

## Live stream overlay

Social & Short-form · 11 ث · [شاهده](https://animaguru.com/ar/motion-library?play=live-stream-overlay)

A neon creator live-stream overlay where the chat, reactions and a fan goal all come alive.

التثبيت: `animaguru motion get live-stream-overlay --write src/scenes`، ثم استدعِ `liveStreamOverlay(this, { at: 0 })` من `Film.build()`.

## Quiz with countdown timer

Social & Short-form · 10.75 ث · [شاهده](https://animaguru.com/ar/motion-library?play=quiz-timer-sticker)

A playful game-show quiz where the clock runs down, a guess locks in and the answer is revealed.

التثبيت: `animaguru motion get quiz-timer-sticker --write src/scenes`، ثم استدعِ `quizTimerSticker(this, { at: 0 })` من `Film.build()`.

## Part 2 cliffhanger freeze

Social & Short-form · 7.45 ث · [شاهده](https://animaguru.com/ar/motion-library?play=part-two-cliffhanger)

A dramatic short-form tease that cuts off right at the big reveal and sends viewers to part two.

التثبيت: `animaguru motion get part-two-cliffhanger --write src/scenes`، ثم استدعِ `partTwoCliffhanger(this, { at: 0 })` من `Film.build()`.

## Flight route on a dot-matrix world map

Maps & Geography · 8.94 ث · [شاهده](https://animaguru.com/ar/motion-library?play=flight-route-map)

A stylized world map that charts a multi-stop journey with live distance and flight time.

التثبيت: `animaguru motion get flight-route-map --write src/scenes`، ثم استدعِ `flightRouteMap(this, { at: 0 })` من `Film.build()`.

## Spinning globe with connection arcs

Maps & Geography · 9.8 ث · [شاهده](https://animaguru.com/ar/motion-library?play=globe-spin-arcs)

A glowing dotted globe turns while connection arcs light up between cities around the world.

التثبيت: `animaguru motion get globe-spin-arcs --write src/scenes`، ثم استدعِ `globeSpinArcs(this, { at: 0 })` من `Film.build()`.

## Day and night world clock

Maps & Geography · 10.7 ث · [شاهده](https://animaguru.com/ar/motion-library?play=day-night-world-clock)

A world map where day and night sweep across the globe while city clocks tick through the hours.

التثبيت: `animaguru motion get day-night-world-clock --write src/scenes`، ثم استدعِ `dayNightWorldClock(this, { at: 0 })` من `Film.build()`.

## Hex cartogram choropleth over the years

Maps & Geography · 11.5 ث · [شاهده](https://animaguru.com/ar/motion-library?play=hex-cartogram-choropleth)

A data-journalism hex map of a country's regions that recolors year by year as the story unfolds.

التثبيت: `animaguru motion get hex-cartogram-choropleth --write src/scenes`، ثم استدعِ `hexCartogramChoropleth(this, { at: 0 })` من `Film.build()`.

## Isometric city district bars

Maps & Geography · 10.2 ث · [شاهده](https://animaguru.com/ar/motion-library?play=isometric-district-bars)

A 3D isometric city map whose districts rise into bars, then re-rank when the metric switches.

التثبيت: `animaguru motion get isometric-district-bars --write src/scenes`، ثم استدعِ `isometricDistrictBars(this, { at: 0 })` من `Film.build()`.

## Heading-up GPS navigation

Maps & Geography · 12.6 ث · [شاهده](https://animaguru.com/ar/motion-library?play=gps-heading-up-navigation)

An in-car navigation display that drives a route through a night city with turn-by-turn guidance.

التثبيت: `animaguru motion get gps-heading-up-navigation --write src/scenes`، ثم استدعِ `gpsHeadingUpNavigation(this, { at: 0 })` من `Film.build()`.

## Weather radar sweep

Maps & Geography · 10.04 ث · [شاهده](https://animaguru.com/ar/motion-library?play=weather-radar-sweep)

A live weather radar loop that tracks a storm across a coastal region.

التثبيت: `animaguru motion get weather-radar-sweep --write src/scenes`، ثم استدعِ `weatherRadarSweep(this, { at: 0 })` من `Film.build()`.

## Treasure map on parchment

Maps & Geography · 10 ث · [شاهده](https://animaguru.com/ar/motion-library?play=treasure-map-parchment)

An old adventure map unrolls across a table and leads the way to buried treasure.

التثبيت: `animaguru motion get treasure-map-parchment --write src/scenes`، ثم استدعِ `treasureMapParchment(this, { at: 0 })` من `Film.build()`.

## Road-trip polaroid recap

Maps & Geography · 13.45 ث · [شاهده](https://animaguru.com/ar/motion-library?play=road-trip-polaroids)

A warm travel recap that drives a winding route and collects a polaroid at every stop.

التثبيت: `animaguru motion get road-trip-polaroids --write src/scenes`، ثم استدعِ `roadTripPolaroids(this, { at: 0 })` من `Film.build()`.

## Zoom from space to a street

Maps & Geography · 10.8 ث · [شاهده](https://animaguru.com/ar/motion-library?play=space-to-street-zoom)

A single continuous camera dive from outer space down to one building on a city street.

التثبيت: `animaguru motion get space-to-street-zoom --write src/scenes`، ثم استدعِ `spaceToStreetZoom(this, { at: 0 })` من `Film.build()`.

## Bauhaus tile rhythm

Abstract Shapes & Geometric Motion · 6.7 ث · [شاهده](https://animaguru.com/ar/motion-library?play=bauhaus-tile-rhythm)

A Swiss-poster grid of bold geometric tiles that dances to a beat and resolves into perfect circles.

التثبيت: `animaguru motion get bauhaus-tile-rhythm --write src/scenes`، ثم استدعِ `bauhausTileRhythm(this, { at: 0 })` من `Film.build()`.

## Glossy blob morph

Abstract Shapes & Geometric Motion · 10 ث · [شاهده](https://animaguru.com/ar/motion-library?play=glossy-blob-morph)

Soft, glossy gradient blobs drift and nuzzle each other in a calm, seamless abstract loop.

التثبيت: `animaguru motion get glossy-blob-morph --write src/scenes`، ثم استدعِ `glossyBlobMorph(this, { at: 0 })` من `Film.build()`.

## Polygon morph sequence

Abstract Shapes & Geometric Motion · 9 ث · [شاهده](https://animaguru.com/ar/motion-library?play=polygon-morph-sequence)

One bold shape keeps transforming in the middle of a color field that changes with every beat.

التثبيت: `animaguru motion get polygon-morph-sequence --write src/scenes`، ثم استدعِ `polygonMorphSequence(this, { at: 0 })` من `Film.build()`.

## Kaleidoscope mirror mandala

Abstract Shapes & Geometric Motion · 10 ث · [شاهده](https://animaguru.com/ar/motion-library?play=kaleidoscope-mirror)

A jewel-toned kaleidoscope that blooms into an ever-changing symmetric mandala.

التثبيت: `animaguru motion get kaleidoscope-mirror --write src/scenes`، ثم استدعِ `kaleidoscopeMirror(this, { at: 0 })` من `Film.build()`.

## Paper depth tunnel

Abstract Shapes & Geometric Motion · 10 ث · [شاهده](https://animaguru.com/ar/motion-library?play=paper-depth-tunnel)

An endless flight through layered paper cut-outs toward a warm glowing light.

التثبيت: `animaguru motion get paper-depth-tunnel --write src/scenes`، ثم استدعِ `paperDepthTunnel(this, { at: 0 })` من `Film.build()`.

## Harmonograph line drawing

Abstract Shapes & Geometric Motion · 9.9 ث · [شاهده](https://animaguru.com/ar/motion-library?play=harmonograph-lines)

Luminous generative line figures draw themselves like a pendulum art print and settle into one elegant composition.

التثبيت: `animaguru motion get harmonograph-lines --write src/scenes`، ثم استدعِ `harmonographLines(this, { at: 0 })` من `Film.build()`.

## Radial rings rhythm

Abstract Shapes & Geometric Motion · 8 ث · [شاهده](https://animaguru.com/ar/motion-library?play=radial-rings-rhythm)

Precise concentric rings spin, pulse and click into perfect alignment on a seamless loop.

التثبيت: `animaguru motion get radial-rings-rhythm --write src/scenes`، ثم استدعِ `radialRingsRhythm(this, { at: 0 })` من `Film.build()`.

## Isometric cube wave

Abstract Shapes & Geometric Motion · 8 ث · [شاهده](https://animaguru.com/ar/motion-library?play=isometric-cube-wave)

A calm isometric field of columns that rises and falls in shifting waves, looping seamlessly.

التثبيت: `animaguru motion get isometric-cube-wave --write src/scenes`، ثم استدعِ `isometricCubeWave(this, { at: 0 })` من `Film.build()`.

## 3D wireframe shapes

Abstract Shapes & Geometric Motion · 11.2 ث · [شاهده](https://animaguru.com/ar/motion-library?play=wireframe-3d-shapes)

Glowing retro-vector 3D wireframes that turn in space and transform from one solid into the next.

التثبيت: `animaguru motion get wireframe-3d-shapes --write src/scenes`، ثم استدعِ `wireframe3dShapes(this, { at: 0 })` من `Film.build()`.

## Falling shapes stack

Abstract Shapes & Geometric Motion · 7 ث · [شاهده](https://animaguru.com/ar/motion-library?play=falling-shapes-stack)

Chunky, colorful shapes drop on the beat and build a playful balanced sculpture before it all tumbles away.

التثبيت: `animaguru motion get falling-shapes-stack --write src/scenes`، ثم استدعِ `fallingShapesStack(this, { at: 0 })` من `Film.build()`.

## Call-to-action end card

End Cards & Calls to Action · 6 ث · [شاهده](https://animaguru.com/ar/motion-library?play=cta-end-card)

A warm closing card that walks the viewer from headline to button press to web address.

التثبيت: `animaguru motion get cta-end-card --write src/scenes`، ثم استدعِ `ctaEndCard(this, { at: 0 })` من `Film.build()`.

## Video end screen

End Cards & Calls to Action · 8 ث · [شاهده](https://animaguru.com/ar/motion-library?play=video-end-screen)

A creator-style end screen that turns the last shot into a menu of what to watch next.

التثبيت: `animaguru motion get video-end-screen --write src/scenes`، ثم استدعِ `videoEndScreen(this, { at: 0 })` من `Film.build()`.

## Next episode outro

End Cards & Calls to Action · 9.7 ث · [شاهده](https://animaguru.com/ar/motion-library?play=next-episode-outro)

A podcast-style sign-off that hands the viewer straight to the next episode.

التثبيت: `animaguru motion get next-episode-outro --write src/scenes`، ثم استدعِ `nextEpisodeOutro(this, { at: 0 })` من `Film.build()`.

## App download end card

End Cards & Calls to Action · 7.6 ث · [شاهده](https://animaguru.com/ar/motion-library?play=app-download-card)

A vivid app-promo closing card that sends viewers straight to the download buttons.

التثبيت: `animaguru motion get app-download-card --write src/scenes`، ثم استدعِ `appDownloadCard(this, { at: 0 })` من `Film.build()`.

## Launch countdown with notify

End Cards & Calls to Action · 9 ث · [شاهده](https://animaguru.com/ar/motion-library?play=launch-countdown-notify)

A dark, premium launch teaser with a live countdown and a sign-up to be notified.

التثبيت: `animaguru motion get launch-countdown-notify --write src/scenes`، ثم استدعِ `launchCountdownNotify(this, { at: 0 })` من `Film.build()`.

## Scratch-off coupon reveal

End Cards & Calls to Action · 7.2 ث · [شاهده](https://animaguru.com/ar/motion-library?play=scratch-coupon-reveal)

A festive coupon end card where a coin scratches away the silver to reveal a welcome discount and code.

التثبيت: `animaguru motion get scratch-coupon-reveal --write src/scenes`، ثم استدعِ `scratchCouponReveal(this, { at: 0 })` من `Film.build()`.

## Local business contact card

End Cards & Calls to Action · 8 ث · [شاهده](https://animaguru.com/ar/motion-library?play=local-business-contact)

A warm small-business end card with an illustrated storefront, a map pin and everything a customer needs to visit.

التثبيت: `animaguru motion get local-business-contact --write src/scenes`، ثم استدعِ `localBusinessContact(this, { at: 0 })` من `Film.build()`.

## Save-the-date calendar

End Cards & Calls to Action · 8.6 ث · [شاهده](https://animaguru.com/ar/motion-library?play=save-the-date-calendar)

An elegant paper invite where a desk calendar races to the big day and asks you to save it.

التثبيت: `animaguru motion get save-the-date-calendar --write src/scenes`، ثم استدعِ `saveTheDateCalendar(this, { at: 0 })` من `Film.build()`.

## End credits roll

End Cards & Calls to Action · 11 ث · [شاهده](https://animaguru.com/ar/motion-library?play=credits-roll)

Classic film-style end credits that glide up and settle on a thank-you card.

التثبيت: `animaguru motion get credits-roll --write src/scenes`، ثم استدعِ `creditsRoll(this, { at: 0 })` من `Film.build()`.

## Kinetic type call to action

End Cards & Calls to Action · 5.78 ث · [شاهده](https://animaguru.com/ar/motion-library?play=kinetic-cta-type)

A bold, type-only closing card that lands on its call to action and points straight at your link.

التثبيت: `animaguru motion get kinetic-cta-type --write src/scenes`، ثم استدعِ `kineticCtaType(this, { at: 0 })` من `Film.build()`.

## Deck cover with logo lockup

Presentation Slides · 9.65 ث · [شاهده](https://animaguru.com/ar/motion-library?play=deck-cover-lockup)

A keynote cover slide that assembles the logo, the deck title and the speaker lockup over softly moving brand light.

التثبيت: `animaguru motion get deck-cover-lockup --write src/scenes`، ثم استدعِ `deckCoverLockup(this, { at: 0 })` من `Film.build()`.

## Agenda and section divider slide

Presentation Slides · 9.25 ث · [شاهده](https://animaguru.com/ar/motion-library?play=agenda-progress)

An agenda slide that doubles as every section divider, ticking off finished parts and spotlighting the next one.

التثبيت: `animaguru motion get agenda-progress --write src/scenes`، ثم استدعِ `agendaProgress(this, { at: 0 })` من `Film.build()`.

## Problem slide with a growing pile of pains

Presentation Slides · 10.5 ث · [شاهده](https://animaguru.com/ar/motion-library?play=pain-pile)

A pitch-deck problem slide where everyday frustrations pile up while a counter adds up what they cost.

التثبيت: `animaguru motion get pain-pile --write src/scenes`، ثم استدعِ `painPile(this, { at: 0 })` من `Film.build()`.

## Solution slide that tidies the pile into a product

Presentation Slides · 7.5 ث · [شاهده](https://animaguru.com/ar/motion-library?play=chaos-to-order)

A pitch-deck solution slide that turns the problem slide's pile of pains into one tidy product window.

التثبيت: `animaguru motion get chaos-to-order --write src/scenes`، ثم استدعِ `chaosToOrder(this, { at: 0 })` من `Film.build()`.

## Why now slide with trends converging on today

Presentation Slides · 10.65 ث · [شاهده](https://animaguru.com/ar/motion-library?play=why-now-converging)

A "why now" slide where three market trends meet at today and open an opportunity window.

التثبيت: `animaguru motion get why-now-converging --write src/scenes`، ثم استدعِ `whyNowConverging(this, { at: 0 })` من `Film.build()`.

## Market size slide with TAM, SAM and SOM

Presentation Slides · 12.95 ث · [شاهده](https://animaguru.com/ar/motion-library?play=market-tam-sam-som)

A bold market-size slide that nests TAM, SAM and SOM, then proves SOM bottom-up.

التثبيت: `animaguru motion get market-tam-sam-som --write src/scenes`، ثم استدعِ `marketTamSamSom(this, { at: 0 })` من `Film.build()`.

## Annotated product screenshot with hotspot callouts

Presentation Slides · 14.25 ث · [شاهده](https://animaguru.com/ar/motion-library?play=screenshot-hotspots)

A product screenshot in a browser window, explained one numbered hotspot at a time.

التثبيت: `animaguru motion get screenshot-hotspots --write src/scenes`، ثم استدعِ `screenshotHotspots(this, { at: 0 })` من `Film.build()`.

## Pricing tiers with a monthly to yearly switch

Presentation Slides · 8.82 ث · [شاهده](https://animaguru.com/ar/motion-library?play=pricing-tiers)

A three-plan pricing slide that recommends one plan, then shows what paying yearly saves.

التثبيت: `animaguru motion get pricing-tiers --write src/scenes`، ثم استدعِ `pricingTiers(this, { at: 0 })` من `Film.build()`.

## Hockey-stick traction slide with milestone flags

Presentation Slides · 11.7 ث · [شاهده](https://animaguru.com/ar/motion-library?play=traction-milestones)

A hockey-stick traction slide that tells the growth story milestone by milestone, up to where the company stands today.

التثبيت: `animaguru motion get traction-milestones --write src/scenes`، ثم استدعِ `tractionMilestones(this, { at: 0 })` من `Film.build()`.

## Customer logo wall with a rolling counter

Presentation Slides · 7.85 ث · [شاهده](https://animaguru.com/ar/motion-library?play=logo-wall-counter)

A customer logo wall that tiles in across the slide and lands a "trusted by" count as its punchline.

التثبيت: `animaguru motion get logo-wall-counter --write src/scenes`، ثم استدعِ `logoWallCounter(this, { at: 0 })` من `Film.build()`.

## Customer case study with challenge, solution and results

Presentation Slides · 10.95 ث · [شاهده](https://animaguru.com/ar/motion-library?play=case-study-results)

A customer case study slide that walks from the client's challenge to the solution and the measured results.

التثبيت: `animaguru motion get case-study-results --write src/scenes`، ثم استدعِ `caseStudyResults(this, { at: 0 })` من `Film.build()`.

## Competitor comparison checklist

Presentation Slides · 10.93 ث · [شاهده](https://animaguru.com/ar/motion-library?play=comparison-checklist)

A feature-by-feature comparison with three rivals that ends on your own column.

التثبيت: `animaguru motion get comparison-checklist --write src/scenes`، ثم استدعِ `comparisonChecklist(this, { at: 0 })` من `Film.build()`.

## 2×2 competitive positioning matrix

Presentation Slides · 10.55 ث · [شاهده](https://animaguru.com/ar/motion-library?play=positioning-matrix)

A 2×2 market map that places the competition, then lands you in the top-right.

التثبيت: `animaguru motion get positioning-matrix --write src/scenes`، ثم استدعِ `positioningMatrix(this, { at: 0 })` من `Film.build()`.

## Our team slide with portrait reveals

Presentation Slides · 8.52 ث · [شاهده](https://animaguru.com/ar/motion-library?play=team-portrait-grid)

A warm "Our team" slide that introduces the founders, then the advisors, one click at a time.

التثبيت: `animaguru motion get team-portrait-grid --write src/scenes`، ثم استدعِ `teamPortraitGrid(this, { at: 0 })` من `Film.build()`.

## The ask slide with use of funds and runway

Presentation Slides · 11.9 ث · [شاهده](https://animaguru.com/ar/motion-library?play=the-ask-funds)

A pitch-deck "ask" slide that lands the round size, breaks it into use of funds and shows the runway it buys.

التثبيت: `animaguru motion get the-ask-funds --write src/scenes`، ثم استدعِ `theAskFunds(this, { at: 0 })` من `Film.build()`.

## Now, Next, Later roadmap slide

Presentation Slides · 9.34 ث · [شاهده](https://animaguru.com/ar/motion-library?play=roadmap-lanes)

A dark planning-board roadmap that fills its Now, Next and Later lanes one click at a time.

التثبيت: `animaguru motion get roadmap-lanes --write src/scenes`، ثم استدعِ `roadmapLanes(this, { at: 0 })` من `Film.build()`.

## OKR scorecard slide with filling bars

Presentation Slides · 11.45 ث · [شاهده](https://animaguru.com/ar/motion-library?play=okr-scorecard)

A clean OKR scorecard that scores each objective's key results one click at a time.

التثبيت: `animaguru motion get okr-scorecard --write src/scenes`، ثم استدعِ `okrScorecard(this, { at: 0 })` من `Film.build()`.

## SWOT analysis slide with strategy arrows

Presentation Slides · 10.98 ث · [شاهده](https://animaguru.com/ar/motion-library?play=swot-quadrants)

A bold four-tile SWOT analysis that builds quadrant by quadrant and ends on the strategy that links them.

التثبيت: `animaguru motion get swot-quadrants --write src/scenes`، ثم استدعِ `swotQuadrants(this, { at: 0 })` من `Film.build()`.

## One big number slide with comparison

Presentation Slides · 8.3 ث · [شاهده](https://animaguru.com/ar/motion-library?play=hero-stat)

A keynote slide built around one huge number, with a second click that shows how it compares.

التثبيت: `animaguru motion get hero-stat --write src/scenes`، ثم استدعِ `heroStat(this, { at: 0 })` من `Film.build()`.

## Questions slide with contact card and QR code

Presentation Slides · 11.35 ث · [شاهده](https://animaguru.com/ar/motion-library?play=qa-contact-loop)

A closing "Questions?" slide among drifting speech bubbles, with a contact card and a scannable QR code on the next click.

التثبيت: `animaguru motion get qa-contact-loop --write src/scenes`، ثم استدعِ `qaContactLoop(this, { at: 0 })` من `Film.build()`.