[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Ftags\u002Forder-tracking":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":536,"links":537,"dates":598},"\u002Fexamples\u002Ftags\u002Forder-tracking","collection","screens",true,{"example_count":9,"app_count":10},1022,190,{"id":12,"title":13,"description":14},20644,"Order tracking","",{"title":16,"description":17,"og_image":18},"Order tracking screen examples - Nicelydone","Order tracking screen design examples from SaaS apps. Browse examples from Polar, Evervault, Record club.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F8d4ada9f-bd30-4425-9062-f54d21300fcb.png",[20,23,26],{"label":21,"to":22},"Examples","\u002Fexamples",{"label":24,"to":25},"tags","\u002Fexamples\u002Ftags",{"label":27,"to":4},"Order tracking screen examples",{"title":27,"eyebrow":29,"description":17,"sections":30,"body":31},"Tag category",[],[32],"1022 screens",[34,99,151,192,232,276,324,352,390,425,465,510],{"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":68,"app":77},"8d4ada9f-bd30-4425-9062-f54d21300fcb","Nicelydone | Polar","Dashboard displaying order metrics with a primary line chart and secondary split charts for one-time products and revenue, filterable by date range and product.","\u002Fexamples\u002Fapps\u002Fpolar\u002Fscreens",3024,1758,"Nicelydone | Polar from Polar","2026-09-21T19:01:38.000Z","screen",[45,54,60],{"id":46,"label":47,"slug":48,"rank":49,"group":50},41,"Dashboard","dashboard",0,{"id":51,"label":52,"slug":53},4,"Data & Analysis","data-and-analysis",{"id":55,"label":56,"slug":57,"rank":58,"group":59},40,"Charts","charts",1,{"id":51,"label":52,"slug":53},{"id":61,"label":62,"slug":63,"rank":64,"group":65},13,"Filter & Sort","filter-and-sort",2,{"id":64,"label":66,"slug":67},"Actions","actions",[69,73],{"id":70,"title":71,"slug":72},174,"Card","card",{"id":74,"title":75,"slug":76},175,"Button","button",{"slug":78,"title":79,"logo":80,"baseline":81,"categories":82},"polar","Polar","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fpolar-3d0012c1.png","Sell SaaS and digital products in minutes",[83,87,91,95],{"id":84,"title":85,"slug":86},36,"Finance","finance",{"id":88,"title":89,"slug":90},39,"Payments","payments",{"id":92,"title":93,"slug":94},48,"Developer Tools","developer-tools",{"id":96,"title":97,"slug":98},37,"Developer APIs","developer-apis",{"uuid":100,"title":101,"description":102,"canonical_path":103,"image":104,"width":39,"height":105,"image_alt":106,"published_at":107,"kind":43,"patterns":108,"component_categories":121,"app":139},"12845b1c-1bfe-4e3f-b336-c61fd93e5850","Evervault","Logs view where the user searches and filters system requests alongside a time-series volume chart.","\u002Fexamples\u002Fapps\u002Fevervault\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F12845b1c-1bfe-4e3f-b336-c61fd93e5850.png",1780,"Evervault from Evervault","2025-04-29T08:32:29.000Z",[109,111,113,118],{"id":46,"label":47,"slug":48,"rank":49,"group":110},{"id":51,"label":52,"slug":53},{"id":61,"label":62,"slug":63,"rank":58,"group":112},{"id":64,"label":66,"slug":67},{"id":114,"label":115,"slug":116,"rank":64,"group":117},47,"Table","table",{"id":51,"label":52,"slug":53},{"id":55,"label":56,"slug":57,"rank":119,"group":120},3,{"id":51,"label":52,"slug":53},[122,126,130,134,138],{"id":123,"title":124,"slug":125},260,"Badge","badge",{"id":127,"title":128,"slug":129},233,"Tabs","tabs",{"id":131,"title":132,"slug":133},240,"Horizontal navigation","horizontal-navigation",{"id":135,"title":136,"slug":137},169,"Avatar","avatar",{"id":74,"title":75,"slug":76},{"slug":140,"title":101,"logo":141,"baseline":142,"categories":143},"evervault","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fevervault-uzcb9ksa.png","Security toolkit for developers",[144,145,146,147],{"id":92,"title":93,"slug":94},{"id":96,"title":97,"slug":98},{"id":88,"title":89,"slug":90},{"id":148,"title":149,"slug":150},78,"Security","security",{"uuid":152,"title":153,"description":154,"canonical_path":155,"image":156,"width":39,"height":157,"image_alt":158,"published_at":159,"kind":43,"patterns":160,"component_categories":169,"app":178},"aa2eb678-42f2-4801-b9e2-8a8e7579afb3","Settings – Record Club","Settings page where the user configures their preferred music streaming services and rotation queue behavior.","\u002Fexamples\u002Fapps\u002Frecord-club\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Faa2eb678-42f2-4801-b9e2-8a8e7579afb3.png",2544,"Settings – Record Club from Record club","2025-04-21T10:47:50.000Z",[161],{"id":162,"label":163,"slug":164,"rank":49,"group":165},94,"Account Settings","account-settings",{"id":166,"label":167,"slug":168},10,"Settings & Admin","settings-and-admin",[170,174,175,176,177],{"id":171,"title":172,"slug":173},177,"Breadcrumb","breadcrumb",{"id":127,"title":128,"slug":129},{"id":131,"title":132,"slug":133},{"id":135,"title":136,"slug":137},{"id":74,"title":75,"slug":76},{"slug":179,"title":180,"logo":181,"baseline":182,"categories":183},"record-club","Record club","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fdc3f1497-07c4-42cf-974d-960c02cbeaa9.png","A new fun way to discover and share music with friends",[184,188],{"id":185,"title":186,"slug":187},20,"Music","music",{"id":189,"title":190,"slug":191},14,"Social","social",{"uuid":193,"title":194,"description":195,"canonical_path":196,"image":197,"width":39,"height":198,"image_alt":199,"published_at":200,"kind":43,"patterns":201,"component_categories":214,"app":222},"1c9a55fa-c0f8-4a34-bfda-f22b50b03154","Multi-factor authentication devices | xAI Single-Sign On","Verification modal where the user enters a 6-digit one-time password from their authenticator app to authorize managing their multi-factor authentication devices.","\u002Fexamples\u002Fapps\u002Fgrok\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F1c9a55fa-c0f8-4a34-bfda-f22b50b03154.png",1714,"Multi-factor authentication devices | xAI Single-Sign On from Grok","2025-04-14T08:55:44.000Z",[202,207],{"id":203,"label":204,"slug":205,"rank":49,"group":206},98,"MFA","mfa",{"id":166,"label":167,"slug":168},{"id":208,"label":209,"slug":210,"rank":58,"group":211},6,"Verification","verification",{"id":58,"label":212,"slug":213},"Access & Account","access-and-account",[215,219,220,221],{"id":216,"title":217,"slug":218},284,"Modal","modal",{"id":131,"title":132,"slug":133},{"id":135,"title":136,"slug":137},{"id":74,"title":75,"slug":76},{"slug":223,"title":224,"logo":225,"baseline":226,"categories":227},"grok","Grok","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fgrok-hpyfsu57.png",null,[228],{"id":229,"title":230,"slug":231},80,"Artificial Intelligence","artificial-intelligence",{"uuid":233,"title":234,"description":235,"canonical_path":236,"image":237,"width":39,"height":238,"image_alt":239,"published_at":240,"kind":43,"patterns":241,"component_categories":257,"app":262},"8f1e96a1-4987-4563-a8d3-bfef1b8dc426","Shuttle – Your files. Your rules.","Payment success modal confirming an order completion with a prompt to continue, overlaid on a workspace file gallery.","\u002Fexamples\u002Fapps\u002Fshuttle\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F8f1e96a1-4987-4563-a8d3-bfef1b8dc426.png",1726,"Shuttle – Your files. Your rules. from Shuttle","2025-03-31T12:54:20.000Z",[242,250],{"id":243,"label":244,"slug":245,"rank":49,"group":246},122,"Success","success",{"id":247,"label":248,"slug":249},12,"States & Feedback","states-and-feedback",{"id":251,"label":252,"slug":253,"rank":58,"group":254},130,"Checkout","checkout",{"id":189,"label":255,"slug":256},"Payments & Checkout","payments-and-checkout",[258,259,260,261],{"id":216,"title":217,"slug":218},{"id":135,"title":136,"slug":137},{"id":70,"title":71,"slug":72},{"id":74,"title":75,"slug":76},{"slug":263,"title":264,"logo":265,"baseline":266,"categories":267},"shuttle","Shuttle","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fshuttle-1876ce5e.png","Manage and share your assets your way",[268,272],{"id":269,"title":270,"slug":271},71,"File sharing","file-sharing",{"id":273,"title":274,"slug":275},23,"Collaboration","collaboration",{"uuid":277,"title":278,"description":279,"canonical_path":280,"image":281,"width":39,"height":282,"image_alt":283,"published_at":284,"kind":43,"patterns":285,"component_categories":294,"app":309},"af6b1f69-606f-4669-b9a8-544291dda3fa","Bitly for Media | Entertainment  Streamline Your Digital Presence","Marketing use case page explaining how media and entertainment brands can use Bitly's URL shortener, QR codes, and link-in-bio features to engage fans and track performance.","\u002Fexamples\u002Fapps\u002Fbitly\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Faf6b1f69-606f-4669-b9a8-544291dda3fa.png",14830,"Bitly for Media | Entertainment  Streamline Your Digital Presence from Bitly","2025-03-31T12:38:36.000Z",[286],{"id":287,"label":288,"slug":289,"rank":49,"group":290},139,"Use Case Page","use-case-page",{"id":291,"label":292,"slug":293},15,"Marketing Page Types","marketing-page-types",[295,299,303,307,308],{"id":296,"title":297,"slug":298},232,"Testimonial","testimonial",{"id":300,"title":301,"slug":302},202,"Footer","footer",{"id":304,"title":305,"slug":306},258,"Header","header",{"id":70,"title":71,"slug":72},{"id":74,"title":75,"slug":76},{"slug":310,"title":311,"logo":312,"baseline":313,"categories":314},"bitly","Bitly","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fbitly-b2404792.png","Build stronger digital connections",[315,316,320],{"id":189,"title":190,"slug":191},{"id":317,"title":318,"slug":319},25,"Marketing","marketing",{"id":321,"title":322,"slug":323},46,"Analytics","analytics",{"uuid":325,"title":326,"description":327,"canonical_path":328,"image":329,"width":39,"height":330,"image_alt":331,"published_at":332,"kind":43,"patterns":333,"component_categories":339,"app":342},"0566a510-74e7-4836-8b51-7dbb77128d98","Lemni · Privacy","Legal page detailing the company's privacy statement, covering personal information collection, usage, disclosure, security, and EU and California privacy rights.","\u002Fexamples\u002Fapps\u002Flemni\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F0566a510-74e7-4836-8b51-7dbb77128d98.png",13416,"Lemni · Privacy from Lemni","2025-03-24T15:32:17.000Z",[334],{"id":335,"label":336,"slug":337,"rank":49,"group":338},185,"Privacy Policy","privacy-policy",{"id":291,"label":292,"slug":293},[340,341],{"id":304,"title":305,"slug":306},{"id":74,"title":75,"slug":76},{"slug":343,"title":344,"logo":345,"baseline":346,"categories":347},"lemni","Lemni","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Flemni-aebad401.png","Ai agents for all your customer interactions",[348,349],{"id":229,"title":230,"slug":231},{"id":114,"title":350,"slug":351},"Customer Service","customer-service",{"uuid":353,"title":354,"description":355,"canonical_path":356,"image":357,"width":39,"height":358,"image_alt":359,"published_at":360,"kind":43,"patterns":361,"component_categories":378,"app":383},"150aca7a-495e-4c96-88c0-95ab2490bce7","Monarch | Goals","Modal where the user reorders their financial goals by dragging and dropping them in a list.","\u002Fexamples\u002Fapps\u002Fmonarch\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F150aca7a-495e-4c96-88c0-95ab2490bce7.png",1778,"Monarch | Goals from Monarch","2025-03-17T14:09:52.000Z",[362,367,372,374],{"id":363,"label":364,"slug":365,"rank":49,"group":366},18,"Reorder","reorder",{"id":64,"label":66,"slug":67},{"id":368,"label":369,"slug":370,"rank":58,"group":371},11,"Edit","edit",{"id":64,"label":66,"slug":67},{"id":46,"label":47,"slug":48,"rank":64,"group":373},{"id":51,"label":52,"slug":53},{"id":166,"label":375,"slug":376,"rank":119,"group":377},"Drag & Drop","drag-and-drop",{"id":64,"label":66,"slug":67},[379,380,381,382],{"id":216,"title":217,"slug":218},{"id":131,"title":132,"slug":133},{"id":70,"title":71,"slug":72},{"id":74,"title":75,"slug":76},{"slug":384,"title":385,"logo":386,"baseline":387,"categories":388},"monarch","Monarch","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fmonarch-58e7e32a.png","The modern way to manage money",[389],{"id":84,"title":85,"slug":86},{"uuid":391,"title":392,"description":393,"canonical_path":394,"image":395,"width":39,"height":396,"image_alt":397,"published_at":398,"kind":43,"patterns":399,"component_categories":410,"app":417},"08f590d1-ab66-4156-b4fc-507cbc1009bf","Assembly","Settings page where the user configures their Slack integration, viewing connected workspaces and channels for notifications and updates.","\u002Fexamples\u002Fapps\u002Fmeet-assembly\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F08f590d1-ab66-4156-b4fc-507cbc1009bf.png",3476,"Assembly from Assembly","2025-03-17T13:29:41.000Z",[400,405],{"id":401,"label":402,"slug":403,"rank":49,"group":404},97,"Integrations","integrations",{"id":166,"label":167,"slug":168},{"id":406,"label":407,"slug":408,"rank":58,"group":409},99,"Notification Settings","notification-settings",{"id":166,"label":167,"slug":168},[411,415,416],{"id":412,"title":413,"slug":414},167,"Alert","alert",{"id":70,"title":71,"slug":72},{"id":74,"title":75,"slug":76},{"slug":418,"title":392,"logo":419,"baseline":420,"categories":421},"meet-assembly","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fassembly-s-8b4489ec.png","Manage your social content like magic",[422,423,424],{"id":189,"title":190,"slug":191},{"id":273,"title":274,"slug":275},{"id":317,"title":318,"slug":319},{"uuid":426,"title":427,"description":428,"canonical_path":429,"image":430,"width":39,"height":358,"image_alt":431,"published_at":432,"kind":43,"patterns":433,"component_categories":448,"app":454},"fbc43fbf-8541-4179-831e-87324f78e9cf","Leap AI | Automate any workflow with AI","Design editor where the user builds an AI image generation workflow by connecting prompt enhancement and generation nodes on a visual canvas.","\u002Fexamples\u002Fapps\u002Fleap\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ffbc43fbf-8541-4179-831e-87324f78e9cf.png","Leap AI | Automate any workflow with AI from Leap","2025-03-10T14:11:55.000Z",[434,441],{"id":435,"label":436,"slug":437,"rank":49,"group":438},29,"AI Editing","ai-editing",{"id":119,"label":439,"slug":440},"AI","ai",{"id":442,"label":443,"slug":444,"rank":58,"group":445},129,"Workflow Builder","workflow-builder",{"id":61,"label":446,"slug":447},"Workflow & Automation","workflow-and-automation",[449,453],{"id":450,"title":451,"slug":452},277,"Button group","button-group",{"id":74,"title":75,"slug":76},{"slug":455,"title":456,"logo":457,"baseline":458,"categories":459},"leap","Leap","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fleap-60d851ac.png","Automate any workflow with AI",[460,461],{"id":229,"title":230,"slug":231},{"id":462,"title":463,"slug":464},30,"Productivity","productivity",{"uuid":466,"title":467,"description":468,"canonical_path":469,"image":470,"width":39,"height":358,"image_alt":471,"published_at":472,"kind":43,"patterns":473,"component_categories":488,"app":494},"3f923f9a-56b6-45bb-b3ac-c155ed6d7e1c","Front (2)","Inbox view where a user reads a resolved customer support thread about a package update and can add internal comments or reply to the customer.","\u002Fexamples\u002Fapps\u002Ffront\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F3f923f9a-56b6-45bb-b3ac-c155ed6d7e1c.png","Front (2) from Front","2025-03-03T14:56:15.000Z",[474,481,486],{"id":475,"label":476,"slug":477,"rank":49,"group":478},109,"Messages","messages",{"id":368,"label":479,"slug":480},"Social & Collaboration","social-and-collaboration",{"id":482,"label":483,"slug":484,"rank":58,"group":485},106,"Comments","comments",{"id":368,"label":479,"slug":480},{"id":61,"label":62,"slug":63,"rank":64,"group":487},{"id":64,"label":66,"slug":67},[489,490,491,492,493],{"id":127,"title":128,"slug":129},{"id":123,"title":124,"slug":125},{"id":131,"title":132,"slug":133},{"id":135,"title":136,"slug":137},{"id":74,"title":75,"slug":76},{"slug":495,"title":496,"logo":497,"baseline":498,"categories":499},"front","Front","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Ffront-f25c6b6e.png","Email redesigned for teams",[500,501,502,506],{"id":273,"title":274,"slug":275},{"id":114,"title":350,"slug":351},{"id":503,"title":504,"slug":505},82,"Communication","communication",{"id":507,"title":508,"slug":509},92,"Email","email",{"uuid":511,"title":512,"description":513,"canonical_path":514,"image":515,"width":39,"height":516,"image_alt":517,"published_at":518,"kind":43,"patterns":519,"component_categories":524,"app":529},"1ce4656f-9484-4cd6-8072-c3398493f653","WeTransfer Ideas Report 2022","Landing page for an annual ideas report asking users what they are willing to sacrifice for their dream job, presenting options like autonomy and money as large pill-shaped buttons.","\u002Fexamples\u002Fapps\u002Fwetransfer\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F1ce4656f-9484-4cd6-8072-c3398493f653.png",2166,"WeTransfer Ideas Report 2022 from WeTransfer","2025-02-24T16:12:09.000Z",[520],{"id":148,"label":521,"slug":522,"rank":49,"group":523},"Article","article",{"id":291,"label":292,"slug":293},[525,526,527,528],{"id":300,"title":301,"slug":302},{"id":304,"title":305,"slug":306},{"id":123,"title":124,"slug":125},{"id":74,"title":75,"slug":76},{"slug":530,"title":531,"logo":532,"baseline":533,"categories":534},"wetransfer","WeTransfer","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fwetransfer-3e886b18.png","The simplest way to send your files around the world.",[535],{"id":269,"title":270,"slug":271},[],[538,540,542,544,546,548,550,552,554,556,558,560,562,565,568,571,574,577,580,583,586,589,592,595],{"label":47,"to":539,"count":119},"\u002Fexamples\u002Fscreens\u002Fdashboard",{"label":62,"to":541,"count":119},"\u002Fexamples\u002Fscreens\u002Ffilter-and-sort",{"label":56,"to":543,"count":64},"\u002Fexamples\u002Fscreens\u002Fcharts",{"label":163,"to":545,"count":58},"\u002Fexamples\u002Fscreens\u002Faccount-settings",{"label":436,"to":547,"count":58},"\u002Fexamples\u002Fscreens\u002Fai-editing",{"label":252,"to":549,"count":58},"\u002Fexamples\u002Fscreens\u002Fcheckout",{"label":483,"to":551,"count":58},"\u002Fexamples\u002Fscreens\u002Fcomments",{"label":375,"to":553,"count":58},"\u002Fexamples\u002Fscreens\u002Fdrag-and-drop",{"label":369,"to":555,"count":58},"\u002Fexamples\u002Fscreens\u002Fedit",{"label":402,"to":557,"count":58},"\u002Fexamples\u002Fscreens\u002Fintegrations",{"label":476,"to":559,"count":58},"\u002Fexamples\u002Fscreens\u002Fmessages",{"label":204,"to":561,"count":58},"\u002Fexamples\u002Fscreens\u002Fmfa",{"label":563,"to":564},"Polar design examples","\u002Fexamples\u002Fapps\u002Fpolar",{"label":566,"to":567},"Evervault design examples","\u002Fexamples\u002Fapps\u002Fevervault",{"label":569,"to":570},"Record club design examples","\u002Fexamples\u002Fapps\u002Frecord-club",{"label":572,"to":573},"Grok design examples","\u002Fexamples\u002Fapps\u002Fgrok",{"label":575,"to":576},"Shuttle design examples","\u002Fexamples\u002Fapps\u002Fshuttle",{"label":578,"to":579},"Bitly design examples","\u002Fexamples\u002Fapps\u002Fbitly",{"label":581,"to":582},"Lemni design examples","\u002Fexamples\u002Fapps\u002Flemni",{"label":584,"to":585},"Monarch design examples","\u002Fexamples\u002Fapps\u002Fmonarch",{"label":587,"to":588},"Assembly design examples","\u002Fexamples\u002Fapps\u002Fmeet-assembly",{"label":590,"to":591},"Leap design examples","\u002Fexamples\u002Fapps\u002Fleap",{"label":593,"to":594},"Front design examples","\u002Fexamples\u002Fapps\u002Ffront",{"label":596,"to":597},"WeTransfer design examples","\u002Fexamples\u002Fapps\u002Fwetransfer",{"published_at":599,"updated_at":42},"2024-12-15T05:09:10.000Z"]