[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Ftags\u002Freal-time-editing":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"totals":8,"category":11,"seo":15,"breadcrumbs":19,"content":28,"examples":33,"showcases":534,"links":535,"dates":596},"\u002Fexamples\u002Ftags\u002Freal-time-editing","collection","screens",true,{"example_count":9,"app_count":10},456,110,{"id":12,"title":13,"description":14},41359,"Real-time editing","",{"title":16,"description":17,"og_image":18},"Real-time editing screen examples - Nicelydone","Real-time editing screen design examples from SaaS apps. Browse examples from Slite, Tabular, Reflect.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F7eca2157-d002-4e2d-a267-60182ca0ceff.png",[20,23,26],{"label":21,"to":22},"Examples","\u002Fexamples",{"label":24,"to":25},"tags","\u002Fexamples\u002Ftags",{"label":27,"to":4},"Real-time editing screen examples",{"title":27,"eyebrow":29,"description":17,"sections":30,"body":31},"Tag category",[],[32],"456 screens",[34,107,163,205,239,274,313,347,386,430,466,506],{"uuid":35,"title":36,"description":37,"canonical_path":38,"image":18,"width":39,"height":40,"image_alt":41,"published_at":42,"kind":43,"patterns":44,"component_categories":77,"app":90},"7eca2157-d002-4e2d-a267-60182ca0ceff","Design Engineering","Content editor where the user writes and formats a document in the Design Engineering channel, with an inline AI action to improve the selected text.","\u002Fexamples\u002Fapps\u002Fslite\u002Fscreens",3024,1780,"Design Engineering from Slite","2025-09-22T15:17:02.000Z","screen",[45,54,63,72],{"id":46,"label":47,"slug":48,"rank":49,"group":50},55,"Design Editor","design-editor",0,{"id":51,"label":52,"slug":53},5,"Media & Tools","media-and-tools",{"id":55,"label":56,"slug":57,"rank":58,"group":59},27,"AI Assistant","ai-assistant",1,{"id":60,"label":61,"slug":62},3,"AI","ai",{"id":64,"label":65,"slug":66,"rank":67,"group":68},80,"Files","files",2,{"id":69,"label":70,"slug":71},8,"Pages & Content","pages-and-content",{"id":73,"label":74,"slug":75,"rank":60,"group":76},35,"Chatbot","chatbot",{"id":60,"label":61,"slug":62},[78,82,86],{"id":79,"title":80,"slug":81},177,"Breadcrumb","breadcrumb",{"id":83,"title":84,"slug":85},240,"Horizontal navigation","horizontal-navigation",{"id":87,"title":88,"slug":89},277,"Button group","button-group",{"slug":91,"title":92,"logo":93,"baseline":94,"categories":95},"slite","Slite","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fslite-265214fb.png","Put clarity at the center of your team",[96,100,104],{"id":97,"title":98,"slug":99},22,"Knowledge Management","knowledge-management",{"id":101,"title":102,"slug":103},23,"Collaboration","collaboration",{"id":64,"title":105,"slug":106},"Artificial Intelligence","artificial-intelligence",{"uuid":108,"title":109,"description":110,"canonical_path":111,"image":112,"width":39,"height":40,"image_alt":113,"published_at":114,"kind":43,"patterns":115,"component_categories":130,"app":143},"4d5afd87-70bb-4a3f-8748-f15c531ae9e2","Editor — Tabular","Design editor where the user builds an email template by dragging basic and premade blocks from a left sidebar onto a central canvas.","\u002Fexamples\u002Fapps\u002Ftabular\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F4d5afd87-70bb-4a3f-8748-f15c531ae9e2.png","Editor — Tabular from Tabular","2025-04-29T08:32:16.000Z",[116,118,125],{"id":46,"label":47,"slug":48,"rank":49,"group":117},{"id":51,"label":52,"slug":53},{"id":119,"label":120,"slug":121,"rank":58,"group":122},10,"Drag & Drop","drag-and-drop",{"id":67,"label":123,"slug":124},"Actions","actions",{"id":126,"label":127,"slug":128,"rank":67,"group":129},11,"Edit","edit",{"id":67,"label":123,"slug":124},[131,135,139],{"id":132,"title":133,"slug":134},233,"Tabs","tabs",{"id":136,"title":137,"slug":138},174,"Card","card",{"id":140,"title":141,"slug":142},175,"Button","button",{"slug":144,"title":145,"logo":146,"baseline":147,"categories":148},"tabular","Tabular","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Feadf3716-18bb-466f-8b45-a512bf9311c4.png","Create emails easily with our email builder",[149,153,156,159],{"id":150,"title":151,"slug":152},92,"Email","email",{"id":55,"title":154,"slug":155},"Email Newsletters","email-newsletters",{"id":69,"title":157,"slug":158},"Design","design",{"id":160,"title":161,"slug":162},96,"No code","no-code",{"uuid":164,"title":165,"description":166,"canonical_path":167,"image":168,"width":39,"height":169,"image_alt":170,"published_at":171,"kind":43,"patterns":172,"component_categories":181,"app":190},"7282c603-64b1-484c-9d14-428d58b04c5d","Our team","About page where the user can read profiles of the Reflect engineering team, alongside global documentation navigation.","\u002Fexamples\u002Fapps\u002Freflect\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F7282c603-64b1-484c-9d14-428d58b04c5d.png",3652,"Our team from Reflect","2025-03-24T15:32:15.000Z",[173],{"id":174,"label":175,"slug":176,"rank":49,"group":177},169,"Team Page","team-page",{"id":178,"label":179,"slug":180},15,"Marketing Page Types","marketing-page-types",[182,186,189],{"id":183,"title":184,"slug":185},258,"Header","header",{"id":174,"title":187,"slug":188},"Avatar","avatar",{"id":140,"title":141,"slug":142},{"slug":191,"title":192,"logo":193,"baseline":194,"categories":195},"reflect","Reflect","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Freflect-98047e97.png","Keep track of your notes, books, and meetings.",[196,200,201],{"id":197,"title":198,"slug":199},30,"Productivity","productivity",{"id":97,"title":98,"slug":99},{"id":202,"title":203,"slug":204},59,"Writing tools","writing-tools",{"uuid":206,"title":207,"description":208,"canonical_path":209,"image":210,"width":39,"height":211,"image_alt":212,"published_at":213,"kind":43,"patterns":214,"component_categories":219,"app":225},"1687372f-7a0f-4017-803a-ed82289d57e2","Assembly","AI generation tool where the user inputs changelog details and selects target channels like LinkedIn or Slack to generate a post.","\u002Fexamples\u002Fapps\u002Fmeet-assembly\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F1687372f-7a0f-4017-803a-ed82289d57e2.png",1778,"Assembly from Assembly","2025-03-17T13:29:41.000Z",[215],{"id":197,"label":216,"slug":217,"rank":49,"group":218},"AI Generation","ai-generation",{"id":60,"label":61,"slug":62},[220,224],{"id":221,"title":222,"slug":223},260,"Badge","badge",{"id":140,"title":141,"slug":142},{"slug":226,"title":207,"logo":227,"baseline":228,"categories":229},"meet-assembly","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fassembly-s-8b4489ec.png","Manage your social content like magic",[230,234,235],{"id":231,"title":232,"slug":233},14,"Social","social",{"id":101,"title":102,"slug":103},{"id":236,"title":237,"slug":238},25,"Marketing","marketing",{"uuid":240,"title":241,"description":242,"canonical_path":243,"image":244,"width":39,"height":211,"image_alt":245,"published_at":246,"kind":43,"patterns":247,"component_categories":255,"app":258},"b1499b0a-5b5a-4cbc-aee5-a6446fe720e1","Log In - Replit","Sign-in screen where the user authenticates with email and password, SSO, or various social providers like Google, GitHub, and Apple.","\u002Fexamples\u002Fapps\u002Freplit\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fb1499b0a-5b5a-4cbc-aee5-a6446fe720e1.png","Log In - Replit from Replit","2025-03-10T14:11:20.000Z",[248],{"id":249,"label":250,"slug":251,"rank":49,"group":252},4,"Sign In","sign-in",{"id":58,"label":253,"slug":254},"Access & Account","access-and-account",[256,257],{"id":87,"title":88,"slug":89},{"id":140,"title":141,"slug":142},{"slug":259,"title":260,"logo":261,"baseline":262,"categories":263},"replit","Replit","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Freplit-7961c4fc.png","Turn your ideas into apps with AI",[264,265,269,273],{"id":64,"title":105,"slug":106},{"id":266,"title":267,"slug":268},48,"Developer Tools","developer-tools",{"id":270,"title":271,"slug":272},7,"Web Development","web-development",{"id":160,"title":161,"slug":162},{"uuid":275,"title":276,"description":277,"canonical_path":278,"image":279,"width":39,"height":280,"image_alt":281,"published_at":282,"kind":43,"patterns":283,"component_categories":289,"app":302},"01f1de0d-5c18-4451-8ac0-3ec95e22656c","Customers | Dub.co","Testimonials page where the user browses customer quotes and filters a directory of companies using the product by industry.","\u002Fexamples\u002Fapps\u002Fdub\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F01f1de0d-5c18-4451-8ac0-3ec95e22656c.png",22452,"Customers | Dub.co from Dub","2025-02-17T13:43:13.000Z",[284],{"id":285,"label":286,"slug":287,"rank":49,"group":288},158,"Customer Stories","customer-stories",{"id":178,"label":179,"slug":180},[290,294,295,299,300,301],{"id":291,"title":292,"slug":293},232,"Testimonial","testimonial",{"id":132,"title":133,"slug":134},{"id":296,"title":297,"slug":298},202,"Footer","footer",{"id":183,"title":184,"slug":185},{"id":221,"title":222,"slug":223},{"id":136,"title":137,"slug":138},{"slug":303,"title":304,"logo":305,"baseline":306,"categories":307},"dub","Dub","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fdub-43tr8usg.png","Short links with superpowers",[308,309],{"id":236,"title":237,"slug":238},{"id":310,"title":311,"slug":312},46,"Analytics","analytics",{"uuid":314,"title":315,"description":316,"canonical_path":317,"image":318,"width":39,"height":319,"image_alt":320,"published_at":321,"kind":43,"patterns":322,"component_categories":328,"app":335},"eede2b21-859a-4a85-8049-55feb3fa0472","Planner 5D Alternative | Professional CAD Tools Made Simple  Rayon","Competitive alternative page positioning Rayon against Planner 5D as a professional, browser-based CAD tool for architects and designers.","\u002Fexamples\u002Fapps\u002Frayon\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Feede2b21-859a-4a85-8049-55feb3fa0472.png",18580,"Planner 5D Alternative | Professional CAD Tools Made Simple  Rayon from Rayon","2025-02-03T14:11:02.000Z",[323],{"id":324,"label":325,"slug":326,"rank":49,"group":327},149,"Alternative Page","alternative-page",{"id":178,"label":179,"slug":180},[329,333,334],{"id":330,"title":331,"slug":332},189,"FAQ","faq",{"id":296,"title":297,"slug":298},{"id":183,"title":184,"slug":185},{"slug":336,"title":337,"logo":338,"baseline":339,"categories":340},"rayon","Rayon","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Frayon-633e8478.png","The fastest tool to create perfect architectural drawings",[341,345,346],{"id":342,"title":343,"slug":344},73,"Architecture","architecture",{"id":69,"title":157,"slug":158},{"id":101,"title":102,"slug":103},{"uuid":348,"title":349,"description":350,"canonical_path":351,"image":352,"width":39,"height":211,"image_alt":353,"published_at":354,"kind":43,"patterns":355,"component_categories":365,"app":367},"1369afc4-4339-400a-b8b4-c2e5968c167d","Laura Owenss First Site","Detail page where an administrator edits the title, description, and visibility settings for a community announcement.","\u002Fexamples\u002Fapps\u002Fkajabi\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F1369afc4-4339-400a-b8b4-c2e5968c167d.png","Laura Owenss First Site from Kajabi","2025-01-27T19:31:18.000Z",[356,358],{"id":126,"label":127,"slug":128,"rank":49,"group":357},{"id":67,"label":123,"slug":124},{"id":359,"label":360,"slug":361,"rank":58,"group":362},102,"Settings","settings",{"id":119,"label":363,"slug":364},"Settings & Admin","settings-and-admin",[366],{"id":140,"title":141,"slug":142},{"slug":368,"title":369,"logo":370,"baseline":371,"categories":372},"kajabi","Kajabi","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fkajabi-a4858d70.png","Where Creators Build Businesses",[373,377,378,381,382],{"id":374,"title":375,"slug":376},32,"Education","education",{"id":236,"title":237,"slug":238},{"id":58,"title":379,"slug":380},"Communities","communities",{"id":55,"title":154,"slug":155},{"id":383,"title":384,"slug":385},33,"E-Learning","e-learning",{"uuid":387,"title":388,"description":389,"canonical_path":390,"image":391,"width":39,"height":392,"image_alt":393,"published_at":394,"kind":43,"patterns":395,"component_categories":408,"app":413},"cb39607e-5e2f-4cc0-aea7-2daa785d7883","Sprig","Dashboard displaying aggregated survey results with distribution bars, a donut chart, and a line chart for questions about user satisfaction, use cases, and feature usage.","\u002Fexamples\u002Fapps\u002Fsprig\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fcb39607e-5e2f-4cc0-aea7-2daa785d7883.png",3260,"Sprig from Sprig","2025-01-20T15:31:42.000Z",[396,403],{"id":397,"label":398,"slug":399,"rank":49,"group":400},41,"Dashboard","dashboard",{"id":249,"label":401,"slug":402},"Data & Analysis","data-and-analysis",{"id":404,"label":405,"slug":406,"rank":58,"group":407},40,"Charts","charts",{"id":249,"label":401,"slug":402},[409,410,411,412],{"id":221,"title":222,"slug":223},{"id":174,"title":187,"slug":188},{"id":136,"title":137,"slug":138},{"id":140,"title":141,"slug":142},{"slug":414,"title":388,"logo":415,"baseline":416,"categories":417},"sprig","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fsprig-755032e7.png","Product Insights Platform for Team that Need Rapid User…",[418,422,425,426],{"id":419,"title":420,"slug":421},69,"Surveys","surveys",{"id":73,"title":423,"slug":424},"Feedback","feedback",{"id":64,"title":105,"slug":106},{"id":427,"title":428,"slug":429},104,"User Research","user-research",{"uuid":431,"title":432,"description":433,"canonical_path":434,"image":435,"width":39,"height":211,"image_alt":436,"published_at":437,"kind":43,"patterns":438,"component_categories":451,"app":454},"07d70fa7-d105-421e-93c1-0a8446de365f","New push · Jimo","Content editor where the user drafts a changelog post, selects a translation language from a dropdown, and views a live rendering of the post in a right-hand preview panel.","\u002Fexamples\u002Fapps\u002Fjimo\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F07d70fa7-d105-421e-93c1-0a8446de365f.png","New push · Jimo from Jimo","2025-01-13T14:25:22.000Z",[439,441,446],{"id":126,"label":127,"slug":128,"rank":49,"group":440},{"id":67,"label":123,"slug":124},{"id":442,"label":443,"slug":444,"rank":58,"group":445},17,"Publish","publish",{"id":67,"label":123,"slug":124},{"id":447,"label":448,"slug":449,"rank":67,"group":450},58,"Media Editor","media-editor",{"id":51,"label":52,"slug":53},[452,453],{"id":136,"title":137,"slug":138},{"id":140,"title":141,"slug":142},{"slug":455,"title":456,"logo":457,"baseline":458,"categories":459},"jimo","Jimo","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fjimo-bc34493a.png","Onboard users smarter, scale faster. ",[460,464,465],{"id":461,"title":462,"slug":463},47,"Customer Service","customer-service",{"id":419,"title":420,"slug":421},{"id":160,"title":161,"slug":162},{"uuid":467,"title":468,"description":469,"canonical_path":470,"image":471,"width":39,"height":211,"image_alt":472,"published_at":473,"kind":43,"patterns":474,"component_categories":485,"app":491},"9bacd8ae-aa65-498c-a4c8-a5e0a6b5df9a","Reading History - Hashnode","List view where the user browses their previously read articles, shown with the account dropdown menu open.","\u002Fexamples\u002Fapps\u002Fhashnode\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F9bacd8ae-aa65-498c-a4c8-a5e0a6b5df9a.png","Reading History - Hashnode from Hashnode","2025-01-06T13:27:32.000Z",[475,480],{"id":476,"label":477,"slug":478,"rank":49,"group":479},79,"Browse","browse",{"id":69,"label":70,"slug":71},{"id":481,"label":482,"slug":483,"rank":58,"group":484},94,"Account Settings","account-settings",{"id":119,"label":363,"slug":364},[486,487,488,489,490],{"id":83,"title":84,"slug":85},{"id":174,"title":187,"slug":188},{"id":221,"title":222,"slug":223},{"id":136,"title":137,"slug":138},{"id":140,"title":141,"slug":142},{"slug":492,"title":493,"logo":494,"baseline":495,"categories":496},"hashnode","Hashnode","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fhashnode-3019b5d1.png","Create, collaborate, and scale your blogs and docs",[497,498,502],{"id":266,"title":267,"slug":268},{"id":499,"title":500,"slug":501},6,"Publishing","publishing",{"id":503,"title":504,"slug":505},24,"Blogging Platforms","blogging-platforms",{"uuid":507,"title":508,"description":509,"canonical_path":510,"image":511,"width":39,"height":512,"image_alt":513,"published_at":514,"kind":43,"patterns":515,"component_categories":521,"app":526},"ae28f061-cbae-4f91-8f44-fd76b3a3331a","Teams should work with the garage door up · Campsite","Article page where the user reads a blog post about internal transparency and working in public, followed by a list of recent writing and a call to action to start a free trial.","\u002Fexamples\u002Fapps\u002Fcampsite\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fae28f061-cbae-4f91-8f44-fd76b3a3331a.png",11004,"Teams should work with the garage door up · Campsite from Campsite","2025-01-06T11:52:24.000Z",[516],{"id":517,"label":518,"slug":519,"rank":49,"group":520},78,"Article","article",{"id":178,"label":179,"slug":180},[522,523,524,525],{"id":296,"title":297,"slug":298},{"id":183,"title":184,"slug":185},{"id":174,"title":187,"slug":188},{"id":140,"title":141,"slug":142},{"slug":527,"title":528,"logo":529,"baseline":530,"categories":531},"campsite","Campsite","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fcampsite-b08e9520.png","The home for your team’s work in progress",[532,533],{"id":69,"title":157,"slug":158},{"id":101,"title":102,"slug":103},[],[536,538,540,542,544,546,548,550,552,554,556,558,560,563,566,569,572,575,578,581,584,587,590,593],{"label":127,"to":537,"count":60},"\u002Fexamples\u002Fscreens\u002Fedit",{"label":47,"to":539,"count":67},"\u002Fexamples\u002Fscreens\u002Fdesign-editor",{"label":482,"to":541,"count":58},"\u002Fexamples\u002Fscreens\u002Faccount-settings",{"label":56,"to":543,"count":58},"\u002Fexamples\u002Fscreens\u002Fai-assistant",{"label":216,"to":545,"count":58},"\u002Fexamples\u002Fscreens\u002Fai-generation",{"label":477,"to":547,"count":58},"\u002Fexamples\u002Fscreens\u002Fbrowse",{"label":405,"to":549,"count":58},"\u002Fexamples\u002Fscreens\u002Fcharts",{"label":74,"to":551,"count":58},"\u002Fexamples\u002Fscreens\u002Fchatbot",{"label":398,"to":553,"count":58},"\u002Fexamples\u002Fscreens\u002Fdashboard",{"label":120,"to":555,"count":58},"\u002Fexamples\u002Fscreens\u002Fdrag-and-drop",{"label":65,"to":557,"count":58},"\u002Fexamples\u002Fscreens\u002Ffiles",{"label":448,"to":559,"count":58},"\u002Fexamples\u002Fscreens\u002Fmedia-editor",{"label":561,"to":562},"Slite design examples","\u002Fexamples\u002Fapps\u002Fslite",{"label":564,"to":565},"Tabular design examples","\u002Fexamples\u002Fapps\u002Ftabular",{"label":567,"to":568},"Reflect design examples","\u002Fexamples\u002Fapps\u002Freflect",{"label":570,"to":571},"Assembly design examples","\u002Fexamples\u002Fapps\u002Fmeet-assembly",{"label":573,"to":574},"Replit design examples","\u002Fexamples\u002Fapps\u002Freplit",{"label":576,"to":577},"Dub design examples","\u002Fexamples\u002Fapps\u002Fdub",{"label":579,"to":580},"Rayon design examples","\u002Fexamples\u002Fapps\u002Frayon",{"label":582,"to":583},"Kajabi design examples","\u002Fexamples\u002Fapps\u002Fkajabi",{"label":585,"to":586},"Sprig design examples","\u002Fexamples\u002Fapps\u002Fsprig",{"label":588,"to":589},"Jimo design examples","\u002Fexamples\u002Fapps\u002Fjimo",{"label":591,"to":592},"Hashnode design examples","\u002Fexamples\u002Fapps\u002Fhashnode",{"label":594,"to":595},"Campsite design examples","\u002Fexamples\u002Fapps\u002Fcampsite",{"published_at":597,"updated_at":598},"2024-12-21T12:15:10.000Z","2026-09-05T20:19:52.953Z"]