[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Ftypefully":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"app":37,"examples":56,"showcases":57,"links":384,"dates":403},"\u002Fexamples\u002Fapps\u002Ftypefully","detail","apps",true,{"title":9,"description":10,"og_image":11},"Typefully design examples - Nicelydone","Explore Typefully UI design examples. Distraction-free editor to write & publish tweets and threads.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Facfda3ba-bd63-496e-a40b-61fd895a2748.png",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":4},"Typefully design examples",{"title":20,"eyebrow":22,"description":10,"sections":23,"body":36},"SaaS app examples",[24],{"title":25,"links":26},"Explore Typefully",[27,30,33],{"label":28,"to":29},"product screens","\u002Fexamples\u002Fapps\u002Ftypefully\u002Fscreens",{"label":31,"to":32},"user flows","\u002Fexamples\u002Fapps\u002Ftypefully\u002Fflows",{"label":34,"to":35},"UI components","\u002Fexamples\u002Fapps\u002Ftypefully\u002Fcomponents",[],{"title":38,"slug":39,"description":40,"logo":41,"url":42,"categories":43},"Typefully","typefully","Distraction-free editor to write & publish tweets and threads.","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Ftypefully-cde82cad.png","https:\u002F\u002Ftypefully.app",[44,48,52],{"id":45,"title":46,"slug":47},14,"Social","social",{"id":49,"title":50,"slug":51},25,"Marketing","marketing",{"id":53,"title":54,"slug":55},59,"Writing tools","writing-tools",[],[58,378,381],{"family":59,"examples":60},"screens",[61,110,147,173,192,222,239,263,286,314,342,361],{"uuid":62,"title":63,"description":64,"canonical_path":29,"image":11,"width":65,"height":66,"image_alt":67,"kind":68,"patterns":69,"component_categories":87,"app":108},"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",[70,79],{"id":71,"label":72,"slug":73,"rank":74,"group":75},5,"Sign Up","sign-up",0,{"id":76,"label":77,"slug":78},1,"Access & Account","access-and-account",{"id":80,"label":81,"slug":82,"rank":76,"group":83},27,"AI Assistant","ai-assistant",{"id":84,"label":85,"slug":86},3,"AI","ai",[88,92,96,100,104],{"id":89,"title":90,"slug":91},284,"Modal","modal",{"id":93,"title":94,"slug":95},260,"Badge","badge",{"id":97,"title":98,"slug":99},174,"Card","card",{"id":101,"title":102,"slug":103},175,"Button","button",{"id":105,"title":106,"slug":107},169,"Avatar","avatar",{"slug":39,"title":38,"logo":41,"categories":109},[],{"uuid":111,"title":38,"description":112,"canonical_path":29,"image":113,"width":65,"height":66,"image_alt":114,"kind":68,"patterns":115,"component_categories":133,"app":145},"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",[116,124,126],{"id":117,"label":118,"slug":119,"rank":74,"group":120},7,"Add & Create","add-and-create",{"id":121,"label":122,"slug":123},2,"Actions","actions",{"id":80,"label":81,"slug":82,"rank":76,"group":125},{"id":84,"label":85,"slug":86},{"id":127,"label":128,"slug":129,"rank":121,"group":130},74,"Onboarding Checklist","onboarding-checklist",{"id":117,"label":131,"slug":132},"Onboarding & Education","onboarding-and-education",[134,138,139,143,144],{"id":135,"title":136,"slug":137},214,"Popover","popover",{"id":93,"title":94,"slug":95},{"id":140,"title":141,"slug":142},233,"Tabs","tabs",{"id":101,"title":102,"slug":103},{"id":105,"title":106,"slug":107},{"slug":39,"title":38,"logo":41,"categories":146},[],{"uuid":148,"title":38,"description":149,"canonical_path":29,"image":150,"width":65,"height":66,"image_alt":114,"kind":68,"patterns":151,"component_categories":165,"app":171},"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",[152,157],{"id":153,"label":154,"slug":155,"rank":74,"group":156},24,"Share","share",{"id":121,"label":122,"slug":123},{"id":158,"label":159,"slug":160,"rank":76,"group":161},114,"Confirmation","confirmation",{"id":162,"label":163,"slug":164},12,"States & Feedback","states-and-feedback",[166,167,168,169,170],{"id":89,"title":90,"slug":91},{"id":140,"title":141,"slug":142},{"id":97,"title":98,"slug":99},{"id":101,"title":102,"slug":103},{"id":105,"title":106,"slug":107},{"slug":39,"title":38,"logo":41,"categories":172},[],{"uuid":174,"title":38,"description":175,"canonical_path":29,"image":176,"width":65,"height":66,"image_alt":114,"kind":68,"patterns":177,"component_categories":184,"app":190},"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",[178,180],{"id":153,"label":154,"slug":155,"rank":74,"group":179},{"id":121,"label":122,"slug":123},{"id":49,"label":181,"slug":182,"rank":76,"group":183},"Upload & Download","upload-and-download",{"id":121,"label":122,"slug":123},[185,186,187,188,189],{"id":89,"title":90,"slug":91},{"id":140,"title":141,"slug":142},{"id":97,"title":98,"slug":99},{"id":101,"title":102,"slug":103},{"id":105,"title":106,"slug":107},{"slug":39,"title":38,"logo":41,"categories":191},[],{"uuid":193,"title":194,"description":195,"canonical_path":29,"image":196,"width":65,"height":66,"image_alt":197,"kind":68,"patterns":198,"component_categories":217,"app":220},"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",[199,204,209],{"id":200,"label":201,"slug":202,"rank":74,"group":203},115,"Empty State","empty-state",{"id":162,"label":163,"slug":164},{"id":205,"label":206,"slug":207,"rank":76,"group":208},11,"Edit","edit",{"id":121,"label":122,"slug":123},{"id":210,"label":211,"slug":212,"rank":121,"group":213},82,"Media Detail","media-detail",{"id":214,"label":215,"slug":216},8,"Pages & Content","pages-and-content",[218,219],{"id":101,"title":102,"slug":103},{"id":105,"title":106,"slug":107},{"slug":39,"title":38,"logo":41,"categories":221},[],{"uuid":223,"title":38,"description":224,"canonical_path":29,"image":225,"width":65,"height":66,"image_alt":114,"kind":68,"patterns":226,"component_categories":231,"app":237},"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",[227,229],{"id":153,"label":154,"slug":155,"rank":74,"group":228},{"id":121,"label":122,"slug":123},{"id":49,"label":181,"slug":182,"rank":76,"group":230},{"id":121,"label":122,"slug":123},[232,233,234,235,236],{"id":89,"title":90,"slug":91},{"id":140,"title":141,"slug":142},{"id":97,"title":98,"slug":99},{"id":101,"title":102,"slug":103},{"id":105,"title":106,"slug":107},{"slug":39,"title":38,"logo":41,"categories":238},[],{"uuid":240,"title":38,"description":241,"canonical_path":29,"image":242,"width":65,"height":66,"image_alt":114,"kind":68,"patterns":243,"component_categories":250,"app":261},"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",[244,246,248],{"id":80,"label":81,"slug":82,"rank":74,"group":245},{"id":84,"label":85,"slug":86},{"id":127,"label":128,"slug":129,"rank":76,"group":247},{"id":117,"label":131,"slug":132},{"id":205,"label":206,"slug":207,"rank":121,"group":249},{"id":121,"label":122,"slug":123},[251,252,256,257,258,259,260],{"id":135,"title":136,"slug":137},{"id":253,"title":254,"slug":255},277,"Button group","button-group",{"id":93,"title":94,"slug":95},{"id":140,"title":141,"slug":142},{"id":97,"title":98,"slug":99},{"id":101,"title":102,"slug":103},{"id":105,"title":106,"slug":107},{"slug":39,"title":38,"logo":41,"categories":262},[],{"uuid":264,"title":38,"description":265,"canonical_path":29,"image":266,"width":65,"height":66,"image_alt":114,"kind":68,"patterns":267,"component_categories":277,"app":284},"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",[268,270,275],{"id":80,"label":81,"slug":82,"rank":74,"group":269},{"id":84,"label":85,"slug":86},{"id":271,"label":272,"slug":273,"rank":76,"group":274},29,"AI Editing","ai-editing",{"id":84,"label":85,"slug":86},{"id":127,"label":128,"slug":129,"rank":121,"group":276},{"id":117,"label":131,"slug":132},[278,279,280,281,282,283],{"id":253,"title":254,"slug":255},{"id":93,"title":94,"slug":95},{"id":140,"title":141,"slug":142},{"id":97,"title":98,"slug":99},{"id":101,"title":102,"slug":103},{"id":105,"title":106,"slug":107},{"slug":39,"title":38,"logo":41,"categories":285},[],{"uuid":287,"title":38,"description":288,"canonical_path":29,"image":289,"width":65,"height":66,"image_alt":114,"kind":68,"patterns":290,"component_categories":305,"app":312},"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",[291,293,298],{"id":80,"label":81,"slug":82,"rank":74,"group":292},{"id":84,"label":85,"slug":86},{"id":294,"label":295,"slug":296,"rank":76,"group":297},28,"AI Chat","ai-chat",{"id":84,"label":85,"slug":86},{"id":299,"label":300,"slug":301,"rank":121,"group":302},58,"Media Editor","media-editor",{"id":71,"label":303,"slug":304},"Media & Tools","media-and-tools",[306,307,308,309,310,311],{"id":135,"title":136,"slug":137},{"id":93,"title":94,"slug":95},{"id":140,"title":141,"slug":142},{"id":97,"title":98,"slug":99},{"id":101,"title":102,"slug":103},{"id":105,"title":106,"slug":107},{"slug":39,"title":38,"logo":41,"categories":313},[],{"uuid":315,"title":38,"description":316,"canonical_path":29,"image":317,"width":65,"height":66,"image_alt":114,"kind":68,"patterns":318,"component_categories":333,"app":340},"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",[319,321,326],{"id":271,"label":272,"slug":273,"rank":74,"group":320},{"id":84,"label":85,"slug":86},{"id":322,"label":323,"slug":324,"rank":76,"group":325},17,"Publish","publish",{"id":121,"label":122,"slug":123},{"id":327,"label":328,"slug":329,"rank":121,"group":330},113,"Social Feed","social-feed",{"id":205,"label":331,"slug":332},"Social & Collaboration","social-and-collaboration",[334,335,336,337,338,339],{"id":135,"title":136,"slug":137},{"id":253,"title":254,"slug":255},{"id":140,"title":141,"slug":142},{"id":97,"title":98,"slug":99},{"id":101,"title":102,"slug":103},{"id":105,"title":106,"slug":107},{"slug":39,"title":38,"logo":41,"categories":341},[],{"uuid":343,"title":38,"description":344,"canonical_path":29,"image":345,"width":65,"height":66,"image_alt":114,"kind":68,"patterns":346,"component_categories":353,"app":359},"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",[347,349,351],{"id":271,"label":272,"slug":273,"rank":74,"group":348},{"id":84,"label":85,"slug":86},{"id":322,"label":323,"slug":324,"rank":76,"group":350},{"id":121,"label":122,"slug":123},{"id":327,"label":328,"slug":329,"rank":121,"group":352},{"id":205,"label":331,"slug":332},[354,355,356,357,358],{"id":253,"title":254,"slug":255},{"id":140,"title":141,"slug":142},{"id":97,"title":98,"slug":99},{"id":101,"title":102,"slug":103},{"id":105,"title":106,"slug":107},{"slug":39,"title":38,"logo":41,"categories":360},[],{"uuid":362,"title":38,"description":363,"canonical_path":29,"image":364,"width":65,"height":66,"image_alt":114,"kind":68,"patterns":365,"component_categories":370,"app":376},"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",[366,368],{"id":117,"label":118,"slug":119,"rank":74,"group":367},{"id":121,"label":122,"slug":123},{"id":327,"label":328,"slug":329,"rank":76,"group":369},{"id":205,"label":331,"slug":332},[371,372,373,374,375],{"id":253,"title":254,"slug":255},{"id":140,"title":141,"slug":142},{"id":97,"title":98,"slug":99},{"id":101,"title":102,"slug":103},{"id":105,"title":106,"slug":107},{"slug":39,"title":38,"logo":41,"categories":377},[],{"family":379,"examples":380},"flows",[],{"family":382,"examples":383},"components",[],[385,387,390,392,394,397,400],{"label":386,"to":29},"Typefully product screens",{"label":388,"to":389},"Typefully marketing pages","\u002Fexamples\u002Fapps\u002Ftypefully\u002Fmarketing",{"label":391,"to":32},"Typefully user flows",{"label":393,"to":35},"Typefully UI components",{"label":395,"to":396},"Social app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fsocial",{"label":398,"to":399},"Marketing app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fmarketing",{"label":401,"to":402},"Writing tools app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fwriting-tools",{"published_at":404,"updated_at":405},"2021-09-05T12:56:02.000Z","2026-09-16T12:10:31.000Z"]