[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Ftags\u002Fdata-mapping":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":504,"links":505,"dates":566},"\u002Fexamples\u002Ftags\u002Fdata-mapping","collection","screens",true,{"example_count":9,"app_count":10},343,63,{"id":12,"title":13,"description":14},10742,"Data mapping","",{"title":16,"description":17,"og_image":18},"Data mapping screen examples - Nicelydone","Data mapping screen design examples from SaaS apps. Browse examples from Extend, Mailchimp, Bird.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F19728b85-2060-489f-b2cc-ff05d27b6927.png",[20,23,26],{"label":21,"to":22},"Examples","\u002Fexamples",{"label":24,"to":25},"tags","\u002Fexamples\u002Ftags",{"label":27,"to":4},"Data mapping screen examples",{"title":27,"eyebrow":29,"description":17,"sections":30,"body":31},"Tag category",[],[32],"343 screens",[34,120,168,211,246,279,310,340,389,411,434,460],{"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":69,"app":98},"19728b85-2060-489f-b2cc-ff05d27b6927","Edit Playground | extend","Studio editor where the user configures a JSON schema to extract specific fields like names and dates from a tax document.","\u002Fexamples\u002Fapps\u002Fextend\u002Fscreens",3024,1758,"Edit Playground | extend from Extend","2026-08-17T12:39:21.000Z","screen",[45,54,63],{"id":46,"label":47,"slug":48,"rank":49,"group":50},29,"AI Editing","ai-editing",0,{"id":51,"label":52,"slug":53},3,"AI","ai",{"id":55,"label":56,"slug":57,"rank":58,"group":59},42,"Form","form",1,{"id":60,"label":61,"slug":62},4,"Data & Analysis","data-and-analysis",{"id":64,"label":65,"slug":66,"rank":67,"group":68},30,"AI Generation","ai-generation",2,{"id":51,"label":52,"slug":53},[70,74,78,82,86,90,94],{"id":71,"title":72,"slug":73},277,"Button group","button-group",{"id":75,"title":76,"slug":77},211,"Pagination","pagination",{"id":79,"title":80,"slug":81},177,"Breadcrumb","breadcrumb",{"id":83,"title":84,"slug":85},260,"Badge","badge",{"id":87,"title":88,"slug":89},233,"Tabs","tabs",{"id":91,"title":92,"slug":93},174,"Card","card",{"id":95,"title":96,"slug":97},175,"Button","button",{"slug":99,"title":100,"logo":101,"baseline":102,"categories":103},"extend","Extend","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F15f6030e-2d0f-4381-9480-44902ed125e2.png","Document processing infrastructure for AI agents",[104,108,112,116],{"id":105,"title":106,"slug":107},77,"Machine learning","machine-learning",{"id":109,"title":110,"slug":111},80,"Artificial Intelligence","artificial-intelligence",{"id":113,"title":114,"slug":115},37,"Developer APIs","developer-apis",{"id":117,"title":118,"slug":119},48,"Developer Tools","developer-tools",{"uuid":121,"title":122,"description":123,"canonical_path":124,"image":125,"width":126,"height":127,"image_alt":128,"published_at":129,"kind":43,"patterns":130,"component_categories":143,"app":150},"8d997833-5781-4d94-a969-7eeb7b14b30c","List Import | Mailchimp","Import wizard step where the user maps columns from their uploaded file to Mailchimp's internal field names.","\u002Fexamples\u002Fapps\u002Fmailchimp\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F8d997833-5781-4d94-a969-7eeb7b14b30c.png",2880,1670,"List Import | Mailchimp from Mailchimp","2026-04-29T12:25:29.000Z",[131,138],{"id":132,"label":133,"slug":134,"rank":49,"group":135},15,"Import & Export","import-and-export",{"id":67,"label":136,"slug":137},"Actions","actions",{"id":139,"label":140,"slug":141,"rank":58,"group":142},47,"Table","table",{"id":60,"label":61,"slug":62},[144,148,149],{"id":145,"title":146,"slug":147},227,"Stepper","stepper",{"id":91,"title":92,"slug":93},{"id":95,"title":96,"slug":97},{"slug":151,"title":152,"logo":153,"baseline":154,"categories":155},"mailchimp","Mailchimp","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fmailchimp-bd8e0c89.png","All-in-one marketing platform for small business",[156,160,164],{"id":157,"title":158,"slug":159},25,"Marketing","marketing",{"id":161,"title":162,"slug":163},27,"Email Newsletters","email-newsletters",{"id":165,"title":166,"slug":167},68,"SMS","sms",{"uuid":169,"title":170,"description":171,"canonical_path":172,"image":173,"width":39,"height":174,"image_alt":175,"published_at":176,"kind":43,"patterns":177,"component_categories":185,"app":194},"0754dd9b-d2c2-470f-8070-0affe1fff8de","Form Settings | Bird","Form builder where the user configures a hidden field in a modal to capture URL parameters and map them to contact attributes.","\u002Fexamples\u002Fapps\u002Fbird\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F0754dd9b-d2c2-470f-8070-0affe1fff8de.png",1780,"Form Settings | Bird from Bird","2026-03-30T13:53:59.000Z",[178,180],{"id":55,"label":56,"slug":57,"rank":49,"group":179},{"id":60,"label":61,"slug":62},{"id":181,"label":182,"slug":183,"rank":58,"group":184},11,"Edit","edit",{"id":67,"label":136,"slug":137},[186,187,191,192,193],{"id":79,"title":80,"slug":81},{"id":188,"title":189,"slug":190},284,"Modal","modal",{"id":87,"title":88,"slug":89},{"id":91,"title":92,"slug":93},{"id":95,"title":96,"slug":97},{"slug":195,"title":196,"logo":197,"baseline":198,"categories":199},"bird","Bird","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F438a1831-3604-472d-a383-2892bbd37a63.png","Unified CRM for Marketing, Service & Payments",[200,201,202,206,207],{"id":157,"title":158,"slug":159},{"id":113,"title":114,"slug":115},{"id":203,"title":204,"slug":205},53,"CRM","crm",{"id":165,"title":166,"slug":167},{"id":208,"title":209,"slug":210},92,"Email","email",{"uuid":212,"title":213,"description":214,"canonical_path":215,"image":216,"width":39,"height":174,"image_alt":217,"published_at":218,"kind":43,"patterns":219,"component_categories":222,"app":224},"9f8bb3a7-71f4-45a4-bcd0-ee86834354ec","Contacts – Dovetail","Import wizard step where the user maps CSV columns to existing fields like Name, Email, and Role, and configures duplicate handling.","\u002Fexamples\u002Fapps\u002Fdovetail\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F9f8bb3a7-71f4-45a4-bcd0-ee86834354ec.png","Contacts – Dovetail from Dovetail","2026-03-02T20:51:47.000Z",[220],{"id":132,"label":133,"slug":134,"rank":49,"group":221},{"id":67,"label":136,"slug":137},[223],{"id":95,"title":96,"slug":97},{"slug":225,"title":226,"logo":227,"baseline":228,"categories":229},"dovetail","Dovetail","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F6b47c81d-b89f-43c4-9087-0c1e1df518d7.png","Helps you with the key steps of UX research",[230,234,238,242],{"id":231,"title":232,"slug":233},8,"Design","design",{"id":235,"title":236,"slug":237},22,"Knowledge Management","knowledge-management",{"id":239,"title":240,"slug":241},35,"Feedback","feedback",{"id":243,"title":244,"slug":245},104,"User Research","user-research",{"uuid":247,"title":248,"description":249,"canonical_path":250,"image":251,"width":39,"height":174,"image_alt":252,"published_at":253,"kind":43,"patterns":254,"component_categories":262,"app":269},"d4ac228c-2f7b-4776-9786-984b65f18a57","Mixpanel - Product Analytics","List view of events where the user is creating a lookup table mapping by selecting an existing table or importing a CSV to map to a specific property.","\u002Fexamples\u002Fapps\u002Fmixpanel\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd4ac228c-2f7b-4776-9786-984b65f18a57.png","Mixpanel - Product Analytics from Mixpanel","2026-02-02T12:53:35.000Z",[255,260],{"id":256,"label":257,"slug":258,"rank":49,"group":259},7,"Add & Create","add-and-create",{"id":67,"label":136,"slug":137},{"id":55,"label":56,"slug":57,"rank":58,"group":261},{"id":60,"label":61,"slug":62},[263,267,268],{"id":264,"title":265,"slug":266},168,"Accordion","accordion",{"id":188,"title":189,"slug":190},{"id":95,"title":96,"slug":97},{"slug":270,"title":271,"logo":272,"baseline":273,"categories":274},"mixpanel","Mixpanel","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F6591e7aa-86c8-4da2-8c52-c70f46a86bbb.png","Product analytics for mobile, web, & more",[275],{"id":276,"title":277,"slug":278},46,"Analytics","analytics",{"uuid":280,"title":281,"description":282,"canonical_path":283,"image":284,"width":39,"height":174,"image_alt":285,"published_at":286,"kind":43,"patterns":287,"component_categories":298,"app":303},"2809eb5d-eef9-4b49-9a90-8fc25161f22e","Lightfield","List view with a large modal where the user reviews and finalizes a contact data import before committing it to the CRM.","\u002Fexamples\u002Fapps\u002Flightfield\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F2809eb5d-eef9-4b49-9a90-8fc25161f22e.png","Lightfield from Lightfield","2026-01-26T12:34:24.000Z",[288,290],{"id":132,"label":133,"slug":134,"rank":49,"group":289},{"id":67,"label":136,"slug":137},{"id":291,"label":292,"slug":293,"rank":58,"group":294},114,"Confirmation","confirmation",{"id":295,"label":296,"slug":297},12,"States & Feedback","states-and-feedback",[299,300,301,302],{"id":83,"title":84,"slug":85},{"id":188,"title":189,"slug":190},{"id":87,"title":88,"slug":89},{"id":95,"title":96,"slug":97},{"slug":304,"title":281,"logo":305,"baseline":306,"categories":307},"lightfield","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F3428fd96-b66c-4c23-a060-55858d095f59.png","A new kind of CRM",[308,309],{"id":203,"title":204,"slug":205},{"id":109,"title":110,"slug":111},{"uuid":311,"title":312,"description":313,"canonical_path":314,"image":315,"width":39,"height":174,"image_alt":316,"published_at":317,"kind":43,"patterns":318,"component_categories":323,"app":331},"93f0ad04-5b5a-4d87-885f-dd07c9b6fa4f","Okta","Data table view where the user maps CSV headers to table columns inside a modal to import data.","\u002Fexamples\u002Fapps\u002Fokta\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F93f0ad04-5b5a-4d87-885f-dd07c9b6fa4f.png","Okta from Okta","2026-01-12T12:46:04.000Z",[319,321],{"id":132,"label":133,"slug":134,"rank":49,"group":320},{"id":67,"label":136,"slug":137},{"id":139,"label":140,"slug":141,"rank":58,"group":322},{"id":60,"label":61,"slug":62},[324,328,329,330],{"id":325,"title":326,"slug":327},240,"Horizontal navigation","horizontal-navigation",{"id":79,"title":80,"slug":81},{"id":188,"title":189,"slug":190},{"id":95,"title":96,"slug":97},{"slug":332,"title":312,"logo":333,"baseline":334,"categories":335},"okta","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F4b1bf01b-b820-45d6-ba12-24034194be29.png","Secure Identity for Employees, Customers, and AI",[336],{"id":337,"title":338,"slug":339},78,"Security","security",{"uuid":341,"title":342,"description":343,"canonical_path":344,"image":345,"width":39,"height":174,"image_alt":346,"published_at":347,"kind":43,"patterns":348,"component_categories":366,"app":373},"4038acba-8abe-4276-b866-00f313c9199f","Typeform - Contacts","Modal where the user maps form questions like email and phone number to contact properties to keep profiles updated.","\u002Fexamples\u002Fapps\u002Ftypeform\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F4038acba-8abe-4276-b866-00f313c9199f.png","Typeform - Contacts from Typeform","2025-12-08T14:20:46.000Z",[349,351,358],{"id":181,"label":182,"slug":183,"rank":49,"group":350},{"id":67,"label":136,"slug":137},{"id":352,"label":353,"slug":354,"rank":58,"group":355},75,"Setup Wizard","setup-wizard",{"id":256,"label":356,"slug":357},"Onboarding & Education","onboarding-and-education",{"id":359,"label":360,"slug":361,"rank":67,"group":362},94,"Account Settings","account-settings",{"id":363,"label":364,"slug":365},10,"Settings & Admin","settings-and-admin",[367,368,369,370,371,372],{"id":325,"title":326,"slug":327},{"id":145,"title":146,"slug":147},{"id":83,"title":84,"slug":85},{"id":188,"title":189,"slug":190},{"id":87,"title":88,"slug":89},{"id":95,"title":96,"slug":97},{"slug":374,"title":375,"logo":376,"baseline":377,"categories":378},"typeform","Typeform","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Ftypeform-20f4caed.png","Free & beautifully human online forms",[379,383,384,388],{"id":380,"title":381,"slug":382},69,"Surveys","surveys",{"id":157,"title":158,"slug":159},{"id":385,"title":386,"slug":387},96,"No code","no-code",{"id":243,"title":244,"slug":245},{"uuid":390,"title":391,"description":392,"canonical_path":393,"image":394,"width":39,"height":174,"image_alt":395,"published_at":396,"kind":43,"patterns":397,"component_categories":400,"app":403},"931196bd-fb72-41ee-b282-07f8db219aa5","Companies | All Companies - Attio","Import flow step where the user maps CSV file columns to company attributes and previews the incoming data.","\u002Fexamples\u002Fapps\u002Fattio\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F931196bd-fb72-41ee-b282-07f8db219aa5.png","Companies | All Companies - Attio from Attio","2025-11-17T19:51:50.000Z",[398],{"id":132,"label":133,"slug":134,"rank":49,"group":399},{"id":67,"label":136,"slug":137},[401,402],{"id":145,"title":146,"slug":147},{"id":91,"title":92,"slug":93},{"slug":404,"title":405,"logo":406,"baseline":407,"categories":408},"attio","Attio","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fattio-nqag2fca.png","Customer relationship magic",[409,410],{"id":203,"title":204,"slug":205},{"id":109,"title":110,"slug":111},{"uuid":412,"title":413,"description":414,"canonical_path":415,"image":416,"width":39,"height":174,"image_alt":417,"published_at":418,"kind":43,"patterns":419,"component_categories":422,"app":425},"715425bc-f28f-441f-8a3e-ae9327b55eae","Import Contacts","Import flow step where the user maps CSV columns to their corresponding audience fields.","\u002Fexamples\u002Fapps\u002Floops\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F715425bc-f28f-441f-8a3e-ae9327b55eae.png","Import Contacts from Loops","2025-10-27T15:44:02.000Z",[420],{"id":132,"label":133,"slug":134,"rank":49,"group":421},{"id":67,"label":136,"slug":137},[423,424],{"id":91,"title":92,"slug":93},{"id":95,"title":96,"slug":97},{"slug":426,"title":427,"logo":428,"baseline":429,"categories":430},"loops","Loops","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Floops-4f4bed58.png","The email platform for modern SaaS",[431,432,433],{"id":208,"title":209,"slug":210},{"id":161,"title":162,"slug":163},{"id":157,"title":158,"slug":159},{"uuid":435,"title":436,"description":437,"canonical_path":438,"image":439,"width":39,"height":174,"image_alt":440,"published_at":441,"kind":43,"patterns":442,"component_categories":445,"app":447},"35c8ed43-1460-4b6c-85aa-6e196ef8281d","Cake.","Full-screen import view where the user maps CSV columns to corresponding data types for noteholders before validating and importing.","\u002Fexamples\u002Fapps\u002Fcake\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F35c8ed43-1460-4b6c-85aa-6e196ef8281d.png","Cake. from Cake","2025-10-20T12:38:07.000Z",[443],{"id":132,"label":133,"slug":134,"rank":49,"group":444},{"id":67,"label":136,"slug":137},[446],{"id":95,"title":96,"slug":97},{"slug":448,"title":449,"logo":450,"baseline":451,"categories":452},"cake","Cake","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fcake-equity-ml6m26id.png","The intuitive equity platform for fast-growing startups",[453,457],{"id":454,"title":455,"slug":456},36,"Finance","finance",{"id":10,"title":458,"slug":459},"Startups","startups",{"uuid":461,"title":462,"description":463,"canonical_path":464,"image":465,"width":39,"height":174,"image_alt":466,"published_at":467,"kind":43,"patterns":468,"component_categories":485,"app":491},"6778264f-43c4-42a5-8cc1-c0284d1028fd","Firecrawl - The Web Data API for AI","App playground where the user inputs a URL to start mapping a website and views a history of recent scrape, search, and map runs.","\u002Fexamples\u002Fapps\u002Ffirecrawl\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F6778264f-43c4-42a5-8cc1-c0284d1028fd.png","Firecrawl - The Web Data API for AI from Firecrawl","2025-10-13T15:36:43.000Z",[469,473,478,480],{"id":161,"label":470,"slug":471,"rank":49,"group":472},"AI Assistant","ai-assistant",{"id":51,"label":52,"slug":53},{"id":474,"label":475,"slug":476,"rank":58,"group":477},41,"Dashboard","dashboard",{"id":60,"label":61,"slug":62},{"id":64,"label":65,"slug":66,"rank":67,"group":479},{"id":51,"label":52,"slug":53},{"id":481,"label":482,"slug":483,"rank":51,"group":484},28,"AI Chat","ai-chat",{"id":51,"label":52,"slug":53},[486,487,488,489,490],{"id":325,"title":326,"slug":327},{"id":83,"title":84,"slug":85},{"id":87,"title":88,"slug":89},{"id":91,"title":92,"slug":93},{"id":95,"title":96,"slug":97},{"slug":492,"title":493,"logo":494,"baseline":495,"categories":496},"firecrawl","Firecrawl","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Ffirecrawl-5r4fbfp0.png","Turn websites into LLM-ready data",[497,498,499,503],{"id":109,"title":110,"slug":111},{"id":113,"title":114,"slug":115},{"id":500,"title":501,"slug":502},45,"Open Source","open-source",{"id":117,"title":118,"slug":119},[],[506,508,510,512,514,516,518,520,522,524,526,528,530,533,536,539,542,545,548,551,554,557,560,563],{"label":133,"to":507,"count":256},"\u002Fexamples\u002Fscreens\u002Fimport-and-export",{"label":56,"to":509,"count":51},"\u002Fexamples\u002Fscreens\u002Fform",{"label":65,"to":511,"count":67},"\u002Fexamples\u002Fscreens\u002Fai-generation",{"label":182,"to":513,"count":67},"\u002Fexamples\u002Fscreens\u002Fedit",{"label":140,"to":515,"count":67},"\u002Fexamples\u002Fscreens\u002Ftable",{"label":360,"to":517,"count":58},"\u002Fexamples\u002Fscreens\u002Faccount-settings",{"label":257,"to":519,"count":58},"\u002Fexamples\u002Fscreens\u002Fadd-and-create",{"label":470,"to":521,"count":58},"\u002Fexamples\u002Fscreens\u002Fai-assistant",{"label":482,"to":523,"count":58},"\u002Fexamples\u002Fscreens\u002Fai-chat",{"label":47,"to":525,"count":58},"\u002Fexamples\u002Fscreens\u002Fai-editing",{"label":292,"to":527,"count":58},"\u002Fexamples\u002Fscreens\u002Fconfirmation",{"label":475,"to":529,"count":58},"\u002Fexamples\u002Fscreens\u002Fdashboard",{"label":531,"to":532},"Extend design examples","\u002Fexamples\u002Fapps\u002Fextend",{"label":534,"to":535},"Mailchimp design examples","\u002Fexamples\u002Fapps\u002Fmailchimp",{"label":537,"to":538},"Bird design examples","\u002Fexamples\u002Fapps\u002Fbird",{"label":540,"to":541},"Dovetail design examples","\u002Fexamples\u002Fapps\u002Fdovetail",{"label":543,"to":544},"Mixpanel design examples","\u002Fexamples\u002Fapps\u002Fmixpanel",{"label":546,"to":547},"Lightfield design examples","\u002Fexamples\u002Fapps\u002Flightfield",{"label":549,"to":550},"Okta design examples","\u002Fexamples\u002Fapps\u002Fokta",{"label":552,"to":553},"Typeform design examples","\u002Fexamples\u002Fapps\u002Ftypeform",{"label":555,"to":556},"Attio design examples","\u002Fexamples\u002Fapps\u002Fattio",{"label":558,"to":559},"Loops design examples","\u002Fexamples\u002Fapps\u002Floops",{"label":561,"to":562},"Cake design examples","\u002Fexamples\u002Fapps\u002Fcake",{"label":564,"to":565},"Firecrawl design examples","\u002Fexamples\u002Fapps\u002Ffirecrawl",{"published_at":567,"updated_at":568},"2024-12-12T21:05:06.000Z","2026-09-05T20:20:07.866Z"]