> ## Documentation Index > Fetch the complete documentation index at: https://rive.app/docs/llms.txt > Use this file to discover all available pages before exploring further. # Introduction > Rive is where designers, animators, and developers build interactive experiences. Design, animate, and code in one place. What you build in the editor is what ships in your app, game, or website. No mockups, no prototypes, no handoff. The real thing. export const CardGroupCustom = ({children}) => { return
{children}
; }; export const RiveCard = ({title, description, links, children, source, aspect3by2}) => { const runtimesInOrder = ['web', 'react', 'reactNative', 'flutter', 'apple', 'android', 'unity', 'unreal']; const runtimeTitles = { web: 'Web', react: 'React', reactNative: "React Native", flutter: 'Flutter', apple: 'Apple', android: 'Android', unity: 'Unity', unreal: 'Unreal' }; const hasContent = title || description || links; const RuntimeLink = ({link, runtime}) => { if (!link) return null; return {runtimeTitles[runtime]} ; }; return
{aspect3by2 ?
{children}
:
{children}
} {hasContent &&

{title}

{description}

{source && source.length > 0 &&

{source.map((item, index) => { if (source.length == 1) { return <>Open the Rive file.; } if (index == 0) { return <>Open Rive file 1; } return <>, file {index + 1}; })}

}
{links && runtimesInOrder.map(currentRuntime => { return ; })}
}
; }; export const VideoEmbed = ({src, maxWidth}) => { return
; }; export const YouTube = ({id, timestamp}) => { const videoSrc = timestamp ? `https://www.youtube.com/embed/${id}?start=${timestamp}` : `https://www.youtube.com/embed/${id}`; return