[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Ftella\u002Fcomponents":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":40,"showcases":194,"links":195,"dates":226},"\u002Fexamples\u002Fapps\u002Ftella\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Tella UI components examples - Nicelydone","Browse Tella UI component design examples. Preview individual interface elements and explore related component categories. Record incredible videos","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F910b11be-6aee-41ba-bc54-6c7afb26ff3a.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},"Tella design examples","\u002Fexamples\u002Fapps\u002Ftella",{"label":23,"to":4},"Tella UI components examples",{"title":23,"eyebrow":25,"description":10,"sections":26,"body":27},"SaaS app examples",[],[],{"title":29,"slug":30,"description":31,"logo":32,"url":33,"twitter_username":34,"categories":35},"Tella","tella","Record incredible videos","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Ftella-295b1229.png","https:\u002F\u002Fwww.tella.tv","TellaHQ",[36],{"id":37,"title":38,"slug":39},100,"Video","video",[41,56,69,82,92,105,117,130,142,155,168,181],{"uuid":42,"title":43,"description":44,"canonical_path":4,"image":11,"width":45,"height":46,"image_alt":47,"kind":48,"categories":49,"app":54},"9991ff3c-b75e-4dee-8d93-8d2bca3bf632","Tella UI component","A user account dropdown menu.",609,670,"UI component from Tella","component",[50],{"id":51,"title":52,"slug":53},190,"Dropdown menu","dropdown-menu",{"slug":30,"title":29,"logo":32,"categories":55},[],{"uuid":57,"title":43,"description":58,"canonical_path":4,"image":59,"width":60,"height":61,"image_alt":47,"kind":48,"categories":62,"app":67},"cf7c9318-0860-4cf2-bc43-d6542246d1b1","A toggle switch to control the visibility of a record button during playback.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F9c4bab9d-1975-469b-a9eb-88a2ac8dd84e.png",893,220,[63],{"id":64,"title":65,"slug":66},236,"Toggle\u002FSwitch","toggle-switch",{"slug":30,"title":29,"logo":32,"categories":68},[],{"uuid":70,"title":43,"description":71,"canonical_path":4,"image":72,"width":73,"height":74,"image_alt":47,"kind":48,"categories":75,"app":80},"0bed4bc1-6fdf-41fa-8760-a991794a94aa","A notification banner indicating a clip has been copied.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F890cb31e-1cc0-4fc4-b087-f2ef1b320064.png",923,146,[76],{"id":77,"title":78,"slug":79},247,"Notification Toast","notification-element",{"slug":30,"title":29,"logo":32,"categories":81},[],{"uuid":83,"title":43,"description":84,"canonical_path":4,"image":85,"width":86,"height":87,"image_alt":47,"kind":48,"categories":88,"app":90},"0061a974-dd22-42f0-908b-28f9c251badc","A context menu for video editing options.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Faaaac5d0-7bb9-4ac3-b211-8533c8d00887.png",716,649,[89],{"id":51,"title":52,"slug":53},{"slug":30,"title":29,"logo":32,"categories":91},[],{"uuid":93,"title":43,"description":94,"canonical_path":4,"image":95,"width":96,"height":97,"image_alt":47,"kind":48,"categories":98,"app":103},"a6bb47b7-2f36-4b7a-9d48-619951791657","A video workspace header with actions","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F4099e8c5-8394-4fa3-b5fd-92faff6bad35.png",3024,104,[99],{"id":100,"title":101,"slug":102},240,"Horizontal navigation","horizontal-navigation",{"slug":30,"title":29,"logo":32,"categories":104},[],{"uuid":106,"title":43,"description":107,"canonical_path":4,"image":108,"width":96,"height":109,"image_alt":47,"kind":48,"categories":110,"app":115},"9a2c9204-eca8-4093-b06b-8d44b6b35f8c","A video editing interface with a timeline and clip management.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F1a67d9b9-5894-4b05-8975-8cdf5861103c.png",378,[111],{"id":112,"title":113,"slug":114},246,"Toolbox","toolbox",{"slug":30,"title":29,"logo":32,"categories":116},[],{"uuid":118,"title":43,"description":119,"canonical_path":4,"image":120,"width":121,"height":122,"image_alt":47,"kind":48,"categories":123,"app":128},"b92d8a85-cc05-44c2-b552-cedef3deb423","A card with a title, description and a button to add a layout.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Ffc05b642-21f3-4cd7-b331-fc5cee37afbc.png",764,264,[124],{"id":125,"title":126,"slug":127},244,"Message","message",{"slug":30,"title":29,"logo":32,"categories":129},[],{"uuid":131,"title":43,"description":132,"canonical_path":4,"image":133,"width":121,"height":134,"image_alt":47,"kind":48,"categories":135,"app":140},"ef5d8aa6-6db9-41a4-b493-fb8d858d25b7","A modal with different layout options.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fb05174cc-57f3-41cb-9420-24dcfd683f68.png",682,[136],{"id":137,"title":138,"slug":139},218,"Segmented control","segmented-control",{"slug":30,"title":29,"logo":32,"categories":141},[],{"uuid":143,"title":43,"description":144,"canonical_path":4,"image":145,"width":146,"height":147,"image_alt":47,"kind":48,"categories":148,"app":153},"7a10853b-10c5-491a-a56b-1d24b5a4ba69","A welcome page with a step-by-step guide.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F1bdfa349-19de-424e-9744-918a06d1ecc1.png",2479,634,[149],{"id":150,"title":151,"slug":152},227,"Stepper","stepper",{"slug":30,"title":29,"logo":32,"categories":154},[],{"uuid":156,"title":43,"description":157,"canonical_path":4,"image":158,"width":159,"height":160,"image_alt":47,"kind":48,"categories":161,"app":166},"e3d61026-76f3-4dcb-a70a-2c1292a476e0","A video management interface.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F7346d90f-7504-42ac-8883-cab982326e6c.png",509,1778,[162],{"id":163,"title":164,"slug":165},209,"Vertical navigation","vertical-navigation",{"slug":30,"title":29,"logo":32,"categories":167},[],{"uuid":169,"title":43,"description":170,"canonical_path":4,"image":171,"width":172,"height":173,"image_alt":47,"kind":48,"categories":174,"app":179},"6d5c8072-f548-4ddb-8030-e7f0694be828","A video recording and editing interface.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Faae6e797-4a4e-4e8e-9144-a611c0a6401a.png",2525,1416,[175],{"id":176,"title":177,"slug":178},278,"Illustration","illustration",{"slug":30,"title":29,"logo":32,"categories":180},[],{"uuid":182,"title":43,"description":183,"canonical_path":4,"image":184,"width":185,"height":186,"image_alt":47,"kind":48,"categories":187,"app":192},"ce50653a-c51f-4571-a523-023b64bdc5a3","A landing page with a navigation menu and a list of features, use cases, solutions, and apps.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fcf852dba-5a60-4803-9d47-72c883c58926.png",2598,1130,[188],{"id":189,"title":190,"slug":191},290,"Flyout menu","flyout-menu",{"slug":30,"title":29,"logo":32,"categories":193},[],[],[196,199,202,205,208,210,214,218,222],{"label":197,"to":198},"Tella product screens","\u002Fexamples\u002Fapps\u002Ftella\u002Fscreens",{"label":200,"to":201},"Tella marketing pages","\u002Fexamples\u002Fapps\u002Ftella\u002Fmarketing",{"label":203,"to":204},"Tella user flows","\u002Fexamples\u002Fapps\u002Ftella\u002Fflows",{"label":206,"to":207},"Video app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fvideo",{"label":209,"to":18},"All SaaS app examples",{"label":211,"to":212,"description":213},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":215,"to":216,"description":217},"SaaS marketing page examples","\u002Fexamples\u002Fpages","Browse real SaaS marketing pages grouped by page type, from landing pages to pricing and customer story pages.",{"label":219,"to":220,"description":221},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":223,"to":224,"description":225},"User flow examples from SaaS apps","\u002Fexamples\u002Fflows","Explore user flow examples for sign-up, onboarding, billing, and other SaaS tasks. Compare the order of screens and preview the opening steps from real apps.",{"published_at":227,"updated_at":228},"2024-10-14T12:17:47.000Z","2026-09-13T13:02:39.000Z"]