4f:I[707087,["/_next/static/immutable/chunks/2985g-hklwiee.js","/_next/static/immutable/chunks/0qkc3dps_9x_i.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3thksmxn95rly.js","/_next/static/immutable/chunks/15bpbjna9-vr3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/0agonoz1szsjm.js","/_next/static/immutable/chunks/1ynd3dcge2kn1.js","/_next/static/immutable/chunks/0krdn-21gkgjt.js","/_next/static/immutable/chunks/0n9w9riw96l80.js","/_next/static/immutable/chunks/0w75qangey2ys.js","/_next/static/immutable/chunks/1tge7vcvsb70s.js","/_next/static/immutable/chunks/35ju_ac0ysz07.js"],"RegistryDependencies"] 50:I[512940,["/_next/static/immutable/chunks/2985g-hklwiee.js","/_next/static/immutable/chunks/0qkc3dps_9x_i.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3thksmxn95rly.js","/_next/static/immutable/chunks/15bpbjna9-vr3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/0agonoz1szsjm.js","/_next/static/immutable/chunks/1ynd3dcge2kn1.js","/_next/static/immutable/chunks/0krdn-21gkgjt.js","/_next/static/immutable/chunks/0n9w9riw96l80.js","/_next/static/immutable/chunks/0w75qangey2ys.js","/_next/static/immutable/chunks/1tge7vcvsb70s.js","/_next/static/immutable/chunks/35ju_ac0ysz07.js"],"Installation"] 51:I[314491,["/_next/static/immutable/chunks/2985g-hklwiee.js","/_next/static/immutable/chunks/0qkc3dps_9x_i.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3thksmxn95rly.js","/_next/static/immutable/chunks/15bpbjna9-vr3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/0agonoz1szsjm.js","/_next/static/immutable/chunks/1ynd3dcge2kn1.js","/_next/static/immutable/chunks/0krdn-21gkgjt.js","/_next/static/immutable/chunks/0n9w9riw96l80.js","/_next/static/immutable/chunks/0w75qangey2ys.js","/_next/static/immutable/chunks/1tge7vcvsb70s.js","/_next/static/immutable/chunks/35ju_ac0ysz07.js"],"FilesView"] 52:T9cc,"use client" import { InteractiveFeatureShowcase, VideoFeature, } from "@/components/interactive-feature-showcase" // Delta Components demos — shown at /blocks/landing-page const sampleVideoFeatures: VideoFeature[] = [ { id: "chat", title: "LLM Chat, ready to ship.", description: "A complete chat interface with streaming responses, file uploads, and model selection. Composable primitives let you build the exact chat UX you need.", videoSrc: "/videos/chat-demo.mp4", videoTitle: "LLM Chat demo", link: "/docs/components/chat", }, { id: "cambio-image", title: "Images that feel alive.", description: "Physics-based zoom transitions, blur-up loading, and gesture-driven dismissal. Drop in CambioImage anywhere you'd use a native .", videoSrc: "/videos/cambio-image-demo.mp4", videoTitle: "Cambio Image demo", link: "/docs/components/cambio-image", }, { id: "card-deck", title: "A swipeable stack, physics included.", description: "Touch gestures, autoplay, and customizable motion. Perfect for mobile-first product tours, testimonials, or card-based browsing.", videoSrc: "/videos/card-deck-demo.mp4", videoTitle: "Card Deck demo", link: "/docs/components/card-deck", }, { id: "product-card", title: "Commerce UI, out of the box.", description: "A compound Product Card with multiple layout variants, flexible sizing, and interactive hover states. Drop into any storefront or listing.", videoSrc: "/videos/product-card-demo.mp4", videoTitle: "Product Card demo", link: "/docs/components/product-card", }, ] export default function InteractiveFeatureShowcasePage() { return (

Built for modern interfaces

Delta Components ships molecular, production-ready primitives on top of shadcn/ui — from AI chat to interactive media.

) } 53:Teae,"use client" import { ArrowUpRight } from "lucide-react" import { CardDescription, CardHeader, CardTitle, } from "@/components/ui/card" export interface VideoFeature { id: string title: string description: string /** URL to an iframe-hosted video (e.g. Vidzflow, YouTube embed). */ iframeSrc?: string /** URL to a local or remote .mp4 / .webm file. Takes precedence over iframeSrc. */ videoSrc?: string /** Optional poster image for the

Interactive Feature Showcase

Installation

Files

app

components

Styles