[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Ftypefully\u002Fscreens":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":29,"examples":48,"showcases":366,"links":367,"dates":428},"\u002Fexamples\u002Fapps\u002Ftypefully\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Typefully product screens examples - Nicelydone","Browse Typefully screen design examples. Preview the interface screenshots and explore related UI patterns. Distraction-free editor to write & publish…","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Facfda3ba-bd63-496e-a40b-61fd895a2748.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},"Typefully design examples","\u002Fexamples\u002Fapps\u002Ftypefully",{"label":23,"to":4},"Typefully product screens examples",{"title":23,"eyebrow":25,"description":26,"sections":27,"body":28},"SaaS app examples","Browse Typefully screen design examples. Preview the interface screenshots and explore related UI patterns. Distraction-free editor to write & publish tweets and threads.",[],[],{"title":30,"slug":31,"description":32,"logo":33,"url":34,"categories":35},"Typefully","typefully","Distraction-free editor to write & publish tweets and threads.","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Ftypefully-cde82cad.png","https:\u002F\u002Ftypefully.app",[36,40,44],{"id":37,"title":38,"slug":39},14,"Social","social",{"id":41,"title":42,"slug":43},25,"Marketing","marketing",{"id":45,"title":46,"slug":47},59,"Writing tools","writing-tools",[49,98,135,161,180,210,227,251,274,302,330,349],{"uuid":50,"title":51,"description":52,"canonical_path":4,"image":11,"width":53,"height":54,"image_alt":55,"kind":56,"patterns":57,"component_categories":75,"app":96},"acfda3ba-bd63-496e-a40b-61fd895a2748","Typefully - Twitter Thread Maker | Analytics","Signup overlay pitching the product's value with feature cards and social proof, prompting the user to authenticate with Twitter to access the underlying app.",3024,1674,"Typefully - Twitter Thread Maker | Analytics from Typefully","screen",[58,67],{"id":59,"label":60,"slug":61,"rank":62,"group":63},5,"Sign Up","sign-up",0,{"id":64,"label":65,"slug":66},1,"Access & Account","access-and-account",{"id":68,"label":69,"slug":70,"rank":64,"group":71},27,"AI Assistant","ai-assistant",{"id":72,"label":73,"slug":74},3,"AI","ai",[76,80,84,88,92],{"id":77,"title":78,"slug":79},284,"Modal","modal",{"id":81,"title":82,"slug":83},260,"Badge","badge",{"id":85,"title":86,"slug":87},174,"Card","card",{"id":89,"title":90,"slug":91},175,"Button","button",{"id":93,"title":94,"slug":95},169,"Avatar","avatar",{"slug":31,"title":30,"logo":33,"categories":97},[],{"uuid":99,"title":30,"description":100,"canonical_path":4,"image":101,"width":53,"height":54,"image_alt":102,"kind":56,"patterns":103,"component_categories":121,"app":133},"a6ea4bc5-4287-4131-aa4a-b13e3c38327f","Content editor where the user drafts a new social media thread with an onboarding tips popover visible.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fa6ea4bc5-4287-4131-aa4a-b13e3c38327f.png","Typefully from Typefully",[104,112,114],{"id":105,"label":106,"slug":107,"rank":62,"group":108},7,"Add & Create","add-and-create",{"id":109,"label":110,"slug":111},2,"Actions","actions",{"id":68,"label":69,"slug":70,"rank":64,"group":113},{"id":72,"label":73,"slug":74},{"id":115,"label":116,"slug":117,"rank":109,"group":118},74,"Onboarding Checklist","onboarding-checklist",{"id":105,"label":119,"slug":120},"Onboarding & Education","onboarding-and-education",[122,126,127,131,132],{"id":123,"title":124,"slug":125},214,"Popover","popover",{"id":81,"title":82,"slug":83},{"id":128,"title":129,"slug":130},233,"Tabs","tabs",{"id":89,"title":90,"slug":91},{"id":93,"title":94,"slug":95},{"slug":31,"title":30,"logo":33,"categories":134},[],{"uuid":136,"title":30,"description":137,"canonical_path":4,"image":138,"width":53,"height":54,"image_alt":102,"kind":56,"patterns":139,"component_categories":153,"app":159},"3b82aa70-7f0b-4a1d-8bc8-41c817b61cdf","Content editor where the user has opened a modal to enable public sharing for a draft, accompanied by a success toast confirming the link was copied.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F3b82aa70-7f0b-4a1d-8bc8-41c817b61cdf.png",[140,145],{"id":141,"label":142,"slug":143,"rank":62,"group":144},24,"Share","share",{"id":109,"label":110,"slug":111},{"id":146,"label":147,"slug":148,"rank":64,"group":149},114,"Confirmation","confirmation",{"id":150,"label":151,"slug":152},12,"States & Feedback","states-and-feedback",[154,155,156,157,158],{"id":77,"title":78,"slug":79},{"id":128,"title":129,"slug":130},{"id":85,"title":86,"slug":87},{"id":89,"title":90,"slug":91},{"id":93,"title":94,"slug":95},{"slug":31,"title":30,"logo":33,"categories":160},[],{"uuid":162,"title":30,"description":163,"canonical_path":4,"image":164,"width":53,"height":54,"image_alt":102,"kind":56,"patterns":165,"component_categories":172,"app":178},"5f5e33ea-02ae-4049-b7e3-7aa3f71efb7d","Content editor showing a modal to enable a public link and copy a draft URL for feedback.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F5f5e33ea-02ae-4049-b7e3-7aa3f71efb7d.png",[166,168],{"id":141,"label":142,"slug":143,"rank":62,"group":167},{"id":109,"label":110,"slug":111},{"id":41,"label":169,"slug":170,"rank":64,"group":171},"Upload & Download","upload-and-download",{"id":109,"label":110,"slug":111},[173,174,175,176,177],{"id":77,"title":78,"slug":79},{"id":128,"title":129,"slug":130},{"id":85,"title":86,"slug":87},{"id":89,"title":90,"slug":91},{"id":93,"title":94,"slug":95},{"slug":31,"title":30,"logo":33,"categories":179},[],{"uuid":181,"title":182,"description":183,"canonical_path":4,"image":184,"width":53,"height":54,"image_alt":185,"kind":56,"patterns":186,"component_categories":205,"app":208},"eea3bd20-ddd0-4659-9315-3c10e9fd58d8","Draft by Nicely Done | Typefully","Detail page where a user views a shared draft post with an empty content area and options to edit or show comments.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Feea3bd20-ddd0-4659-9315-3c10e9fd58d8.png","Draft by Nicely Done | Typefully from Typefully",[187,192,197],{"id":188,"label":189,"slug":190,"rank":62,"group":191},115,"Empty State","empty-state",{"id":150,"label":151,"slug":152},{"id":193,"label":194,"slug":195,"rank":64,"group":196},11,"Edit","edit",{"id":109,"label":110,"slug":111},{"id":198,"label":199,"slug":200,"rank":109,"group":201},82,"Media Detail","media-detail",{"id":202,"label":203,"slug":204},8,"Pages & Content","pages-and-content",[206,207],{"id":89,"title":90,"slug":91},{"id":93,"title":94,"slug":95},{"slug":31,"title":30,"logo":33,"categories":209},[],{"uuid":211,"title":30,"description":212,"canonical_path":4,"image":213,"width":53,"height":54,"image_alt":102,"kind":56,"patterns":214,"component_categories":219,"app":225},"ed74d866-6ab4-4a69-b959-eb3653970e26","Content editor where the user has opened a modal to enable a public link for comments and copy the draft URL.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fed74d866-6ab4-4a69-b959-eb3653970e26.png",[215,217],{"id":141,"label":142,"slug":143,"rank":62,"group":216},{"id":109,"label":110,"slug":111},{"id":41,"label":169,"slug":170,"rank":64,"group":218},{"id":109,"label":110,"slug":111},[220,221,222,223,224],{"id":77,"title":78,"slug":79},{"id":128,"title":129,"slug":130},{"id":85,"title":86,"slug":87},{"id":89,"title":90,"slug":91},{"id":93,"title":94,"slug":95},{"slug":31,"title":30,"logo":33,"categories":226},[],{"uuid":228,"title":30,"description":229,"canonical_path":4,"image":230,"width":53,"height":54,"image_alt":102,"kind":56,"patterns":231,"component_categories":238,"app":249},"34899808-a426-47b1-a4e1-e29564239f55","Content editor where the user drafts a new tweet, featuring an onboarding popover that explains keyboard shortcuts for formatting and publishing.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F34899808-a426-47b1-a4e1-e29564239f55.png",[232,234,236],{"id":68,"label":69,"slug":70,"rank":62,"group":233},{"id":72,"label":73,"slug":74},{"id":115,"label":116,"slug":117,"rank":64,"group":235},{"id":105,"label":119,"slug":120},{"id":193,"label":194,"slug":195,"rank":109,"group":237},{"id":109,"label":110,"slug":111},[239,240,244,245,246,247,248],{"id":123,"title":124,"slug":125},{"id":241,"title":242,"slug":243},277,"Button group","button-group",{"id":81,"title":82,"slug":83},{"id":128,"title":129,"slug":130},{"id":85,"title":86,"slug":87},{"id":89,"title":90,"slug":91},{"id":93,"title":94,"slug":95},{"slug":31,"title":30,"logo":33,"categories":250},[],{"uuid":252,"title":30,"description":253,"canonical_path":4,"image":254,"width":53,"height":54,"image_alt":102,"kind":56,"patterns":255,"component_categories":265,"app":272},"61c2f8bb-3af6-4828-8f4e-a43c3863e0ae","Content editor where the user drafts a tweet and selects an account from an @mention autocomplete dropdown.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F61c2f8bb-3af6-4828-8f4e-a43c3863e0ae.png",[256,258,263],{"id":68,"label":69,"slug":70,"rank":62,"group":257},{"id":72,"label":73,"slug":74},{"id":259,"label":260,"slug":261,"rank":64,"group":262},29,"AI Editing","ai-editing",{"id":72,"label":73,"slug":74},{"id":115,"label":116,"slug":117,"rank":109,"group":264},{"id":105,"label":119,"slug":120},[266,267,268,269,270,271],{"id":241,"title":242,"slug":243},{"id":81,"title":82,"slug":83},{"id":128,"title":129,"slug":130},{"id":85,"title":86,"slug":87},{"id":89,"title":90,"slug":91},{"id":93,"title":94,"slug":95},{"slug":31,"title":30,"logo":33,"categories":273},[],{"uuid":275,"title":30,"description":276,"canonical_path":4,"image":277,"width":53,"height":54,"image_alt":102,"kind":56,"patterns":278,"component_categories":293,"app":300},"e91219e0-97e3-4be6-a37a-be28fa311e65","Content editor where the user drafts a Twitter thread, featuring an open popover with keyboard shortcuts and tips to get started.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe91219e0-97e3-4be6-a37a-be28fa311e65.png",[279,281,286],{"id":68,"label":69,"slug":70,"rank":62,"group":280},{"id":72,"label":73,"slug":74},{"id":282,"label":283,"slug":284,"rank":64,"group":285},28,"AI Chat","ai-chat",{"id":72,"label":73,"slug":74},{"id":287,"label":288,"slug":289,"rank":109,"group":290},58,"Media Editor","media-editor",{"id":59,"label":291,"slug":292},"Media & Tools","media-and-tools",[294,295,296,297,298,299],{"id":123,"title":124,"slug":125},{"id":81,"title":82,"slug":83},{"id":128,"title":129,"slug":130},{"id":85,"title":86,"slug":87},{"id":89,"title":90,"slug":91},{"id":93,"title":94,"slug":95},{"slug":31,"title":30,"logo":33,"categories":301},[],{"uuid":303,"title":30,"description":304,"canonical_path":4,"image":305,"width":53,"height":54,"image_alt":102,"kind":56,"patterns":306,"component_categories":321,"app":328},"dd231ff5-db36-4854-a8a3-8114ece11be0","Content editor where the user drafts a multi-post Twitter thread with a quoted tweet preview and options to schedule or publish.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fdd231ff5-db36-4854-a8a3-8114ece11be0.png",[307,309,314],{"id":259,"label":260,"slug":261,"rank":62,"group":308},{"id":72,"label":73,"slug":74},{"id":310,"label":311,"slug":312,"rank":64,"group":313},17,"Publish","publish",{"id":109,"label":110,"slug":111},{"id":315,"label":316,"slug":317,"rank":109,"group":318},113,"Social Feed","social-feed",{"id":193,"label":319,"slug":320},"Social & Collaboration","social-and-collaboration",[322,323,324,325,326,327],{"id":123,"title":124,"slug":125},{"id":241,"title":242,"slug":243},{"id":128,"title":129,"slug":130},{"id":85,"title":86,"slug":87},{"id":89,"title":90,"slug":91},{"id":93,"title":94,"slug":95},{"slug":31,"title":30,"logo":33,"categories":329},[],{"uuid":331,"title":30,"description":332,"canonical_path":4,"image":333,"width":53,"height":54,"image_alt":102,"kind":56,"patterns":334,"component_categories":341,"app":347},"a744e1cb-1b1e-4c2a-9072-dc3a37d5e8cb","Content editor where the user drafts a multi-part Twitter thread with a quoted tweet preview and scheduling options.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fa744e1cb-1b1e-4c2a-9072-dc3a37d5e8cb.png",[335,337,339],{"id":259,"label":260,"slug":261,"rank":62,"group":336},{"id":72,"label":73,"slug":74},{"id":310,"label":311,"slug":312,"rank":64,"group":338},{"id":109,"label":110,"slug":111},{"id":315,"label":316,"slug":317,"rank":109,"group":340},{"id":193,"label":319,"slug":320},[342,343,344,345,346],{"id":241,"title":242,"slug":243},{"id":128,"title":129,"slug":130},{"id":85,"title":86,"slug":87},{"id":89,"title":90,"slug":91},{"id":93,"title":94,"slug":95},{"slug":31,"title":30,"logo":33,"categories":348},[],{"uuid":350,"title":30,"description":351,"canonical_path":4,"image":352,"width":53,"height":54,"image_alt":102,"kind":56,"patterns":353,"component_categories":358,"app":364},"d5543c67-d11b-4f45-a3b5-02a7fbe2b8d3","Content editor where the user is drafting a multi-part Twitter thread featuring an embedded quote tweet, with options to schedule or publish immediately.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd5543c67-d11b-4f45-a3b5-02a7fbe2b8d3.png",[354,356],{"id":105,"label":106,"slug":107,"rank":62,"group":355},{"id":109,"label":110,"slug":111},{"id":315,"label":316,"slug":317,"rank":64,"group":357},{"id":193,"label":319,"slug":320},[359,360,361,362,363],{"id":241,"title":242,"slug":243},{"id":128,"title":129,"slug":130},{"id":85,"title":86,"slug":87},{"id":89,"title":90,"slug":91},{"id":93,"title":94,"slug":95},{"slug":31,"title":30,"logo":33,"categories":365},[],[],[368,370,372,374,376,378,380,382,384,386,388,390,392,395,398,401,404,407,410,412,416,420,424],{"label":69,"to":369},"\u002Fexamples\u002Fscreens\u002Fai-assistant",{"label":260,"to":371},"\u002Fexamples\u002Fscreens\u002Fai-editing",{"label":116,"to":373},"\u002Fexamples\u002Fscreens\u002Fonboarding-checklist",{"label":142,"to":375},"\u002Fexamples\u002Fscreens\u002Fshare",{"label":316,"to":377},"\u002Fexamples\u002Fscreens\u002Fsocial-feed",{"label":106,"to":379},"\u002Fexamples\u002Fscreens\u002Fadd-and-create",{"label":194,"to":381},"\u002Fexamples\u002Fscreens\u002Fedit",{"label":311,"to":383},"\u002Fexamples\u002Fscreens\u002Fpublish",{"label":169,"to":385},"\u002Fexamples\u002Fscreens\u002Fupload-and-download",{"label":283,"to":387},"\u002Fexamples\u002Fscreens\u002Fai-chat",{"label":147,"to":389},"\u002Fexamples\u002Fscreens\u002Fconfirmation",{"label":189,"to":391},"\u002Fexamples\u002Fscreens\u002Fempty-state",{"label":393,"to":394},"Typefully marketing pages","\u002Fexamples\u002Fapps\u002Ftypefully\u002Fmarketing",{"label":396,"to":397},"Typefully user flows","\u002Fexamples\u002Fapps\u002Ftypefully\u002Fflows",{"label":399,"to":400},"Typefully UI components","\u002Fexamples\u002Fapps\u002Ftypefully\u002Fcomponents",{"label":402,"to":403},"Social app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fsocial",{"label":405,"to":406},"Marketing app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fmarketing",{"label":408,"to":409},"Writing tools app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fwriting-tools",{"label":411,"to":18},"All SaaS app examples",{"label":413,"to":414,"description":415},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":417,"to":418,"description":419},"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":421,"to":422,"description":423},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":425,"to":426,"description":427},"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":429,"updated_at":430},"2021-09-05T12:56:02.000Z","2026-09-13T13:02:39.000Z"]