registry.json

{"name":"remotion-bits","type":"repository","defaultPaths":{"component":"src/components","util":"src/utils","bit":"src/compositions"},"items":[{"name":"animated-text","title":"Animated Text","description":"Character-by-character, word-by-word, or full text animations with staggering, easing, and transform controls.","type":"component","add":"when-added","registryDependencies":["interpolate","color"],"dependencies":[],"devDependencies":[],"files":[{"type":"component","role":"file","path":"AnimatedText.tsx","relativePath":"src/components/AnimatedText.tsx","_imports_":[],"registryDependencies":[],"dependencies":[],"devDependencies":[]}]},{"name":"animated-counter","title":"Animated Counter","description":"Counter that interpolates between values with optional prefix, postfix and formatting.","type":"component","add":"when-added","registryDependencies":["motion"],"dependencies":[],"devDependencies":[],"files":[{"type":"component","role":"file","path":"AnimatedCounter.tsx","relativePath":"src/components/AnimatedCounter.tsx","_imports_":[],"registryDependencies":[],"dependencies":[],"devDependencies":[]}]},{"name":"matrix-rain","title":"Matrix Rain Effect","description":"Matrix digital rain effect with customizable characters, density, and speed.","type":"component","add":"when-added","registryDependencies":["use-viewport-rect"],"dependencies":[],"devDependencies":[],"files":[{"type":"component","role":"file","path":"MatrixRain.tsx","relativePath":"src/components/MatrixRain.tsx","_imports_":[],"registryDependencies":[],"dependencies":[],"devDependencies":[]}]},{"name":"gradient-transition","title":"Gradient Transition","description":"Smooth CSS gradient transitions with intelligent interpolation (linear, radial, conic).","type":"component","add":"when-added","registryDependencies":["interpolate","gradient"],"dependencies":[{"ecosystem":"js","name":"culori"}],"devDependencies":[],"files":[{"type":"component","role":"file","path":"GradientTransition.tsx","relativePath":"src/components/GradientTransition.tsx","_imports_":[],"registryDependencies":[],"dependencies":[],"devDependencies":[]}]},{"name":"staggered-motion","title":"Staggered Motion","description":"Advanced motion and transform animations for child elements with stagger effects, directional timing, and easing control.","type":"component","add":"when-added","registryDependencies":["interpolate","motion"],"dependencies":[],"devDependencies":[],"files":[{"type":"component","role":"file","path":"StaggeredMotion.tsx","relativePath":"src/components/StaggeredMotion.tsx","_imports_":[],"registryDependencies":[],"dependencies":[],"devDependencies":[]}]},{"name":"particle-system","title":"Particle System","description":"Complete particle effect system with spawners, behaviors (gravity, drag, wiggle, scale, opacity), and deterministic simulation.","type":"component","add":"when-added","registryDependencies":["random","particles-utilities"],"dependencies":[],"devDependencies":[],"files":[{"type":"component","role":"file","path":"Particles.tsx","relativePath":"src/components/ParticleSystem/Particles.tsx","_imports_":[],"registryDependencies":[],"dependencies":[],"devDependencies":[]},{"type":"component","role":"file","path":"Spawner.tsx","relativePath":"src/components/ParticleSystem/Spawner.tsx","_imports_":[],"registryDependencies":[],"dependencies":[],"devDependencies":[]},{"type":"component","role":"file","path":"Behavior.tsx","relativePath":"src/components/ParticleSystem/Behavior.tsx","_imports_":[],"registryDependencies":[],"dependencies":[],"devDependencies":[]},{"type":"component","role":"file","path":"index.ts","relativePath":"src/components/ParticleSystem/index.ts","_imports_":[],"registryDependencies":[],"dependencies":[],"devDependencies":[]}]},{"name":"scene-3d","title":"3D Scene System","description":"3D scene rendering with camera controls, steps, elements, transforms, and transitions.","type":"component","add":"when-added","registryDependencies":["interpolate"],"dependencies":[],"devDependencies":[],"files":[{"type":"component","role":"file","path":"Scene3D.tsx","relativePath":"src/components/Scene3D/Scene3D.tsx","_imports_":[],"registryDependencies":[],"dependencies":[],"devDependencies":[]},{"type":"component","role":"file","path":"Step.tsx","relativePath":"src/components/Scene3D/Step.tsx","_imports_":[],"registryDependencies":[],"dependencies":[],"devDependencies":[]},{"type":"component","role":"file","path":"Element3D.tsx","relativePath":"src/components/Scene3D/Element3D.tsx","_imports_":[],"registryDependencies":[],"dependencies":[],"devDependencies":[]},{"type":"component","role":"file","path":"context.ts","relativePath":"src/components/Scene3D/context.ts","_imports_":[],"registryDependencies":[],"dependencies":[],"devDependencies":[]},{"type":"component","role":"file","path":"types.ts","relativePath":"src/components/Scene3D/types.ts","_imports_":[],"registryDependencies":[],"dependencies":[],"devDependencies":[]},{"type":"component","role":"file","path":"index.ts","relativePath":"src/components/Scene3D/index.ts","_imports_":[],"registryDependencies":[],"dependencies":[],"devDependencies":[]}]},{"name":"type-writer","title":"TypeWriter","description":"Typewriter text effect with customizable typing/deleting speed, error simulation, and cursor blinking.","type":"component","add":"when-added","registryDependencies":["motion","random"],"dependencies":[],"devDependencies":[],"files":[{"type":"component","role":"file","path":"TypeWriter.tsx","relativePath":"src/components/TypeWriter.tsx","_imports_":[],"registryDependencies":[],"dependencies":[],"devDependencies":[]}]},{"name":"code-block","title":"CodeBlock","description":"Syntax-highlighted code block with line-by-line reveal, focus, and highlight animations.","type":"component","add":"when-added","registryDependencies":["motion","use-viewport-rect"],"dependencies":[{"ecosystem":"js","name":"prism-react-renderer"}],"devDependencies":[],"files":[{"type":"component","role":"file","path":"CodeBlock.tsx","relativePath":"src/components/CodeBlock.tsx","_imports_":[],"registryDependencies":[],"dependencies":[],"devDependencies":[]}]},{"name":"scrolling-columns","title":"Scrolling Columns","description":"Infinitely scrolling columns of images with configurable speed and direction.","type":"component","add":"when-added","registryDependencies":["use-viewport-rect"],"dependencies":[],"devDependencies":[],"files":[{"type":"component","role":"file","path":"ScrollingImages.tsx","relativePath":"src/components/ScrollingImages.tsx","_imports_":[],"registryDependencies":[],"dependencies":[],"devDependencies":[]}]},{"name":"use-viewport-rect","title":"useViewportRect Hook","description":"Hook to get the current video composition's viewport rectangle with responsive sizing utilities.","type":"hook","add":"when-needed","registryDependencies":["geometry"],"dependencies":[],"devDependencies":[],"files":[{"type":"hook","role":"file","path":"useViewportRect.ts","relativePath":"src/hooks/useViewportRect.ts","_imports_":[{"import":"../utils/geometry","item":"geometry","file":{"type":"util","path":"geometry.ts"},"meta":{}}],"registryDependencies":[],"dependencies":[],"devDependencies":[]}]},{"name":"interpolate","title":"Interpolate","description":"Custom interpolate function with easing support and non-monotonic input ranges.","type":"util","add":"when-needed","registryDependencies":["transform3d"],"dependencies":[{"ecosystem":"js","name":"three"},{"ecosystem":"js","name":"three","version":"^0.182.0"}],"devDependencies":[],"files":[{"type":"util","role":"file","path":"interpolate.ts","relativePath":"src/utils/interpolate.ts","_imports_":[{"import":"./interpolate3d","item":"transform3d","file":{"type":"util","path":"interpolate3d.ts"},"meta":{}},{"import":"./transform3d","item":"transform3d","file":{"type":"util","path":"transform3d.ts"},"meta":{}}],"registryDependencies":[],"dependencies":[],"devDependencies":[]}]},{"name":"transform3d","title":"Transform3D","description":"Chainable 3D transform API with matrix operations, quaternion interpolation, and CSS matrix conversion.","type":"util","add":"when-needed","registryDependencies":["random","interpolate"],"dependencies":[{"ecosystem":"js","name":"three"},{"ecosystem":"js","name":"three","version":"^0.182.0"}],"devDependencies":[],"files":[{"type":"util","role":"file","path":"transform3d.ts","relativePath":"src/utils/transform3d.ts","_imports_":[{"import":"./random","item":"random","file":{"type":"util","path":"random.ts"},"meta":{}}],"registryDependencies":[],"dependencies":[],"devDependencies":[]},{"type":"util","role":"file","path":"interpolate3d.ts","relativePath":"src/utils/interpolate3d.ts","_imports_":[{"import":"./interpolate","item":"interpolate","file":{"type":"util","path":"interpolate.ts"},"meta":{}}],"registryDependencies":[],"dependencies":[],"devDependencies":[]}]},{"name":"color","title":"Color Interpolation","description":"Perceptually uniform color interpolation using Oklch color space via culori.","type":"util","add":"when-needed","registryDependencies":["interpolate"],"dependencies":[{"ecosystem":"js","name":"culori"}],"devDependencies":[{"ecosystem":"js","name":"culori","version":"^4.0.2"}],"files":[{"type":"util","role":"file","path":"color.ts","relativePath":"src/utils/color.ts","_imports_":[{"import":"./interpolate","item":"interpolate","file":{"type":"util","path":"interpolate.ts"},"meta":{}}],"registryDependencies":[],"dependencies":[],"devDependencies":[]},{"type":"util","role":"file","path":"culori.d.ts","relativePath":"src/culori.d.ts","_imports_":[],"registryDependencies":[],"dependencies":[],"devDependencies":[]}]},{"name":"gradient","title":"Gradient Interpolation","description":"CSS gradient parser and interpolation with Granim.js-inspired mathematics.","type":"util","add":"when-needed","registryDependencies":["interpolate","color"],"dependencies":[{"ecosystem":"js","name":"culori"}],"devDependencies":[],"files":[{"type":"util","role":"file","path":"gradient.ts","relativePath":"src/utils/gradient.ts","_imports_":[],"registryDependencies":[],"dependencies":[],"devDependencies":[]}]},{"name":"motion","title":"Motion Utilities","description":"Utilities for keyframe interpolation, easing, transform and style building, and motion timing calculations.","type":"util","add":"when-needed","registryDependencies":["interpolate","step-context","transform3d","color"],"dependencies":[{"ecosystem":"js","name":"three","version":"^0.182.0"}],"devDependencies":[],"files":[{"type":"util","role":"file","path":"index.ts","relativePath":"src/utils/motion/index.ts","_imports_":[{"import":"../interpolate","item":"interpolate","file":{"type":"util","path":"interpolate.ts"},"meta":{}},{"import":"../interpolate3d","item":"transform3d","file":{"type":"util","path":"interpolate3d.ts"},"meta":{}},{"import":"../color","item":"color","file":{"type":"util","path":"color.ts"},"meta":{}},{"import":"../StepContext","item":"step-context","file":{"type":"util","path":"StepContext.ts"},"meta":{}},{"import":"../transform3d","item":"transform3d","file":{"type":"util","path":"transform3d.ts"},"meta":{}},{"import":"../StepContext","item":"step-context","file":{"type":"util","path":"StepContext.ts"},"meta":{}},{"import":"../StepContext","item":"step-context","file":{"type":"util","path":"StepContext.ts"},"meta":{}}],"registryDependencies":[],"dependencies":[],"devDependencies":[]}]},{"name":"step-context","title":"Step Context Utilities","description":"Context and hooks for accessing Scene3D Step timing information in nested components.","type":"util","add":"when-needed","registryDependencies":["scene-3d"],"dependencies":[],"devDependencies":[],"files":[{"type":"util","role":"file","path":"StepContext.ts","relativePath":"src/utils/StepContext.ts","_imports_":[{"import":"../components/Scene3D/types","item":"scene-3d","file":{"type":"component","path":"types.ts"},"meta":{}}],"registryDependencies":[],"dependencies":[],"devDependencies":[]}]},{"name":"geometry","title":"Geometry Utilities","description":"Utilities for geometric calculations: Rect class with viewport units (vh, vw, vmin, vmax), point/size handling, and relative value parsing.","type":"util","add":"when-needed","registryDependencies":[],"dependencies":[{"ecosystem":"js","name":"three","version":"^0.182.0"}],"devDependencies":[],"files":[{"type":"util","role":"file","path":"geometry.ts","relativePath":"src/utils/geometry.ts","_imports_":[],"registryDependencies":[],"dependencies":[],"devDependencies":[]}]},{"name":"random","title":"Random Utilities","description":"Utility functions for generating random floats, integers, and selecting random array elements.","type":"util","add":"when-needed","registryDependencies":[],"dependencies":[],"devDependencies":[],"files":[{"type":"util","role":"file","path":"random.ts","relativePath":"src/utils/random.ts","_imports_":[],"registryDependencies":[],"dependencies":[],"devDependencies":[]}]},{"name":"particles-utilities","title":"Particles Utilities","description":"Core utilities for particle systems: types, behaviors (gravity, drag, wiggle, scale, opacity), and deterministic simulation.","type":"util","add":"when-needed","registryDependencies":["random","staggered-motion"],"dependencies":[],"devDependencies":[],"files":[{"type":"util","role":"file","path":"types.ts","relativePath":"src/utils/particles/types.ts","_imports_":[{"import":"../../components/StaggeredMotion","item":"staggered-motion","file":{"type":"component","path":"StaggeredMotion.tsx"},"meta":{}}],"registryDependencies":[],"dependencies":[],"devDependencies":[]},{"type":"util","role":"file","path":"behaviors.ts","relativePath":"src/utils/particles/behaviors.ts","_imports_":[],"registryDependencies":[],"dependencies":[],"devDependencies":[]},{"type":"util","role":"file","path":"simulator.ts","relativePath":"src/utils/particles/simulator.ts","_imports_":[],"registryDependencies":[],"dependencies":[],"devDependencies":[]},{"type":"util","role":"file","path":"index.ts","relativePath":"src/utils/particles/index.ts","_imports_":[],"registryDependencies":[],"dependencies":[],"devDependencies":[]}]},{"name":"bit-basic-counter","title":"Basic Counter Animation","description":"Animated counter that interpolates between values.","type":"bit","add":"when-needed","registryDependencies":["animated-counter"],"dependencies":[{"ecosystem":"js","name":"remotion-bits"}],"devDependencies":[],"files":[{"type":"bit","role":"file","path":"BasicCounter.tsx","relativePath":"docs/src/bits/examples/animated-counter/BasicCounter.tsx","_imports_":[],"registryDependencies":[],"dependencies":[],"devDependencies":[]}]},{"name":"bit-counter-confetti","title":"Counter Confetti Celebration","description":"Counter reaching 1000 with confetti particles bursting from the sides.","type":"bit","add":"when-needed","registryDependencies":["animated-counter","particle-system","use-viewport-rect"],"dependencies":[{"ecosystem":"js","name":"remotion-bits"}],"devDependencies":[],"files":[{"type":"bit","role":"file","path":"CounterConfetti.tsx","relativePath":"docs/src/bits/examples/animated-counter/CounterConfetti.tsx","_imports_":[],"registryDependencies":[],"dependencies":[],"devDependencies":[]}]},{"name":"bit-blur-slide-word","title":"Blur In Animation","description":"Text that fades, unblurs and slides up word by word","type":"bit","add":"when-needed","registryDependencies":["animated-text"],"dependencies":[{"ecosystem":"js","name":"remotion-bits"}],"devDependencies":[],"files":[{"type":"bit","role":"file","path":"BlurSlideWord.tsx","relativePath":"docs/src/bits/examples/animated-text/BlurSlideWord.tsx","_imports_":[],"registryDependencies":[],"dependencies":[],"devDependencies":[]}]},{"name":"bit-char-by-char","title":"Character by Character Animation","description":"Text that appears character by character with staggered timing","type":"bit","add":"when-needed","registryDependencies":["animated-text"],"dependencies":[{"ecosystem":"js","name":"remotion-bits"}],"devDependencies":[],"files":[{"type":"bit","role":"file","path":"CharByChar.tsx","relativePath":"docs/src/bits/examples/animated-text/CharByChar.tsx","_imports_":[],"registryDependencies":[],"dependencies":[],"devDependencies":[]}]},{"name":"bit-fade-in","title":"Fade In Text","description":"Simple fade-in text animation from transparent to opaque","type":"bit","add":"when-needed","registryDependencies":["animated-text"],"dependencies":[{"ecosystem":"js","name":"remotion-bits"}],"devDependencies":[],"files":[{"type":"bit","role":"file","path":"FadeIn.tsx","relativePath":"docs/src/bits/examples/animated-text/FadeIn.tsx","_imports_":[],"registryDependencies":[],"dependencies":[],"devDependencies":[]}]},{"name":"bit-glitch-cycle","title":"Glitch Cycle","description":"Cycling text with glitch transitions","type":"bit","add":"when-needed","registryDependencies":["animated-text"],"dependencies":[{"ecosystem":"js","name":"remotion-bits"}],"devDependencies":[],"files":[{"type":"bit","role":"file","path":"GlitchCycle.tsx","relativePath":"docs/src/bits/examples/animated-text/GlitchCycle.tsx","_imports_":[],"registryDependencies":[],"dependencies":[],"devDependencies":[]}]},{"name":"bit-glitch-in","title":"Glitch In","description":"Text effect that glitches into existence","type":"bit","add":"when-needed","registryDependencies":["animated-text"],"dependencies":[{"ecosystem":"js","name":"remotion-bits"}],"devDependencies":[],"files":[{"type":"bit","role":"file","path":"GlitchIn.tsx","relativePath":"docs/src/bits/examples/animated-text/GlitchIn.tsx","_imports_":[],"registryDependencies":[],"dependencies":[],"devDependencies":[]}]},{"name":"bit-matrix-rain","title":"Matrix Rain","description":"Digital rain animation inspired by The Matrix","type":"bit","add":"when-needed","registryDependencies":["matrix-rain"],"dependencies":[{"ecosystem":"js","name":"remotion-bits"}],"devDependencies":[],"files":[{"type":"bit","role":"file","path":"MatrixRain.tsx","relativePath":"docs/src/bits/examples/animated-text/MatrixRain.tsx","_imports_":[],"registryDependencies":[],"dependencies":[],"devDependencies":[]}]},{"name":"bit-word-by-word","title":"Word by Word Animation","description":"Animated text that appears word by word with staggered timing","type":"bit","add":"when-needed","registryDependencies":["animated-text"],"dependencies":[{"ecosystem":"js","name":"remotion-bits"}],"devDependencies":[],"files":[{"type":"bit","role":"file","path":"WordByWord.tsx","relativePath":"docs/src/bits/examples/animated-text/WordByWord.tsx","_imports_":[],"registryDependencies":[],"dependencies":[],"devDependencies":[]}]},{"name":"bit-basic-code-block","title":"Basic Code Block","description":"Syntax highlighted code with line-by-line reveal","type":"bit","add":"when-needed","registryDependencies":["code-block","use-viewport-rect"],"dependencies":[{"ecosystem":"js","name":"remotion-bits"}],"devDependencies":[],"files":[{"type":"bit","role":"file","path":"BasicCodeBlock.tsx","relativePath":"docs/src/bits/examples/code-block/BasicCodeBlock.tsx","_imports_":[],"registryDependencies":[],"dependencies":[],"devDependencies":[]}]},{"name":"bit-typing-code-block","title":"Typing Code Block","description":"Syntax highlighted code with typing effect","type":"bit","add":"when-needed","registryDependencies":["code-block","use-viewport-rect"],"dependencies":[{"ecosystem":"js","name":"remotion-bits"}],"devDependencies":[],"files":[{"type":"bit","role":"file","path":"TypingCodeBlock.tsx","relativePath":"docs/src/bits/examples/code-block/TypingCodeBlock.tsx","_imports_":[],"registryDependencies":[],"dependencies":[],"devDependencies":[]}]},{"name":"bit-conic-gradient","title":"Conic Gradient Rotation","description":"Colorful conic gradient rotation","type":"bit","add":"when-needed","registryDependencies":["gradient-transition"],"dependencies":[{"ecosystem":"js","name":"remotion-bits"}],"devDependencies":[],"files":[{"type":"bit","role":"file","path":"ConicGradient.tsx","relativePath":"docs/src/bits/examples/gradient-transition/ConicGradient.tsx","_imports_":[],"registryDependencies":[],"dependencies":[],"devDependencies":[]}]},{"name":"bit-linear-gradient","title":"Linear Gradient Transition","description":"Smooth transition between linear gradients","type":"bit","add":"when-needed","registryDependencies":["gradient-transition"],"dependencies":[{"ecosystem":"js","name":"remotion-bits"}],"devDependencies":[],"files":[{"type":"bit","role":"file","path":"LinearGradient.tsx","relativePath":"docs/src/bits/examples/gradient-transition/LinearGradient.tsx","_imports_":[],"registryDependencies":[],"dependencies":[],"devDependencies":[]}]},{"name":"bit-radial-gradient","title":"Radial Gradient Transition","description":"Smooth transition between radial gradients","type":"bit","add":"when-needed","registryDependencies":["gradient-transition"],"dependencies":[{"ecosystem":"js","name":"remotion-bits"}],"devDependencies":[],"files":[{"type":"bit","role":"file","path":"RadialGradient.tsx","relativePath":"docs/src/bits/examples/gradient-transition/RadialGradient.tsx","_imports_":[],"registryDependencies":[],"dependencies":[],"devDependencies":[]}]},{"name":"bit-fireflies","title":"Fireflies","description":"Wandering particles with glow effect simulating fireflies","type":"bit","add":"when-needed","registryDependencies":["particle-system","use-viewport-rect"],"dependencies":[{"ecosystem":"js","name":"remotion-bits"}],"devDependencies":[],"files":[{"type":"bit","role":"file","path":"Fireflies.tsx","relativePath":"docs/src/bits/examples/particle-system/Fireflies.tsx","_imports_":[],"registryDependencies":[],"dependencies":[],"devDependencies":[]}]},{"name":"bit-particles-fountain","title":"Fountain Burst Particles","description":"Bursting fountain particles effect","type":"bit","add":"when-needed","registryDependencies":["particle-system","use-viewport-rect"],"dependencies":[{"ecosystem":"js","name":"remotion-bits"}],"devDependencies":[],"files":[{"type":"bit","role":"file","path":"ParticlesFountain.tsx","relativePath":"docs/src/bits/examples/particle-system/ParticlesFountain.tsx","_imports_":[],"registryDependencies":[],"dependencies":[],"devDependencies":[]}]},{"name":"bit-particles-grid","title":"Grid Snap Particles","description":"Particles snapping to a grid","type":"bit","add":"when-needed","registryDependencies":["particle-system","use-viewport-rect"],"dependencies":[{"ecosystem":"js","name":"remotion-bits"}],"devDependencies":[],"files":[{"type":"bit","role":"file","path":"ParticlesGrid.tsx","relativePath":"docs/src/bits/examples/particle-system/ParticlesGrid.tsx","_imports_":[],"registryDependencies":[],"dependencies":[],"devDependencies":[]}]},{"name":"bit-particles-snow","title":"Falling Snow Particles","description":"Falling snow particles effect","type":"bit","add":"when-needed","registryDependencies":["particle-system","use-viewport-rect"],"dependencies":[{"ecosystem":"js","name":"remotion-bits"}],"devDependencies":[],"files":[{"type":"bit","role":"file","path":"ParticlesSnow.tsx","relativePath":"docs/src/bits/examples/particle-system/ParticlesSnow.tsx","_imports_":[],"registryDependencies":[],"dependencies":[],"devDependencies":[]}]},{"name":"bit-scrolling-columns","title":"Scrolling Columns in 3D","description":"Four columns of images scrolling with different speeds in a panning 3D scene","type":"bit","add":"when-needed","registryDependencies":["particle-system","scene-3d","use-viewport-rect"],"dependencies":[{"ecosystem":"js","name":"remotion-bits"}],"devDependencies":[],"files":[{"type":"bit","role":"file","path":"ScrollingColumns.tsx","relativePath":"docs/src/bits/examples/particle-system/ScrollingColumns.tsx","_imports_":[],"registryDependencies":[],"dependencies":[],"devDependencies":[]}]},{"name":"bit-3d-basic","title":"3D Basic Scene","description":"3D camera transitions between positioned steps, impress.js style","type":"bit","add":"when-needed","registryDependencies":["scene-3d"],"dependencies":[{"ecosystem":"js","name":"remotion-bits"}],"devDependencies":[],"files":[{"type":"bit","role":"file","path":"3DBasic.tsx","relativePath":"docs/src/bits/examples/scene-3d/3DBasic.tsx","_imports_":[],"registryDependencies":[],"dependencies":[],"devDependencies":[]}]},{"name":"bit-3d-elements","title":"3D Elements Scene","description":"3D Scene allows placing arbitrary elements in 3D space","type":"bit","add":"when-needed","registryDependencies":["scene-3d","staggered-motion","use-viewport-rect","random"],"dependencies":[{"ecosystem":"js","name":"remotion-bits"}],"devDependencies":[],"files":[{"type":"bit","role":"file","path":"3DElements.tsx","relativePath":"docs/src/bits/examples/scene-3d/3DElements.tsx","_imports_":[],"registryDependencies":[],"dependencies":[],"devDependencies":[]}]},{"name":"bit-carousel-3d","title":"3D Carousel","description":"Rotating carousel of cards in 3D space","type":"bit","add":"when-needed","registryDependencies":["scene-3d","use-viewport-rect"],"dependencies":[{"ecosystem":"js","name":"remotion-bits"}],"devDependencies":[],"files":[{"type":"bit","role":"file","path":"Carousel.tsx","relativePath":"docs/src/bits/examples/scene-3d/Carousel.tsx","_imports_":[],"registryDependencies":[],"dependencies":[],"devDependencies":[]}]},{"name":"bit-scene-3d-cube-nav","title":"Cube Navigation 3D","description":"Navigate through faces of a 3D Cube using Scene3D steps","type":"bit","add":"when-needed","registryDependencies":["scene-3d"],"dependencies":[{"ecosystem":"js","name":"remotion-bits"}],"devDependencies":[],"files":[{"type":"bit","role":"file","path":"CubeNavigation.tsx","relativePath":"docs/src/bits/examples/scene-3d/CubeNavigation.tsx","_imports_":[],"registryDependencies":[],"dependencies":[],"devDependencies":[]}]},{"name":"bit-cursor-flyover","title":"Cursor Flyover","description":"Camera flies over an app screenshot while a cursor highlights different areas","type":"bit","add":"when-needed","registryDependencies":["scene-3d","use-viewport-rect","geometry"],"dependencies":[{"ecosystem":"js","name":"remotion-bits"}],"devDependencies":[],"files":[{"type":"bit","role":"file","path":"CursorFlyover.tsx","relativePath":"docs/src/bits/examples/scene-3d/CursorFlyover.tsx","_imports_":[],"registryDependencies":[],"dependencies":[],"devDependencies":[]}]},{"name":"bit-flying-through-words","title":"Flying Through Words","description":"Words spawning and flying past the camera","type":"bit","add":"when-needed","registryDependencies":["particle-system","staggered-motion","use-viewport-rect"],"dependencies":[{"ecosystem":"js","name":"remotion-bits"}],"devDependencies":[],"files":[{"type":"bit","role":"file","path":"FlyingThroughWords.tsx","relativePath":"docs/src/bits/examples/scene-3d/FlyingThroughWords.tsx","_imports_":[],"registryDependencies":[],"dependencies":[],"devDependencies":[]}]},{"name":"bit-ken-burns","title":"Ken Burns Effect","description":"Slow camera movement over images using Scene3D steps with Ken Burns effect.","type":"bit","add":"when-needed","registryDependencies":["scene-3d"],"dependencies":[{"ecosystem":"js","name":"remotion-bits"}],"devDependencies":[],"files":[{"type":"bit","role":"file","path":"KenBurns.tsx","relativePath":"docs/src/bits/examples/scene-3d/KenBurns.tsx","_imports_":[],"registryDependencies":[],"dependencies":[],"devDependencies":[]}]},{"name":"bit-3d-step-timing-context","title":"Step-Aware Motion Timing","description":"Demonstrates useMotionTiming context awareness in Scene3D Steps","type":"bit","add":"when-needed","registryDependencies":["scene-3d","animated-text","staggered-motion"],"dependencies":[{"ecosystem":"js","name":"remotion-bits"}],"devDependencies":[],"files":[{"type":"bit","role":"file","path":"StepTimingContext.tsx","relativePath":"docs/src/bits/examples/scene-3d/StepTimingContext.tsx","_imports_":[],"registryDependencies":[],"dependencies":[],"devDependencies":[]}]},{"name":"bit-terminal-3d","title":"3D Terminal","description":"A 3D scene with multiple terminal windows executing commands.","type":"bit","add":"when-needed","registryDependencies":["scene-3d"],"dependencies":[{"ecosystem":"js","name":"remotion-bits"}],"devDependencies":[],"files":[{"type":"bit","role":"file","path":"Terminal3D.tsx","relativePath":"docs/src/bits/examples/scene-3d/Terminal3D.tsx","_imports_":[],"registryDependencies":[],"dependencies":[],"devDependencies":[]}]},{"name":"bit-transform3d-showcase","title":"Transform3D Showcase","description":"Demonstrates chainable Transform3D API with matrix-based interpolation","type":"bit","add":"when-needed","registryDependencies":["scene-3d","use-viewport-rect","transform3d"],"dependencies":[{"ecosystem":"js","name":"three"},{"ecosystem":"js","name":"remotion-bits"}],"devDependencies":[],"files":[{"type":"bit","role":"file","path":"Transform3DShowcase.tsx","relativePath":"docs/src/bits/examples/scene-3d/Transform3DShowcase.tsx","_imports_":[],"registryDependencies":[],"dependencies":[],"devDependencies":[]}]},{"name":"bit-remotion-bits-promo","title":"RemotionBits","description":"A promotional showcase highlighting RemotionBits library capabilities.","type":"bit","add":"when-needed","registryDependencies":["animated-text","gradient-transition","staggered-motion","particle-system","scene-3d","use-viewport-rect"],"dependencies":[{"ecosystem":"js","name":"remotion-bits"}],"devDependencies":[],"files":[{"type":"bit","role":"file","path":"FeatureShowcase.tsx","relativePath":"docs/src/bits/examples/showcase/FeatureShowcase.tsx","_imports_":[],"registryDependencies":[],"dependencies":[],"devDependencies":[]}]},{"name":"bit-card-stack","title":"3D Card Stack","description":"A stack of cards that spreads out in 3D space.","type":"bit","add":"when-needed","registryDependencies":["staggered-motion"],"dependencies":[{"ecosystem":"js","name":"remotion-bits"}],"devDependencies":[],"files":[{"type":"bit","role":"file","path":"CardStack.tsx","relativePath":"docs/src/bits/examples/staggered-motion/CardStack.tsx","_imports_":[],"registryDependencies":[],"dependencies":[],"devDependencies":[]}]},{"name":"bit-easings-visualizer","title":"Easings Visualizer","description":"Visualizes different easing functions with sliding squares.","type":"bit","add":"when-needed","registryDependencies":["staggered-motion"],"dependencies":[{"ecosystem":"js","name":"remotion-bits"}],"devDependencies":[],"files":[{"type":"bit","role":"file","path":"EasingsVisualizer.tsx","relativePath":"docs/src/bits/examples/staggered-motion/EasingsVisualizer.tsx","_imports_":[],"registryDependencies":[],"dependencies":[],"devDependencies":[]}]},{"name":"bit-fracture-reassemble","title":"Fracture Reassemble","description":"Grid of tiles shatters into 3D space and reassembles with abstract symbol accents","type":"bit","add":"when-needed","registryDependencies":["staggered-motion","use-viewport-rect"],"dependencies":[{"ecosystem":"js","name":"remotion-bits"}],"devDependencies":[],"files":[{"type":"bit","role":"file","path":"FractureReassemble.tsx","relativePath":"docs/src/bits/examples/staggered-motion/FractureReassemble.tsx","_imports_":[],"registryDependencies":[],"dependencies":[],"devDependencies":[]}]},{"name":"bit-grid-stagger","title":"Grid Stagger Reveal","description":"A grid of elements staggering in from the center using scale and opacity.","type":"bit","add":"when-needed","registryDependencies":["staggered-motion"],"dependencies":[{"ecosystem":"js","name":"remotion-bits"}],"devDependencies":[],"files":[{"type":"bit","role":"file","path":"GridStagger.tsx","relativePath":"docs/src/bits/examples/staggered-motion/GridStagger.tsx","_imports_":[],"registryDependencies":[],"dependencies":[],"devDependencies":[]}]},{"name":"bit-list-reveal","title":"List Reveal","description":"A vertical list of items scaling and finding their place.","type":"bit","add":"when-needed","registryDependencies":["staggered-motion"],"dependencies":[{"ecosystem":"js","name":"remotion-bits"}],"devDependencies":[],"files":[{"type":"bit","role":"file","path":"ListReveal.tsx","relativePath":"docs/src/bits/examples/staggered-motion/ListReveal.tsx","_imports_":[],"registryDependencies":[],"dependencies":[],"devDependencies":[]}]},{"name":"bit-mosaic-reframe","title":"Mosaic Reframe","description":"Twelve image tiles transition from a grid to a feature mosaic, then into a diagonal cascade","type":"bit","add":"when-needed","registryDependencies":["staggered-motion","use-viewport-rect"],"dependencies":[{"ecosystem":"js","name":"remotion-bits"}],"devDependencies":[],"files":[{"type":"bit","role":"file","path":"MosaicReframe.tsx","relativePath":"docs/src/bits/examples/staggered-motion/MosaicReframe.tsx","_imports_":[],"registryDependencies":[],"dependencies":[],"devDependencies":[]}]},{"name":"bit-slide-from-left","title":"Slide from Left Text","description":"Text that slides in from the left with fade-in effect","type":"bit","add":"when-needed","registryDependencies":["animated-text"],"dependencies":[{"ecosystem":"js","name":"remotion-bits"}],"devDependencies":[],"files":[{"type":"bit","role":"file","path":"SlideFromLeft.tsx","relativePath":"docs/src/bits/examples/staggered-motion/SlideFromLeft.tsx","_imports_":[],"registryDependencies":[],"dependencies":[],"devDependencies":[]}]},{"name":"bit-staggered-fade-in","title":"Staggered Fade In Elements","description":"Elements fading in sequentially","type":"bit","add":"when-needed","registryDependencies":["staggered-motion"],"dependencies":[{"ecosystem":"js","name":"remotion-bits"}],"devDependencies":[],"files":[{"type":"bit","role":"file","path":"StaggeredFadeIn.tsx","relativePath":"docs/src/bits/examples/staggered-motion/StaggeredFadeIn.tsx","_imports_":[],"registryDependencies":[],"dependencies":[],"devDependencies":[]}]},{"name":"basic-typewriter","title":"Basic Typewriter","description":"Simple typing animation with cursor","type":"bit","add":"when-needed","registryDependencies":["type-writer"],"dependencies":[{"ecosystem":"js","name":"remotion-bits"}],"devDependencies":[],"files":[{"type":"bit","role":"file","path":"BasicTypewriter.tsx","relativePath":"docs/src/bits/examples/typewriter/BasicTypewriter.tsx","_imports_":[],"registryDependencies":[],"dependencies":[],"devDependencies":[]}]},{"name":"cli-simulation","title":"CLI Simulation","description":"Simulates a command-line interface with user typing and system output.","type":"bit","add":"when-needed","registryDependencies":["type-writer"],"dependencies":[{"ecosystem":"js","name":"remotion-bits"}],"devDependencies":[],"files":[{"type":"bit","role":"file","path":"CLISimulation.tsx","relativePath":"docs/src/bits/examples/typewriter/CLISimulation.tsx","_imports_":[],"registryDependencies":[],"dependencies":[],"devDependencies":[]}]},{"name":"multitext-typewriter","title":"Multi-Text Typewriter","description":"Typing multiple sentences in sequence with deleting phase","type":"bit","add":"when-needed","registryDependencies":["type-writer"],"dependencies":[{"ecosystem":"js","name":"remotion-bits"}],"devDependencies":[],"files":[{"type":"bit","role":"file","path":"MultiTextTypewriter.tsx","relativePath":"docs/src/bits/examples/typewriter/MultiTextTypewriter.tsx","_imports_":[],"registryDependencies":[],"dependencies":[],"devDependencies":[]}]},{"name":"variable-speed-typewriter","title":"Variable Speed & Typos","description":"Advanced typewriter with variable speed curves and error simulation","type":"bit","add":"when-needed","registryDependencies":["type-writer"],"dependencies":[{"ecosystem":"js","name":"remotion-bits"}],"devDependencies":[],"files":[{"type":"bit","role":"file","path":"VariableSpeedTypewriter.tsx","relativePath":"docs/src/bits/examples/typewriter/VariableSpeedTypewriter.tsx","_imports_":[],"registryDependencies":[],"dependencies":[],"devDependencies":[]}]}]}