[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fpages\u002Fhistory":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":546,"links":547,"dates":586},"\u002Fexamples\u002Fpages\u002Fhistory","collection","pages",true,{"example_count":9,"app_count":10},553,130,{"id":12,"title":13,"description":14},129,"History","History page design in SaaS, sometimes called 'Activity Log' or 'Audit Trail,' provides users with a record of past actions within the application. Browse examples of History pages design from the best SaaS apps to see how leading companies build trust and transparency by showing users their data history and system changes.",{"title":16,"description":17,"og_image":18},"History page examples - Nicelydone","History page design examples from SaaS websites. History page design in SaaS, sometimes called 'Activity Log' or 'Audit Trail,' provides users with a record…","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ff7735ae3-464c-4625-bbb2-23acb7d391cf.png",[20,23,26],{"label":21,"to":22},"Examples","\u002Fexamples",{"label":24,"to":25},"SaaS marketing page examples","\u002Fexamples\u002Fpages",{"label":27,"to":4},"History page examples",{"title":27,"eyebrow":29,"description":30,"sections":31,"body":35},"UI category","History page design examples from SaaS websites. History page design in SaaS, sometimes called 'Activity Log' or 'Audit Trail,' provides users with a record of past actions within the application. Browse…",[32],{"title":33,"description":14,"links":34},"About History",[],[36],"553 marketing pages",[38,101,158,209,259,294,328,364,399,433,471,505],{"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":67,"app":80},"f7735ae3-464c-4625-bbb2-23acb7d391cf","Recently viewed - Airbnb","Empty list view where the user is prompted to start exploring because they have no recently viewed homes.","\u002Fexamples\u002Fapps\u002Fairbnb\u002Fscreens",3024,1758,"Recently viewed - Airbnb from Airbnb","2026-09-07T10:47:21.000Z","screen",[49,58],{"id":50,"label":51,"slug":52,"rank":53,"group":54},115,"Empty State","empty-state",0,{"id":55,"label":56,"slug":57},12,"States & Feedback","states-and-feedback",{"id":59,"label":60,"slug":61,"rank":62,"group":63},79,"Browse","browse",1,{"id":64,"label":65,"slug":66},8,"Pages & Content","pages-and-content",[68,72,76],{"id":69,"title":70,"slug":71},240,"Horizontal navigation","horizontal-navigation",{"id":73,"title":74,"slug":75},169,"Avatar","avatar",{"id":77,"title":78,"slug":79},175,"Button","button",{"slug":81,"title":82,"logo":83,"baseline":84,"categories":85},"airbnb","Airbnb","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fairbnb-2b8cc5d2.png","Book unique homes and experience a city like a local",[86,90,93,97],{"id":87,"title":88,"slug":89},5,"Travel","travel",{"id":55,"title":91,"slug":92},"Hospitality","hospitality",{"id":94,"title":95,"slug":96},17,"Peer to peer","peer-to-peer",{"id":98,"title":99,"slug":100},18,"Marketplace","marketplace",{"uuid":102,"title":103,"description":104,"canonical_path":105,"image":106,"width":43,"height":44,"image_alt":107,"published_at":108,"kind":47,"patterns":109,"component_categories":132,"app":136},"c3d2667a-f8ac-4a5d-9acc-c9f4d28507f1","Observability | inference.net","Detail drawer displaying the properties, timing, token usage, and cost metrics for a specific AI inference request.","\u002Fexamples\u002Fapps\u002Finference\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fc3d2667a-f8ac-4a5d-9acc-c9f4d28507f1.png","Observability | inference.net from Inference","2026-09-07T10:14:44.000Z",[110,118,126],{"id":111,"label":112,"slug":113,"rank":53,"group":114},47,"Table","table",{"id":115,"label":116,"slug":117},4,"Data & Analysis","data-and-analysis",{"id":119,"label":120,"slug":121,"rank":62,"group":122},31,"AI Review","ai-review",{"id":123,"label":124,"slug":125},3,"AI","ai",{"id":127,"label":128,"slug":129,"rank":130,"group":131},46,"Stats","stats",2,{"id":115,"label":116,"slug":117},[133,135],{"id":134,"title":112,"slug":113},248,{"id":77,"title":78,"slug":79},{"slug":137,"title":138,"logo":139,"baseline":140,"categories":141},"inference","Inference","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F65e2bbca-c37f-44d3-a945-dbb7846ba077.png","Build and monitor self-improving agents.",[142,146,150,154],{"id":143,"title":144,"slug":145},48,"Developer Tools","developer-tools",{"id":147,"title":148,"slug":149},16,"Monitoring","monitoring",{"id":151,"title":152,"slug":153},37,"Developer APIs","developer-apis",{"id":155,"title":156,"slug":157},80,"Artificial Intelligence","artificial-intelligence",{"uuid":159,"title":160,"description":161,"canonical_path":162,"image":163,"width":43,"height":44,"image_alt":164,"published_at":165,"kind":47,"patterns":166,"component_categories":182,"app":196},"2fc381c1-66f4-4563-8077-59ab501a71cf","Workflow | extend","List view showing the execution history of a specific workflow, featuring a search bar and a data table of past runs with their status.","\u002Fexamples\u002Fapps\u002Fextend\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F2fc381c1-66f4-4563-8077-59ab501a71cf.png","Workflow | extend from Extend","2026-08-17T12:39:21.000Z",[167,169,176],{"id":111,"label":112,"slug":113,"rank":53,"group":168},{"id":115,"label":116,"slug":117},{"id":170,"label":171,"slug":172,"rank":62,"group":173},13,"Filter & Sort","filter-and-sort",{"id":130,"label":174,"slug":175},"Actions","actions",{"id":12,"label":177,"slug":178,"rank":130,"group":179},"Workflow Builder","workflow-builder",{"id":170,"label":180,"slug":181},"Workflow & Automation","workflow-and-automation",[183,187,191,195],{"id":184,"title":185,"slug":186},177,"Breadcrumb","breadcrumb",{"id":188,"title":189,"slug":190},233,"Tabs","tabs",{"id":192,"title":193,"slug":194},174,"Card","card",{"id":77,"title":78,"slug":79},{"slug":197,"title":198,"logo":199,"baseline":200,"categories":201},"extend","Extend","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F15f6030e-2d0f-4381-9480-44902ed125e2.png","Document processing infrastructure for AI agents",[202,206,207,208],{"id":203,"title":204,"slug":205},77,"Machine learning","machine-learning",{"id":155,"title":156,"slug":157},{"id":151,"title":152,"slug":153},{"id":143,"title":144,"slug":145},{"uuid":210,"title":211,"description":212,"canonical_path":213,"image":214,"width":43,"height":44,"image_alt":215,"published_at":216,"kind":47,"patterns":217,"component_categories":235,"app":245},"0e762ddc-2464-4073-85e9-050732044a15","Editing space - Dock","Content editor where the user builds a customer success portal, currently showing a timeline block and an open menu to add new pages or generate content with AI.","\u002Fexamples\u002Fapps\u002Fdock\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F0e762ddc-2464-4073-85e9-050732044a15.png","Editing space - Dock from Dock","2026-07-13T15:30:47.000Z",[218,223,228],{"id":219,"label":220,"slug":221,"rank":53,"group":222},26,"AI Agent","ai-agent",{"id":123,"label":124,"slug":125},{"id":224,"label":225,"slug":226,"rank":62,"group":227},7,"Add & Create","add-and-create",{"id":130,"label":174,"slug":175},{"id":229,"label":230,"slug":231,"rank":130,"group":232},55,"Design Editor","design-editor",{"id":87,"label":233,"slug":234},"Media & Tools","media-and-tools",[236,237,238,239,240,244],{"id":69,"title":70,"slug":71},{"id":188,"title":189,"slug":190},{"id":73,"title":74,"slug":75},{"id":192,"title":193,"slug":194},{"id":241,"title":242,"slug":243},260,"Badge","badge",{"id":77,"title":78,"slug":79},{"slug":246,"title":247,"logo":248,"baseline":249,"categories":250},"dock","Dock","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fdock-k4tgvy1y.png","The new way to manage external relationships",[251,255],{"id":252,"title":253,"slug":254},23,"Collaboration","collaboration",{"id":256,"title":257,"slug":258},29,"Task Management","task-management",{"uuid":260,"title":261,"description":262,"canonical_path":263,"image":264,"width":43,"height":44,"image_alt":265,"published_at":266,"kind":47,"patterns":267,"component_categories":275,"app":277},"74f8209c-3630-4aef-ade8-8d5b5797e41a","Medusa - Changelog","Changelog page where the user browses recent product updates, fixes, and version releases alongside contributor counts.","\u002Fexamples\u002Fapps\u002Fbloom\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F74f8209c-3630-4aef-ade8-8d5b5797e41a.png","Medusa - Changelog from Bloom","2026-07-13T10:49:54.000Z",[268],{"id":77,"label":269,"slug":270,"rank":53,"group":271},"Changelog","changelog",{"id":272,"label":273,"slug":274},15,"Marketing Page Types","marketing-page-types",[276],{"id":77,"title":78,"slug":79},{"slug":278,"title":279,"logo":280,"baseline":281,"categories":282},"bloom","Bloom","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F62461f0d-4182-4996-ae7b-cbc623f6ee3f.png","A new way to build commerce",[283,284,287,290],{"id":155,"title":156,"slug":157},{"id":123,"title":285,"slug":286},"Shopping","shopping",{"id":224,"title":288,"slug":289},"Web Development","web-development",{"id":291,"title":292,"slug":293},96,"No code","no-code",{"uuid":295,"title":296,"description":297,"canonical_path":298,"image":299,"width":43,"height":44,"image_alt":300,"published_at":301,"kind":47,"patterns":302,"component_categories":314,"app":317},"27ee68cc-7630-4b00-a24b-01c3d9f2e1a3","HeyGen - Video Agent","AI chat interface where the user interacts with a video generation agent that outlines its script and displays a live execution trace of its media selection steps.","\u002Fexamples\u002Fapps\u002Fheygen\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F27ee68cc-7630-4b00-a24b-01c3d9f2e1a3.png","HeyGen - Video Agent from HeyGen","2026-06-29T18:29:44.000Z",[303,308,310],{"id":304,"label":305,"slug":306,"rank":53,"group":307},28,"AI Chat","ai-chat",{"id":123,"label":124,"slug":125},{"id":219,"label":220,"slug":221,"rank":62,"group":309},{"id":123,"label":124,"slug":125},{"id":256,"label":311,"slug":312,"rank":130,"group":313},"AI Editing","ai-editing",{"id":123,"label":124,"slug":125},[315,316],{"id":192,"title":193,"slug":194},{"id":77,"title":78,"slug":79},{"slug":318,"title":319,"logo":320,"baseline":321,"categories":322},"heygen","HeyGen","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fd8cda81f-5b21-444e-8401-676a6cf2f817.png","AI video generator that turns ideas into professional videos in minutes",[323,327],{"id":324,"title":325,"slug":326},100,"Video","video",{"id":155,"title":156,"slug":157},{"uuid":329,"title":330,"description":331,"canonical_path":332,"image":333,"width":43,"height":44,"image_alt":334,"published_at":335,"kind":47,"patterns":336,"component_categories":349,"app":353},"8e5d2acf-6982-4ab6-8d4d-8f8237eba9d4","FLORA","Gallery view where the user browses their past AI-generated images, views the prompts used, and downloads specific file formats.","\u002Fexamples\u002Fapps\u002Fflora\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F8e5d2acf-6982-4ab6-8d4d-8f8237eba9d4.png","FLORA from Flora","2026-05-26T09:34:20.000Z",[337,339,344],{"id":59,"label":60,"slug":61,"rank":53,"group":338},{"id":64,"label":65,"slug":66},{"id":340,"label":341,"slug":342,"rank":62,"group":343},25,"Upload & Download","upload-and-download",{"id":130,"label":174,"slug":175},{"id":345,"label":346,"slug":347,"rank":130,"group":348},30,"AI Generation","ai-generation",{"id":123,"label":124,"slug":125},[350,351,352],{"id":241,"title":242,"slug":243},{"id":192,"title":193,"slug":194},{"id":77,"title":78,"slug":79},{"slug":354,"title":355,"logo":356,"baseline":357,"categories":358},"flora","Flora","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F5c3c6f99-7e88-4853-9e21-6fd175f2aa62.png","Your creative environement",[359,360,363],{"id":155,"title":156,"slug":157},{"id":64,"title":361,"slug":362},"Design","design",{"id":252,"title":253,"slug":254},{"uuid":365,"title":366,"description":367,"canonical_path":368,"image":369,"width":43,"height":44,"image_alt":370,"published_at":371,"kind":47,"patterns":372,"component_categories":384,"app":390},"77455017-fea5-404f-93fa-41e4489221c9","Portfolio Showcase - Lovable","Usage settings page where the user sees an empty state for their cloud app's usage metrics over a selected time range.","\u002Fexamples\u002Fapps\u002Flovable\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F77455017-fea5-404f-93fa-41e4489221c9.png","Portfolio Showcase - Lovable from Lovable","2026-05-18T10:58:24.000Z",[373,375,380],{"id":50,"label":51,"slug":52,"rank":53,"group":374},{"id":55,"label":56,"slug":57},{"id":376,"label":377,"slug":378,"rank":62,"group":379},49,"Usage","usage",{"id":115,"label":116,"slug":117},{"id":252,"label":381,"slug":382,"rank":130,"group":383},"Select","select",{"id":130,"label":174,"slug":175},[385,386,387,388,389],{"id":184,"title":185,"slug":186},{"id":69,"title":70,"slug":71},{"id":241,"title":242,"slug":243},{"id":192,"title":193,"slug":194},{"id":77,"title":78,"slug":79},{"slug":391,"title":392,"logo":393,"baseline":394,"categories":395},"lovable","Lovable","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F371498a3-d8de-4908-8af8-e73a603ffa34.png","Create apps and websites by chatting with AI",[396,397,398],{"id":155,"title":156,"slug":157},{"id":224,"title":288,"slug":289},{"id":291,"title":292,"slug":293},{"uuid":400,"title":401,"description":402,"canonical_path":403,"image":404,"width":43,"height":405,"image_alt":406,"published_at":407,"kind":47,"patterns":408,"component_categories":420,"app":425},"877ca143-037f-4ae7-8ab0-e9052652ef2c","Conversation history | ElevenLabs","List view where the user can search and filter past AI agent conversations by date, status, duration, and rating, currently showing an empty state with no results.","\u002Fexamples\u002Fapps\u002Felevenlabs\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F877ca143-037f-4ae7-8ab0-e9052652ef2c.png",1714,"Conversation history | ElevenLabs from Elevenlabs","2026-05-11T13:29:11.000Z",[409,411,413,418],{"id":304,"label":305,"slug":306,"rank":53,"group":410},{"id":123,"label":124,"slug":125},{"id":50,"label":51,"slug":52,"rank":62,"group":412},{"id":55,"label":56,"slug":57},{"id":414,"label":415,"slug":416,"rank":130,"group":417},22,"Search","search",{"id":130,"label":174,"slug":175},{"id":170,"label":171,"slug":172,"rank":123,"group":419},{"id":130,"label":174,"slug":175},[421,422,423,424],{"id":73,"title":74,"slug":75},{"id":241,"title":242,"slug":243},{"id":192,"title":193,"slug":194},{"id":77,"title":78,"slug":79},{"slug":426,"title":427,"logo":428,"baseline":429,"categories":430},"elevenlabs","Elevenlabs","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F040a4c11-6cc6-49d0-85e4-c7f5a0265a3a.png","Bringing technology to life",[431,432],{"id":155,"title":156,"slug":157},{"id":151,"title":152,"slug":153},{"uuid":434,"title":435,"description":436,"canonical_path":437,"image":438,"width":43,"height":44,"image_alt":439,"published_at":440,"kind":47,"patterns":441,"component_categories":459,"app":464},"10bd7b1d-25b4-49d8-88e3-ab2c821cfc23","Shimmer","Agent trace where an AI assistant executes commands to build a Go application, showing terminal output and a file explorer.","\u002Fexamples\u002Fapps\u002Fpoolside\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F10bd7b1d-25b4-49d8-88e3-ab2c821cfc23.png","Shimmer from Poolside","2026-05-11T09:49:06.000Z",[442,444,449,453,457],{"id":219,"label":220,"slug":221,"rank":53,"group":443},{"id":123,"label":124,"slug":125},{"id":445,"label":446,"slug":447,"rank":62,"group":448},53,"Code Editor","code-editor",{"id":87,"label":233,"slug":234},{"id":155,"label":450,"slug":451,"rank":130,"group":452},"Files","files",{"id":64,"label":65,"slug":66},{"id":94,"label":454,"slug":455,"rank":123,"group":456},"Publish","publish",{"id":130,"label":174,"slug":175},{"id":304,"label":305,"slug":306,"rank":115,"group":458},{"id":123,"label":124,"slug":125},[460,461,462,463],{"id":73,"title":74,"slug":75},{"id":188,"title":189,"slug":190},{"id":241,"title":242,"slug":243},{"id":77,"title":78,"slug":79},{"slug":465,"title":466,"logo":467,"baseline":468,"categories":469},"poolside","Poolside","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fde1e48e8-a8ea-49fc-a7ae-809596fc1bd8.png","Iterate on web apps, APIs, and CLIs from scratch, in a single workspace",[470],{"id":155,"title":156,"slug":157},{"uuid":472,"title":473,"description":474,"canonical_path":475,"image":476,"width":43,"height":44,"image_alt":477,"published_at":478,"kind":47,"patterns":479,"component_categories":484,"app":495},"7caafb6d-1d2f-424c-9edf-7cb1056dde8a","Documents | Aboard","Detail page where the user views a specific company document with an embedded PDF preview, page thumbnails, and annotation tools.","\u002Fexamples\u002Fapps\u002Faboard\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F7caafb6d-1d2f-424c-9edf-7cb1056dde8a.png","Documents | Aboard from Aboard","2026-05-05T10:32:35.000Z",[480,482],{"id":59,"label":60,"slug":61,"rank":53,"group":481},{"id":64,"label":65,"slug":66},{"id":170,"label":171,"slug":172,"rank":62,"group":483},{"id":130,"label":174,"slug":175},[485,489,493,494],{"id":486,"title":487,"slug":488},211,"Pagination","pagination",{"id":490,"title":491,"slug":492},277,"Button group","button-group",{"id":73,"title":74,"slug":75},{"id":188,"title":189,"slug":190},{"slug":496,"title":497,"logo":498,"baseline":499,"categories":500},"aboard","Aboard","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fea3ae2e7-7419-4926-acae-b179668f6172.png","Bring joy to your workplace with Aboard",[501],{"id":502,"title":503,"slug":504},10,"Human resources","human-resources",{"uuid":506,"title":507,"description":508,"canonical_path":509,"image":510,"width":43,"height":44,"image_alt":511,"published_at":512,"kind":47,"patterns":513,"component_categories":521,"app":531},"9e2c7314-df86-4c23-8cba-98ee40525570","Builder - Untitled Flow","Detail page where the user reviews drafted changes to a product demo and waits for the project to publish.","\u002Fexamples\u002Fapps\u002Fnavattic\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F9e2c7314-df86-4c23-8cba-98ee40525570.png","Builder - Untitled Flow from Navattic","2026-05-05T10:32:31.000Z",[514,519],{"id":515,"label":516,"slug":517,"rank":53,"group":518},11,"Edit","edit",{"id":130,"label":174,"slug":175},{"id":119,"label":120,"slug":121,"rank":62,"group":520},{"id":123,"label":124,"slug":125},[522,526,527,528,529,530],{"id":523,"title":524,"slug":525},167,"Alert","alert",{"id":184,"title":185,"slug":186},{"id":69,"title":70,"slug":71},{"id":188,"title":189,"slug":190},{"id":241,"title":242,"slug":243},{"id":77,"title":78,"slug":79},{"slug":532,"title":533,"logo":534,"baseline":535,"categories":536},"navattic","Navattic","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fd26bd2f9-ee1e-4acc-9d41-1890fbd1b5c4.png","Make buying easier with demos",[537,540,541,542],{"id":340,"title":538,"slug":539},"Marketing","marketing",{"id":155,"title":156,"slug":157},{"id":291,"title":292,"slug":293},{"id":543,"title":544,"slug":545},103,"Demo Automation","demo-automation",[],[548,550,553,556,559,562,565,568,571,574,577,580,583],{"label":269,"to":549,"count":62},"\u002Fexamples\u002Fpages\u002Fchangelog",{"label":551,"to":552},"Airbnb design examples","\u002Fexamples\u002Fapps\u002Fairbnb",{"label":554,"to":555},"Inference design examples","\u002Fexamples\u002Fapps\u002Finference",{"label":557,"to":558},"Extend design examples","\u002Fexamples\u002Fapps\u002Fextend",{"label":560,"to":561},"Dock design examples","\u002Fexamples\u002Fapps\u002Fdock",{"label":563,"to":564},"Bloom design examples","\u002Fexamples\u002Fapps\u002Fbloom",{"label":566,"to":567},"HeyGen design examples","\u002Fexamples\u002Fapps\u002Fheygen",{"label":569,"to":570},"Flora design examples","\u002Fexamples\u002Fapps\u002Fflora",{"label":572,"to":573},"Lovable design examples","\u002Fexamples\u002Fapps\u002Flovable",{"label":575,"to":576},"Elevenlabs design examples","\u002Fexamples\u002Fapps\u002Felevenlabs",{"label":578,"to":579},"Poolside design examples","\u002Fexamples\u002Fapps\u002Fpoolside",{"label":581,"to":582},"Aboard design examples","\u002Fexamples\u002Fapps\u002Faboard",{"label":584,"to":585},"Navattic design examples","\u002Fexamples\u002Fapps\u002Fnavattic",{"published_at":587,"updated_at":588},"2026-05-04T14:56:49.000Z","2026-10-04T00:00:09.268Z"]