[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fsora\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":192,"links":193,"dates":209},"\u002Fexamples\u002Fapps\u002Fsora\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Sora UI components examples - Nicelydone","Browse Sora UI component design examples. Preview individual interface elements and explore related component categories. Bring your imagination to life…","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fa70bfd95-f6cc-4054-9baa-2dc2cd07606b.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},"Sora design examples","\u002Fexamples\u002Fapps\u002Fsora",{"label":23,"to":4},"Sora UI components examples",{"title":23,"eyebrow":25,"description":26,"sections":27,"body":28},"SaaS app examples","Browse Sora UI component design examples. Preview individual interface elements and explore related component categories. Bring your imagination to life with text, image, or video",[],[],{"title":30,"slug":31,"description":32,"logo":33,"url":34,"categories":35},"Sora","sora","Bring your imagination to life with text, image, or video","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fsora-2oq6gygg.png","https:\u002F\u002Fsora.com",[36,40],{"id":37,"title":38,"slug":39},80,"Artificial Intelligence","artificial-intelligence",{"id":41,"title":42,"slug":43},100,"Video","video",[45,60,73,85,98,108,121,131,144,157,170,179],{"uuid":46,"title":47,"description":48,"canonical_path":4,"image":11,"width":49,"height":50,"image_alt":51,"kind":52,"categories":53,"app":58},"65c85cc6-d9e0-4818-a145-543e925b0176","Sora UI component","A pricing page for ChatGPT subscriptions.",2696,1661,"UI component from Sora","component",[54],{"id":55,"title":56,"slug":57},303,"Pricing section","pricing-section",{"slug":31,"title":30,"logo":33,"categories":59},[],{"uuid":61,"title":47,"description":62,"canonical_path":4,"image":63,"width":64,"height":65,"image_alt":51,"kind":52,"categories":66,"app":71},"6a641cf9-516f-49f4-bd9d-b85e168b9b24","A modal screen with a toggle to publish to explore.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F81a64d0b-3f02-4582-a056-239ffe0944ce.png",908,431,[67],{"id":68,"title":69,"slug":70},236,"Toggle\u002FSwitch","toggle-switch",{"slug":31,"title":30,"logo":33,"categories":72},[],{"uuid":74,"title":47,"description":75,"canonical_path":4,"image":76,"width":64,"height":77,"image_alt":51,"kind":52,"categories":78,"app":83},"e7fd2524-dbf9-4d11-af8f-81c2ec42707d","A theme selection dropdown.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F09a0880b-18d8-4086-8428-d6feae9b07dc.png",150,[79],{"id":80,"title":81,"slug":82},256,"Theme settings","theme-settings",{"slug":31,"title":30,"logo":33,"categories":84},[],{"uuid":86,"title":47,"description":87,"canonical_path":4,"image":88,"width":89,"height":90,"image_alt":51,"kind":52,"categories":91,"app":96},"822529ba-91a7-4c47-98fc-325fbef6004d","A modal for filtering content.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F39cb99ad-fc78-454a-a611-e78ad93b36e3.png",527,837,[92],{"id":93,"title":94,"slug":95},225,"Sorting & filtering","sorting-filtering",{"slug":31,"title":30,"logo":33,"categories":97},[],{"uuid":99,"title":47,"description":100,"canonical_path":4,"image":101,"width":102,"height":103,"image_alt":51,"kind":52,"categories":104,"app":106},"350e3e92-b06a-48ee-9aea-f726152c4a72","This screenshot displays a filter modal with various content types.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Ff3b20eb6-6583-4c63-b4aa-193131aabd33.png",539,853,[105],{"id":93,"title":94,"slug":95},{"slug":31,"title":30,"logo":33,"categories":107},[],{"uuid":109,"title":47,"description":110,"canonical_path":4,"image":111,"width":112,"height":113,"image_alt":51,"kind":52,"categories":114,"app":119},"6b021f9a-34b0-469b-8272-4a0ac72644ad","The modal presents options for creating videos using text and images, or a storyboard approach.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Ff10f5efb-315a-4ec7-909b-1d9bf115f269.png",734,560,[115],{"id":116,"title":117,"slug":118},254,"Tooltip","tooltip-element",{"slug":31,"title":30,"logo":33,"categories":120},[],{"uuid":122,"title":47,"description":123,"canonical_path":4,"image":124,"width":125,"height":126,"image_alt":51,"kind":52,"categories":127,"app":129},"7a809c27-9bb3-44c1-976e-f229b2306f77","The screenshot shows a modal that informs the user that they can only generate one image or video at a time and prompts them to upgrade to generate more.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F3d758c68-dcb7-4a6b-a63a-bf3941dd5e67.png",1008,317,[128],{"id":116,"title":117,"slug":118},{"slug":31,"title":30,"logo":33,"categories":130},[],{"uuid":132,"title":47,"description":133,"canonical_path":4,"image":134,"width":135,"height":136,"image_alt":51,"kind":52,"categories":137,"app":142},"96144fd9-0de3-4e9c-942d-4130349bee98","A modal for image editing.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fd244fc6f-1b87-4e3c-ab5b-2fab36e1ae8f.png",1792,460,[138],{"id":139,"title":140,"slug":141},294,"Artificial intelligence","ai",{"slug":31,"title":30,"logo":33,"categories":143},[],{"uuid":145,"title":47,"description":146,"canonical_path":4,"image":147,"width":148,"height":149,"image_alt":51,"kind":52,"categories":150,"app":155},"e7b6aab2-e2a8-4a25-8663-a92f5a14ff23","The screenshot shows a notification modal.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F84492375-2956-4d30-b2cc-c49c0474a52f.png",663,316,[151],{"id":152,"title":153,"slug":154},247,"Notification Toast","notification-element",{"slug":31,"title":30,"logo":33,"categories":156},[],{"uuid":158,"title":47,"description":159,"canonical_path":4,"image":160,"width":161,"height":162,"image_alt":51,"kind":52,"categories":163,"app":168},"54594a43-9404-480b-95d5-9e2d7259d3d8","Screenshot of a loading screen with a prompt for an AI generated image.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Ffc901a07-6e96-4ce7-9861-19b316b83890.png",1996,1500,[164],{"id":165,"title":166,"slug":167},226,"Skeleton","skeleton",{"slug":31,"title":30,"logo":33,"categories":169},[],{"uuid":171,"title":47,"description":172,"canonical_path":4,"image":173,"width":148,"height":174,"image_alt":51,"kind":52,"categories":175,"app":177},"53a26aa4-4031-428e-8e18-cba47a93fb67","A toast notification indicating an item has been added to a queue.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F59b4c5cc-4fa8-455f-b36e-4fef38187830.png",386,[176],{"id":152,"title":153,"slug":154},{"slug":31,"title":30,"logo":33,"categories":178},[],{"uuid":180,"title":47,"description":181,"canonical_path":4,"image":182,"width":183,"height":184,"image_alt":51,"kind":52,"categories":185,"app":190},"f1bcd58c-a273-406c-a417-1a77bbf791c1","The screenshot shows a modal with a list of presets.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fb016cf6e-2896-4363-9dbb-c181a500accf.png",713,923,[186],{"id":187,"title":188,"slug":189},190,"Dropdown menu","dropdown-menu",{"slug":31,"title":30,"logo":33,"categories":191},[],[],[194,197,200,203,206],{"label":195,"to":196},"Sora product screens","\u002Fexamples\u002Fapps\u002Fsora\u002Fscreens",{"label":198,"to":199},"Sora marketing pages","\u002Fexamples\u002Fapps\u002Fsora\u002Fmarketing",{"label":201,"to":202},"Sora user flows","\u002Fexamples\u002Fapps\u002Fsora\u002Fflows",{"label":204,"to":205},"Artificial Intelligence app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fartificial-intelligence",{"label":207,"to":208},"Video app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fvideo",{"published_at":210,"updated_at":211},"2025-04-10T09:52:04.000Z","2026-09-13T13:02:39.000Z"]