[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fheygen\u002Fcomponents":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":29,"examples":44,"showcases":225,"links":226,"dates":242},"\u002Fexamples\u002Fapps\u002Fheygen\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"HeyGen UI components examples - Nicelydone","Browse HeyGen UI component design examples. Preview individual interface elements and explore related component categories. AI video generator that turns…","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fb4472538-52ac-4da1-95d7-ccbc49814228.png",[13,16,19,22],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":21},"HeyGen design examples","\u002Fexamples\u002Fapps\u002Fheygen",{"label":23,"to":4},"HeyGen UI components examples",{"title":23,"eyebrow":25,"description":26,"sections":27,"body":28},"SaaS app examples","Browse HeyGen UI component design examples. Preview individual interface elements and explore related component categories. AI video generator that turns ideas into professional videos in minutes",[],[],{"title":30,"slug":31,"description":32,"logo":33,"url":34,"categories":35},"HeyGen","heygen","AI video generator that turns ideas into professional videos in minutes","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fd8cda81f-5b21-444e-8401-676a6cf2f817.png","https:\u002F\u002Fwww.heygen.com\u002F",[36,40],{"id":37,"title":38,"slug":39},100,"Video","video",{"id":41,"title":42,"slug":43},80,"Artificial Intelligence","artificial-intelligence",[45,60,75,90,105,120,135,150,165,180,195,210],{"uuid":46,"title":47,"description":48,"canonical_path":4,"image":11,"width":49,"height":50,"image_alt":51,"kind":52,"categories":53,"app":58},"bab55264-a3b6-49af-9116-0637f48c2c73","Script Input Card","Primary input area for entering video script text and configuring avatar, motion, voice, and resolution settings.",2108,1002,"Script Input Card from HeyGen","component",[54],{"id":55,"title":56,"slug":57},294,"Artificial intelligence","ai",{"slug":31,"title":30,"logo":33,"categories":59},[],{"uuid":61,"title":62,"description":63,"canonical_path":4,"image":64,"width":65,"height":66,"image_alt":67,"kind":52,"categories":68,"app":73},"dda7d4d2-f820-4e2d-aeb0-0d567554453d","Quota Upgrade Alert","Rounded light-blue card with location pin icon, quota limit message and white Upgrade Plan button with diamond icon","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fce43564b-5155-46ba-8193-e0762d8ae0d3.png",827,434,"Quota Upgrade Alert from HeyGen",[69],{"id":70,"title":71,"slug":72},255,"Upgrade your plan","upgrade-your-plan",{"slug":31,"title":30,"logo":33,"categories":74},[],{"uuid":76,"title":77,"description":78,"canonical_path":4,"image":79,"width":80,"height":81,"image_alt":82,"kind":52,"categories":83,"app":88},"1e45eb9e-db22-460c-a709-3ca201e13057","Feature Gate Paywall","Prompts user to upgrade to Creator plan to unlock video downloads and premium features","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fc63591a6-b1ac-4d18-a41a-d32ceb2e75e9.png",2034,1312,"Feature Gate Paywall from HeyGen",[84],{"id":85,"title":86,"slug":87},284,"Modal","modal",{"slug":31,"title":30,"logo":33,"categories":89},[],{"uuid":91,"title":92,"description":93,"canonical_path":4,"image":94,"width":95,"height":96,"image_alt":97,"kind":52,"categories":98,"app":103},"57929104-eef5-4e01-bab1-0e5716a701e4","Video Player","Displays generated video with playback controls and timeline for review and iteration","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fe18bceab-3634-4321-8ee2-c5b6313ef011.png",1843,1148,"Video Player from HeyGen",[99],{"id":100,"title":101,"slug":102},238,"Video player","video-player",{"slug":31,"title":30,"logo":33,"categories":104},[],{"uuid":106,"title":107,"description":108,"canonical_path":4,"image":109,"width":110,"height":111,"image_alt":112,"kind":52,"categories":113,"app":118},"2e83cda2-889d-4924-90a0-a27fcbc146e3","Feedback bar","Prompts user to provide thumbs up\u002Fdown rating on the AI-generated video with dismiss option","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F4438337a-23f9-4f6f-96af-690fe35dda4c.png",640,167,"Feedback bar from HeyGen",[114],{"id":115,"title":116,"slug":117},296,"Feedback","feedback",{"slug":31,"title":30,"logo":33,"categories":119},[],{"uuid":121,"title":122,"description":123,"canonical_path":4,"image":124,"width":125,"height":126,"image_alt":127,"kind":52,"categories":128,"app":133},"b8b19481-c809-4bf8-a5db-e7bdf2ecdcb5","Age dropdown","Lets the user pick an age category for the AI avatar","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F8fffd346-a4e3-4fc2-9134-0e020c598509.png",736,651,"Age dropdown from HeyGen",[129],{"id":130,"title":131,"slug":132},204,"Input select","input-select",{"slug":31,"title":30,"logo":33,"categories":134},[],{"uuid":136,"title":137,"description":138,"canonical_path":4,"image":139,"width":140,"height":141,"image_alt":142,"kind":52,"categories":143,"app":148},"539c5eb9-135c-400c-b0d6-3a42e83835a8","Audio Upload Drop Zone","Primary area for uploading audio or video files to create a voice clone","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F5016600a-fa1a-48f4-9754-0da0ebf04867.png",1824,1031,"Audio Upload Drop Zone from HeyGen",[144],{"id":145,"title":146,"slug":147},188,"File upload input","file-upload-input",{"slug":31,"title":30,"logo":33,"categories":149},[],{"uuid":151,"title":152,"description":153,"canonical_path":4,"image":154,"width":155,"height":156,"image_alt":157,"kind":52,"categories":158,"app":163},"a4056aaa-f91e-465b-961a-c4ba128a196d","Prompt suggestion banner","Encourages selection of an example prompt to quickly start AI avatar configuration","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F49e1e14d-69d6-4c67-9e90-8496f77f15df.png",1458,382,"Prompt suggestion banner from HeyGen",[159],{"id":160,"title":161,"slug":162},244,"Message","message",{"slug":31,"title":30,"logo":33,"categories":164},[],{"uuid":166,"title":167,"description":168,"canonical_path":4,"image":169,"width":170,"height":171,"image_alt":172,"kind":52,"categories":173,"app":178},"70c65726-778a-4a22-84bd-155a71d4d9cf","Onboarding checklist card","Shows progress and checklist of onboarding tasks for new users on the home screen.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F98f90da3-fb23-4a32-a73a-d7a1df79d9ab.png",483,394,"Onboarding checklist card from HeyGen",[174],{"id":175,"title":176,"slug":177},213,"Progress indicator","progress-indicator",{"slug":31,"title":30,"logo":33,"categories":179},[],{"uuid":181,"title":182,"description":183,"canonical_path":4,"image":184,"width":185,"height":186,"image_alt":187,"kind":52,"categories":188,"app":193},"e85be796-9846-410b-b2d0-f0fb4f811e40","Header Bar","Top navigation bar providing page title, global search, sort, filter, delete, and notification access for the avatar videos list view","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F6f884996-9009-443d-8c12-821dd16c50ed.png",2481,349,"Header Bar from HeyGen",[189],{"id":190,"title":191,"slug":192},240,"Horizontal navigation","horizontal-navigation",{"slug":31,"title":30,"logo":33,"categories":194},[],{"uuid":196,"title":197,"description":198,"canonical_path":4,"image":199,"width":200,"height":201,"image_alt":202,"kind":52,"categories":203,"app":208},"c2591dab-1cf7-4bb9-8bdc-804f7526789a","Empty state message","Indicates no matching results for current filters in a list view","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fd7154b23-59c7-4978-a4d5-b658df10dbdb.png",754,499,"Empty state message from HeyGen",[204],{"id":205,"title":206,"slug":207},302,"Empty state","emptystate",{"slug":31,"title":30,"logo":33,"categories":209},[],{"uuid":211,"title":212,"description":213,"canonical_path":4,"image":214,"width":215,"height":216,"image_alt":217,"kind":52,"categories":218,"app":223},"fd9bc2ae-a545-4251-89e7-ffc5ce181bad","Segmented Filter Control","Lets users switch between All, Tools, and Projects filters in the search overlay","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F9ec80dcf-c944-4045-a4af-586b90e95fe1.png",1370,348,"Segmented Filter Control from HeyGen",[219],{"id":220,"title":221,"slug":222},233,"Tabs","tabs",{"slug":31,"title":30,"logo":33,"categories":224},[],[],[227,230,233,236,239],{"label":228,"to":229},"HeyGen product screens","\u002Fexamples\u002Fapps\u002Fheygen\u002Fscreens",{"label":231,"to":232},"HeyGen marketing pages","\u002Fexamples\u002Fapps\u002Fheygen\u002Fmarketing",{"label":234,"to":235},"HeyGen user flows","\u002Fexamples\u002Fapps\u002Fheygen\u002Fflows",{"label":237,"to":238},"Video app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fvideo",{"label":240,"to":241},"Artificial Intelligence app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fartificial-intelligence",{"published_at":243,"updated_at":244},"2026-06-14T15:25:32.000Z","2026-09-13T13:02:39.000Z"]