# Components

Here you can find all the video components available in the library.

> For the complete documentation index, see [llms.txt](/llms.txt). Markdown variants are available by appending `.md` to any URL or sending an `Accept: text/markdown` header. An agent skill is available at [/.well-known/agent-skills/site-skill.md](/.well-known/agent-skills/site-skill.md).

- [Compositions](https://www.framecn.dev/docs/components/compositions.md)
- [Hero Device Assemble](https://www.framecn.dev/docs/components/compositions/hero-device-assemble.md)
- [Ecosystem Constellation](https://www.framecn.dev/docs/components/compositions/ecosystem-constellation.md)
- [Infinite Bento Pan](https://www.framecn.dev/docs/components/compositions/infinite-bento-pan.md)
- [Product Launch Trailer](https://www.framecn.dev/docs/components/compositions/product-launch-trailer.md)
- [Browser Flow](https://www.framecn.dev/docs/components/compositions/browser-flow.md)
- [AI Generation Canvas](https://www.framecn.dev/docs/components/compositions/ai-generation-canvas.md)
- [AI Generate Overlay](https://www.framecn.dev/docs/components/compositions/ai-generate-overlay.md)
- [Live Code Compilation](https://www.framecn.dev/docs/components/compositions/live-code-compilation.md)
- [Terminal To Browser Deploy](https://www.framecn.dev/docs/components/compositions/terminal-to-browser-deploy.md)
- [Image Expand To Fullscreen](https://www.framecn.dev/docs/components/compositions/image-expand-to-fullscreen.md)
- [Dashboard Populate](https://www.framecn.dev/docs/components/compositions/dashboard-populate.md)
- [Pipeline Journey](https://www.framecn.dev/docs/components/compositions/pipeline-journey.md)
- [Pricing Tier Focus](https://www.framecn.dev/docs/components/compositions/pricing-tier-focus.md)
- [Landing Code Showcase](https://www.framecn.dev/docs/components/compositions/landing-code-showcase.md)
- [Changelog Bite](https://www.framecn.dev/docs/components/compositions/changelog-bite.md)
- [Environment & Lighting](https://www.framecn.dev/docs/components/environment.md)
- [Mesh Gradient Background](https://www.framecn.dev/docs/components/environment/mesh-gradient-bg.md)
- [Dynamic Grid](https://www.framecn.dev/docs/components/environment/dynamic-grid.md)
- [Spotlight Card](https://www.framecn.dev/docs/components/environment/spotlight-card.md)
- [Core Primitives](https://www.framecn.dev/docs/components/primitives.md)
- [Spring Pop In](https://www.framecn.dev/docs/components/primitives/spring-pop-in.md)
- [Pulsing Indicator](https://www.framecn.dev/docs/components/primitives/pulsing-indicator.md)
- [Success Confetti](https://www.framecn.dev/docs/components/primitives/success-confetti.md)
- [Cursor Flow](https://www.framecn.dev/docs/components/primitives/cursor-flow.md)
- [Simulated Cursor](https://www.framecn.dev/docs/components/primitives/simulated-cursor.md)
- [Bounding Box Selector](https://www.framecn.dev/docs/components/primitives/bounding-box-selector.md)
- [Toast Notification](https://www.framecn.dev/docs/components/primitives/toast-notification.md)
- [Transitions](https://www.framecn.dev/docs/components/transitions.md)
- [Zoom Through Transition](https://www.framecn.dev/docs/components/transitions/zoom-through-transition.md)
- [Device Mockup Zoom](https://www.framecn.dev/docs/components/transitions/device-mockup-zoom.md)
- [Morphing Modal](https://www.framecn.dev/docs/components/transitions/morphing-modal.md)
- [Directional Wipe](https://www.framecn.dev/docs/components/transitions/directional-wipe.md)
- [Spatial Push](https://www.framecn.dev/docs/components/transitions/spatial-push.md)
- [Frosted Glass Wipe](https://www.framecn.dev/docs/components/transitions/frosted-glass-wipe.md)
- [Kinetic Type Mask](https://www.framecn.dev/docs/components/transitions/kinetic-type-mask.md)
- [Swipe Transition Wipe](https://www.framecn.dev/docs/components/transitions/swipe-transition-wipe.md)
- [Grid Pixelate Wipe](https://www.framecn.dev/docs/components/transitions/grid-pixelate-wipe.md)
- [Chromatic Aberration Wipe](https://www.framecn.dev/docs/components/transitions/chromatic-aberration-wipe.md)
- [Typography](https://www.framecn.dev/docs/components/typography.md)
- [Blur Reveal](https://www.framecn.dev/docs/components/typography/blur-reveal.md)
- [Staggered Fade Up](https://www.framecn.dev/docs/components/typography/staggered-fade-up.md)
- [Masked Slide Reveal](https://www.framecn.dev/docs/components/typography/masked-slide-reveal.md)
- [Tracking In](https://www.framecn.dev/docs/components/typography/tracking-in.md)
- [Inline Highlight](https://www.framecn.dev/docs/components/typography/inline-highlight.md)
- [Marker Highlight](https://www.framecn.dev/docs/components/typography/marker-highlight.md)
- [Shimmer Sweep](https://www.framecn.dev/docs/components/typography/shimmer-sweep.md)
- [Typewriter](https://www.framecn.dev/docs/components/typography/typewriter.md)
- [Text Fade Replace](https://www.framecn.dev/docs/components/typography/text-fade-replace.md)
- [Slot Machine Roll](https://www.framecn.dev/docs/components/typography/slot-machine-roll.md)
- [Infinite Marquee](https://www.framecn.dev/docs/components/typography/infinite-marquee.md)
- [Perspective Marquee](https://www.framecn.dev/docs/components/typography/perspective-marquee.md)
- [Matrix Decode](https://www.framecn.dev/docs/components/typography/matrix-decode.md)
- [RGB Glitch Text](https://www.framecn.dev/docs/components/typography/rgb-glitch-text.md)
- [Strikethrough Replace](https://www.framecn.dev/docs/components/typography/strikethrough-replace.md)
- [UI Blocks](https://www.framecn.dev/docs/components/ui-blocks.md)
- [Glass Code Block](https://www.framecn.dev/docs/components/ui-blocks/glass-code-block.md)
- [Terminal Simulator](https://www.framecn.dev/docs/components/ui-blocks/terminal-simulator.md)
- [Code Accordion](https://www.framecn.dev/docs/components/ui-blocks/code-accordion.md)
- [Code Diff Wipe](https://www.framecn.dev/docs/components/ui-blocks/code-diff-wipe.md)
- [Staggered Bento Grid](https://www.framecn.dev/docs/components/ui-blocks/staggered-bento-grid.md)
- [Chat To Preview Layout](https://www.framecn.dev/docs/components/ui-blocks/chat-to-preview-layout.md)
- [Animated Line Chart](https://www.framecn.dev/docs/components/ui-blocks/animated-line-chart.md)
- [Animated Bar Chart](https://www.framecn.dev/docs/components/ui-blocks/animated-bar-chart.md)
- [Data Flow Pipes](https://www.framecn.dev/docs/components/ui-blocks/data-flow-pipes.md)
- [Progress Steps](https://www.framecn.dev/docs/components/ui-blocks/progress-steps.md)
- [Drag And Drop Flow](https://www.framecn.dev/docs/components/ui-blocks/drag-and-drop-flow.md)