[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Ftags\u002Finline-edit":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":37,"showcases":550,"links":551,"dates":608},"\u002Fexamples\u002Ftags\u002Finline-edit","collection","screens",true,{"example_count":9,"app_count":10},308,90,{"id":12,"title":13,"description":14},83612,"Inline edit","See how interfaces let people change a value where it is displayed. Explore how editable text, field states, and save or cancel controls fit within the existing layout.",{"title":16,"description":17,"og_image":18},"Inline edit screen examples - Nicelydone","Inline edit screen design examples from SaaS apps. See how interfaces let people change a value where it is displayed. Explore how editable text, field…","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe3dc871a-61b5-4ed4-8599-3e7b85605301.png",[20,23,26],{"label":21,"to":22},"Examples","\u002Fexamples",{"label":24,"to":25},"tags","\u002Fexamples\u002Ftags",{"label":27,"to":4},"Inline edit screen examples",{"title":27,"eyebrow":29,"description":30,"sections":31,"body":35},"Tag category","Inline edit screen design examples from SaaS apps. See how interfaces let people change a value where it is displayed. Explore how editable text, field states, and save or cancel controls fit within the…",[32],{"title":33,"description":14,"links":34},"About Inline edit",[],[36],"308 screens",[38,110,141,176,202,249,282,337,375,414,449,502],{"uuid":39,"title":40,"description":41,"canonical_path":42,"image":18,"width":43,"height":44,"image_alt":45,"published_at":46,"kind":47,"patterns":48,"component_categories":75,"app":88},"e3dc871a-61b5-4ed4-8599-3e7b85605301","Profile - Settings - Beside","Settings page where the user manages their personal information, connected sign-in methods, and display preferences.","\u002Fexamples\u002Fapps\u002Fbeside\u002Fscreens",3024,1758,"Profile - Settings - Beside from Beside","2026-06-29T18:30:01.000Z","screen",[49,58,67],{"id":50,"label":51,"slug":52,"rank":53,"group":54},94,"Account Settings","account-settings",0,{"id":55,"label":56,"slug":57},10,"Settings & Admin","settings-and-admin",{"id":59,"label":60,"slug":61,"rank":62,"group":63},3,"Profile","profile",1,{"id":64,"label":65,"slug":66},11,"Social & Collaboration","social-and-collaboration",{"id":68,"label":69,"slug":70,"rank":71,"group":72},6,"Verification","verification",2,{"id":62,"label":73,"slug":74},"Access & Account","access-and-account",[76,80,84],{"id":77,"title":78,"slug":79},177,"Breadcrumb","breadcrumb",{"id":81,"title":82,"slug":83},169,"Avatar","avatar",{"id":85,"title":86,"slug":87},175,"Button","button",{"slug":89,"title":90,"logo":91,"baseline":92,"categories":93},"beside","Beside","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F8c14025e-58b4-4801-bd91-3e31a3cf8f21.png","AI-powered business phone assistant that answers calls and takes action",[94,98,102,106],{"id":95,"title":96,"slug":97},80,"Artificial Intelligence","artificial-intelligence",{"id":99,"title":100,"slug":101},47,"Customer Service","customer-service",{"id":103,"title":104,"slug":105},53,"CRM","crm",{"id":107,"title":108,"slug":109},82,"Communication","communication",{"uuid":111,"title":112,"description":113,"canonical_path":114,"image":115,"width":43,"height":116,"image_alt":117,"published_at":118,"kind":47,"patterns":119,"component_categories":125,"app":131},"aaddd77e-4c92-4484-88f9-63d75e03c656","Mixpanel - Product Analytics","Settings page where the user configures session, time period, sharing, and experiment event settings for a specific project.","\u002Fexamples\u002Fapps\u002Fmixpanel\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Faaddd77e-4c92-4484-88f9-63d75e03c656.png",1780,"Mixpanel - Product Analytics from Mixpanel","2026-02-02T12:53:35.000Z",[120],{"id":121,"label":122,"slug":123,"rank":53,"group":124},102,"Settings","settings",{"id":55,"label":56,"slug":57},[126,130],{"id":127,"title":128,"slug":129},233,"Tabs","tabs",{"id":85,"title":86,"slug":87},{"slug":132,"title":133,"logo":134,"baseline":135,"categories":136},"mixpanel","Mixpanel","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F6591e7aa-86c8-4da2-8c52-c70f46a86bbb.png","Product analytics for mobile, web, & more",[137],{"id":138,"title":139,"slug":140},46,"Analytics","analytics",{"uuid":142,"title":143,"description":144,"canonical_path":145,"image":146,"width":43,"height":116,"image_alt":147,"published_at":148,"kind":47,"patterns":149,"component_categories":158,"app":169},"5029c5f7-432b-4eb5-a0e0-684d7443b959","Lightfield","Settings page where the user edits a custom field definition for their CRM data model, specifically modifying the options for a single-select headcount field within a modal.","\u002Fexamples\u002Fapps\u002Flightfield\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F5029c5f7-432b-4eb5-a0e0-684d7443b959.png","Lightfield from Lightfield","2026-01-26T12:34:24.000Z",[150,152],{"id":121,"label":122,"slug":123,"rank":53,"group":151},{"id":55,"label":56,"slug":57},{"id":64,"label":153,"slug":154,"rank":62,"group":155},"Edit","edit",{"id":71,"label":156,"slug":157},"Actions","actions",[159,163,167,168],{"id":160,"title":161,"slug":162},260,"Badge","badge",{"id":164,"title":165,"slug":166},284,"Modal","modal",{"id":127,"title":128,"slug":129},{"id":85,"title":86,"slug":87},{"slug":170,"title":143,"logo":171,"baseline":172,"categories":173},"lightfield","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F3428fd96-b66c-4c23-a060-55858d095f59.png","A new kind of CRM",[174,175],{"id":103,"title":104,"slug":105},{"id":95,"title":96,"slug":97},{"uuid":177,"title":178,"description":179,"canonical_path":180,"image":181,"width":43,"height":116,"image_alt":182,"published_at":183,"kind":47,"patterns":184,"component_categories":189,"app":192},"b864315d-e0a7-4478-a092-f5017884ed7e","Cache – Profile","Settings page where the user configures their investment profile, including time horizon, income, and experience.","\u002Fexamples\u002Fapps\u002Fcache\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fb864315d-e0a7-4478-a092-f5017884ed7e.png","Cache – Profile from Cache","2025-12-15T13:31:44.000Z",[185,187],{"id":50,"label":51,"slug":52,"rank":53,"group":186},{"id":55,"label":56,"slug":57},{"id":64,"label":153,"slug":154,"rank":62,"group":188},{"id":71,"label":156,"slug":157},[190,191],{"id":81,"title":82,"slug":83},{"id":85,"title":86,"slug":87},{"slug":193,"title":194,"logo":195,"baseline":196,"categories":197},"cache","Cache","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F58f7e879-0d35-4ce9-9cef-ccb2733b6520.png","A modern brokerage for your large stock positions",[198],{"id":199,"title":200,"slug":201},36,"Finance","finance",{"uuid":203,"title":204,"description":205,"canonical_path":206,"image":207,"width":43,"height":116,"image_alt":208,"published_at":209,"kind":47,"patterns":210,"component_categories":215,"app":219},"1fe5dcee-43fb-478b-be50-bf17e9342fed","Nicelydone - Huly","Settings page where the user manages their personal account profile, including avatar, location, and social links.","\u002Fexamples\u002Fapps\u002Fhuly\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F1fe5dcee-43fb-478b-be50-bf17e9342fed.png","Nicelydone - Huly from Huly","2025-06-03T09:36:48.000Z",[211,213],{"id":50,"label":51,"slug":52,"rank":53,"group":212},{"id":55,"label":56,"slug":57},{"id":59,"label":60,"slug":61,"rank":62,"group":214},{"id":64,"label":65,"slug":66},[216,217,218],{"id":81,"title":82,"slug":83},{"id":127,"title":128,"slug":129},{"id":85,"title":86,"slug":87},{"slug":220,"title":221,"logo":222,"baseline":223,"categories":224},"huly","Huly","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fhuly-umc26pfq.png","Everything App for your teams",[225,229,233,237,241,245],{"id":226,"title":227,"slug":228},29,"Task Management","task-management",{"id":230,"title":231,"slug":232},22,"Knowledge Management","knowledge-management",{"id":234,"title":235,"slug":236},30,"Productivity","productivity",{"id":238,"title":239,"slug":240},86,"Product management","product-management",{"id":242,"title":243,"slug":244},23,"Collaboration","collaboration",{"id":246,"title":247,"slug":248},45,"Open Source","open-source",{"uuid":250,"title":251,"description":252,"canonical_path":253,"image":254,"width":43,"height":255,"image_alt":256,"published_at":257,"kind":47,"patterns":258,"component_categories":267,"app":270},"220d1fcf-8320-4ecf-b33b-a1cbc3e9b17a","Feature Requests | Reflect","List view where users can submit new feature requests, search existing ones, and upvote ideas like saving AI chat results or viewing PDFs.","\u002Fexamples\u002Fapps\u002Freflect\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F220d1fcf-8320-4ecf-b33b-a1cbc3e9b17a.png",3534,"Feature Requests | Reflect from Reflect","2025-03-24T15:32:15.000Z",[259],{"id":260,"label":261,"slug":262,"rank":53,"group":263},138,"Feature Page","feature-page",{"id":264,"label":265,"slug":266},15,"Marketing Page Types","marketing-page-types",[268,269],{"id":127,"title":128,"slug":129},{"id":85,"title":86,"slug":87},{"slug":271,"title":272,"logo":273,"baseline":274,"categories":275},"reflect","Reflect","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Freflect-98047e97.png","Keep track of your notes, books, and meetings.",[276,277,278],{"id":234,"title":235,"slug":236},{"id":230,"title":231,"slug":232},{"id":279,"title":280,"slug":281},59,"Writing tools","writing-tools",{"uuid":283,"title":284,"description":285,"canonical_path":286,"image":287,"width":43,"height":288,"image_alt":289,"published_at":290,"kind":47,"patterns":291,"component_categories":297,"app":318},"a49bc749-1947-474e-83d6-b6a4fac79e4f","Comparison - Replit","Alternative page where the user compares Replit AI's capabilities against GitHub Copilot across features like code completion, generation, refactoring, and explanation.","\u002Fexamples\u002Fapps\u002Freplit\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fa49bc749-1947-474e-83d6-b6a4fac79e4f.png",13000,"Comparison - Replit from Replit","2025-03-10T14:11:20.000Z",[292],{"id":293,"label":294,"slug":295,"rank":53,"group":296},149,"Alternative Page","alternative-page",{"id":264,"label":265,"slug":266},[298,302,306,310,314],{"id":299,"title":300,"slug":301},232,"Testimonial","testimonial",{"id":303,"title":304,"slug":305},168,"Accordion","accordion",{"id":307,"title":308,"slug":309},189,"FAQ","faq",{"id":311,"title":312,"slug":313},258,"Header","header",{"id":315,"title":316,"slug":317},202,"Footer","footer",{"slug":319,"title":320,"logo":321,"baseline":322,"categories":323},"replit","Replit","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Freplit-7961c4fc.png","Turn your ideas into apps with AI",[324,325,329,333],{"id":95,"title":96,"slug":97},{"id":326,"title":327,"slug":328},48,"Developer Tools","developer-tools",{"id":330,"title":331,"slug":332},7,"Web Development","web-development",{"id":334,"title":335,"slug":336},96,"No code","no-code",{"uuid":338,"title":339,"description":340,"canonical_path":341,"image":342,"width":43,"height":343,"image_alt":344,"published_at":345,"kind":47,"patterns":346,"component_categories":352,"app":361},"fc0f1b32-f952-4031-a2fc-c20aeaca37bf","Three features to help you win big this Black Friday - Flodesk","Blog article detailing three new features—interactive forms, poll blocks, and templates—designed to help users prepare for Black Friday.","\u002Fexamples\u002Fapps\u002Fflodesk\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ffc0f1b32-f952-4031-a2fc-c20aeaca37bf.png",19590,"Three features to help you win big this Black Friday - Flodesk from Flodesk","2025-02-24T15:36:57.000Z",[347],{"id":348,"label":349,"slug":350,"rank":53,"group":351},78,"Article","article",{"id":264,"label":265,"slug":266},[353,354,355,359,360],{"id":311,"title":312,"slug":313},{"id":315,"title":316,"slug":317},{"id":356,"title":357,"slug":358},174,"Card","card",{"id":81,"title":82,"slug":83},{"id":85,"title":86,"slug":87},{"slug":362,"title":363,"logo":364,"baseline":365,"categories":366},"flodesk","Flodesk","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fflodesk-57ced817.png","Design emails people love to open. Sell online.",[367,371],{"id":368,"title":369,"slug":370},27,"Email Newsletters","email-newsletters",{"id":372,"title":373,"slug":374},25,"Marketing","marketing",{"uuid":376,"title":377,"description":378,"canonical_path":379,"image":380,"width":43,"height":381,"image_alt":382,"published_at":383,"kind":47,"patterns":384,"component_categories":387,"app":396},"66641527-8dc0-4034-878e-876807fbf6df","Podia General settings","Settings page where the user configures general workspace preferences like name, logo, language, and timezone via inline editors.","\u002Fexamples\u002Fapps\u002Fpodia\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F66641527-8dc0-4034-878e-876807fbf6df.png",1778,"Podia General settings from Podia","2025-02-17T15:29:05.000Z",[385],{"id":50,"label":51,"slug":52,"rank":53,"group":386},{"id":55,"label":56,"slug":57},[388,392,393,394,395],{"id":389,"title":390,"slug":391},240,"Horizontal navigation","horizontal-navigation",{"id":356,"title":357,"slug":358},{"id":81,"title":82,"slug":83},{"id":127,"title":128,"slug":129},{"id":85,"title":86,"slug":87},{"slug":397,"title":398,"logo":399,"baseline":400,"categories":401},"podia","Podia","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fpodia-g4nl3lhm.png","Sell online courses, memberships, and downloads",[402,406,409,410],{"id":403,"title":404,"slug":405},32,"Education","education",{"id":62,"title":407,"slug":408},"Communities","communities",{"id":368,"title":369,"slug":370},{"id":411,"title":412,"slug":413},33,"E-Learning","e-learning",{"uuid":415,"title":416,"description":417,"canonical_path":418,"image":419,"width":43,"height":420,"image_alt":421,"published_at":422,"kind":47,"patterns":423,"component_categories":429,"app":434},"688caa81-934d-49fd-90aa-88120ec4e55a","Design reviews and markup software | Rayon","Use case page detailing how architects and designers can use the platform for real-time design reviews, redlining, version history, and client collaboration.","\u002Fexamples\u002Fapps\u002Frayon\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F688caa81-934d-49fd-90aa-88120ec4e55a.png",18500,"Design reviews and markup software | Rayon from Rayon","2025-02-03T14:11:02.000Z",[424],{"id":425,"label":426,"slug":427,"rank":53,"group":428},139,"Use Case Page","use-case-page",{"id":264,"label":265,"slug":266},[430,431,432,433],{"id":307,"title":308,"slug":309},{"id":311,"title":312,"slug":313},{"id":315,"title":316,"slug":317},{"id":85,"title":86,"slug":87},{"slug":435,"title":436,"logo":437,"baseline":438,"categories":439},"rayon","Rayon","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Frayon-633e8478.png","The fastest tool to create perfect architectural drawings",[440,444,448],{"id":441,"title":442,"slug":443},73,"Architecture","architecture",{"id":445,"title":446,"slug":447},8,"Design","design",{"id":242,"title":243,"slug":244},{"uuid":450,"title":451,"description":452,"canonical_path":453,"image":454,"width":43,"height":455,"image_alt":456,"published_at":457,"kind":47,"patterns":458,"component_categories":482,"app":491},"f8d2a6b0-2e98-425e-b789-d3368ad7a8ef","Kajabi - adminpipelines2148628580edit","Design editor where the user configures the embed code, text content, colors, and popup behavior for a newsletter subscription form.","\u002Fexamples\u002Fapps\u002Fkajabi\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ff8d2a6b0-2e98-425e-b789-d3368ad7a8ef.png",4148,"Kajabi - adminpipelines2148628580edit from Kajabi","2025-01-27T19:31:18.000Z",[459,461,469,477],{"id":64,"label":153,"slug":154,"rank":53,"group":460},{"id":71,"label":156,"slug":157},{"id":462,"label":463,"slug":464,"rank":62,"group":465},42,"Form","form",{"id":466,"label":467,"slug":468},4,"Data & Analysis","data-and-analysis",{"id":470,"label":471,"slug":472,"rank":71,"group":473},58,"Media Editor","media-editor",{"id":474,"label":475,"slug":476},5,"Media & Tools","media-and-tools",{"id":478,"label":479,"slug":480,"rank":59,"group":481},55,"Design Editor","design-editor",{"id":474,"label":475,"slug":476},[483,487,488,489,490],{"id":484,"title":485,"slug":486},183,"Color picker","color-picker",{"id":77,"title":78,"slug":79},{"id":356,"title":357,"slug":358},{"id":127,"title":128,"slug":129},{"id":85,"title":86,"slug":87},{"slug":492,"title":493,"logo":494,"baseline":495,"categories":496},"kajabi","Kajabi","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fkajabi-a4858d70.png","Where Creators Build Businesses",[497,498,499,500,501],{"id":403,"title":404,"slug":405},{"id":372,"title":373,"slug":374},{"id":62,"title":407,"slug":408},{"id":368,"title":369,"slug":370},{"id":411,"title":412,"slug":413},{"uuid":503,"title":504,"description":505,"canonical_path":506,"image":507,"width":43,"height":381,"image_alt":508,"published_at":509,"kind":47,"patterns":510,"component_categories":524,"app":538},"36ebc5c7-11d0-48b1-a050-650d5b2bfccc","Edit experience · Jimo","Form builder where the user configures a multiple-choice survey step, adjusting options, layout, and styling in a right-hand inspector.","\u002Fexamples\u002Fapps\u002Fjimo\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F36ebc5c7-11d0-48b1-a050-650d5b2bfccc.png","Edit experience · Jimo from Jimo","2025-01-13T14:25:22.000Z",[511,513,515,519],{"id":462,"label":463,"slug":464,"rank":53,"group":512},{"id":466,"label":467,"slug":468},{"id":64,"label":153,"slug":154,"rank":62,"group":514},{"id":71,"label":156,"slug":157},{"id":55,"label":516,"slug":517,"rank":71,"group":518},"Drag & Drop","drag-and-drop",{"id":71,"label":156,"slug":157},{"id":520,"label":521,"slug":522,"rank":59,"group":523},17,"Publish","publish",{"id":71,"label":156,"slug":157},[525,529,533,534,535,536,537],{"id":526,"title":527,"slug":528},257,"Input number","input-number",{"id":530,"title":531,"slug":532},223,"Slider","slider",{"id":389,"title":390,"slug":391},{"id":484,"title":485,"slug":486},{"id":77,"title":78,"slug":79},{"id":356,"title":357,"slug":358},{"id":85,"title":86,"slug":87},{"slug":539,"title":540,"logo":541,"baseline":542,"categories":543},"jimo","Jimo","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fjimo-bc34493a.png","Onboard users smarter, scale faster. ",[544,545,549],{"id":99,"title":100,"slug":101},{"id":546,"title":547,"slug":548},69,"Surveys","surveys",{"id":334,"title":335,"slug":336},[],[552,554,556,558,560,562,564,566,568,570,572,575,578,581,584,587,590,593,596,599,602,605],{"label":51,"to":553,"count":466},"\u002Fexamples\u002Fscreens\u002Faccount-settings",{"label":153,"to":555,"count":466},"\u002Fexamples\u002Fscreens\u002Fedit",{"label":463,"to":557,"count":71},"\u002Fexamples\u002Fscreens\u002Fform",{"label":60,"to":559,"count":71},"\u002Fexamples\u002Fscreens\u002Fprofile",{"label":122,"to":561,"count":71},"\u002Fexamples\u002Fscreens\u002Fsettings",{"label":479,"to":563,"count":62},"\u002Fexamples\u002Fscreens\u002Fdesign-editor",{"label":516,"to":565,"count":62},"\u002Fexamples\u002Fscreens\u002Fdrag-and-drop",{"label":471,"to":567,"count":62},"\u002Fexamples\u002Fscreens\u002Fmedia-editor",{"label":521,"to":569,"count":62},"\u002Fexamples\u002Fscreens\u002Fpublish",{"label":69,"to":571,"count":62},"\u002Fexamples\u002Fscreens\u002Fverification",{"label":573,"to":574},"Beside design examples","\u002Fexamples\u002Fapps\u002Fbeside",{"label":576,"to":577},"Mixpanel design examples","\u002Fexamples\u002Fapps\u002Fmixpanel",{"label":579,"to":580},"Lightfield design examples","\u002Fexamples\u002Fapps\u002Flightfield",{"label":582,"to":583},"Cache design examples","\u002Fexamples\u002Fapps\u002Fcache",{"label":585,"to":586},"Huly design examples","\u002Fexamples\u002Fapps\u002Fhuly",{"label":588,"to":589},"Reflect design examples","\u002Fexamples\u002Fapps\u002Freflect",{"label":591,"to":592},"Replit design examples","\u002Fexamples\u002Fapps\u002Freplit",{"label":594,"to":595},"Flodesk design examples","\u002Fexamples\u002Fapps\u002Fflodesk",{"label":597,"to":598},"Podia design examples","\u002Fexamples\u002Fapps\u002Fpodia",{"label":600,"to":601},"Rayon design examples","\u002Fexamples\u002Fapps\u002Frayon",{"label":603,"to":604},"Kajabi design examples","\u002Fexamples\u002Fapps\u002Fkajabi",{"label":606,"to":607},"Jimo design examples","\u002Fexamples\u002Fapps\u002Fjimo",{"published_at":609,"updated_at":610},"2025-01-02T17:04:04.000Z","2026-09-17T10:44:16.000Z"]