[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fcomponents\u002Fpagination":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":174,"links":175,"dates":206},"\u002Fexamples\u002Fcomponents\u002Fpagination","collection","components",true,{"example_count":9,"app_count":10},9,7,{"id":12,"title":13,"description":14},211,"Pagination","Explore how interfaces divide a collection across pages. Look at how page numbers, current position, and previous or next controls fit around the results.",{"title":16,"description":17,"og_image":18},"Pagination UI examples - Nicelydone","Pagination UI design examples from SaaS apps. Explore how interfaces divide a collection across pages. Look at how page numbers, current position, and…","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fcb6f9f02-aa9e-45aa-9d0d-f1e60307973f.png",[20,23,26],{"label":21,"to":22},"Examples","\u002Fexamples",{"label":24,"to":25},"SaaS UI component examples","\u002Fexamples\u002Fcomponents",{"label":27,"to":4},"Pagination UI examples",{"title":27,"eyebrow":29,"description":30,"sections":31,"body":35},"UI component category","Pagination UI design examples from SaaS apps. Explore how interfaces divide a collection across pages. Look at how page numbers, current position, and previous or next controls fit around the results.",[32],{"title":33,"description":14,"links":34},"About Pagination",[],[36],"9 UI components",[38,60,89,110,131,156],{"uuid":39,"title":40,"description":41,"canonical_path":42,"image":18,"width":43,"height":44,"image_alt":45,"kind":46,"categories":47,"app":50},"3a044592-64a7-4758-a842-3e6bf3397a3f","Maybe Finance UI component","The image shows a pagination component.","\u002Fexamples\u002Fapps\u002Fmaybe-finance\u002Fcomponents",794,208,"UI component from Maybe Finance","component",[48],{"id":12,"title":13,"slug":49},"pagination",{"slug":51,"title":52,"logo":53,"baseline":54,"categories":55},"maybe-finance","Maybe Finance","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F88ec1791-1725-4a05-9aba-13f989c48b3a.png","The personal finance app for everyone",[56],{"id":57,"title":58,"slug":59},36,"Finance","finance",{"uuid":61,"title":62,"description":63,"canonical_path":64,"image":65,"width":66,"height":67,"image_alt":68,"kind":46,"categories":69,"app":71},"9654a2f9-4abb-472d-95f1-c331cb06182d","Github UI component","A pagination component with numbered links and next\u002Fprevious controls.","\u002Fexamples\u002Fapps\u002Fgithub\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Feaf33beb-3b1d-4651-82d9-3d862b243967.png",1202,320,"UI component from Github",[70],{"id":12,"title":13,"slug":49},{"slug":72,"title":73,"logo":74,"baseline":75,"categories":76},"github","Github","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fgithub-b84e2242.png","Where the world builds software ",[77,81,85],{"id":78,"title":79,"slug":80},48,"Developer Tools","developer-tools",{"id":82,"title":83,"slug":84},23,"Collaboration","collaboration",{"id":86,"title":87,"slug":88},45,"Open Source","open-source",{"uuid":90,"title":91,"description":92,"canonical_path":93,"image":94,"width":95,"height":96,"image_alt":97,"kind":46,"categories":98,"app":100},"a20adc7b-7dca-4190-bd62-ce89c3927dcd","Wiza UI component","Pagination component","\u002Fexamples\u002Fapps\u002Fwiza\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F1360dd50-9887-4c8b-a6ca-2db0ca651bf8.png",1394,331,"UI component from Wiza",[99],{"id":12,"title":13,"slug":49},{"slug":101,"title":102,"logo":103,"baseline":104,"categories":105},"wiza","Wiza","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fwiza-21efd5aa.png","Wiza makes prospecting magical",[106],{"id":107,"title":108,"slug":109},53,"CRM","crm",{"uuid":111,"title":112,"description":113,"canonical_path":114,"image":115,"width":116,"height":117,"image_alt":118,"kind":46,"categories":119,"app":121},"72bcbebb-c44c-4e62-8743-7adf3bb0804b","Dopt UI component","A setup wizard modal","\u002Fexamples\u002Fapps\u002Fdopt\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fd3fb487c-12dc-4603-b744-f31c1525ceb0.png",958,389,"UI component from Dopt",[120],{"id":12,"title":13,"slug":49},{"slug":122,"title":123,"logo":124,"baseline":125,"categories":126},"dopt","Dopt","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fdopt-47cd1e68.png","Ship self-serve product onboarding and education, your way",[127],{"id":128,"title":129,"slug":130},96,"No code","no-code",{"uuid":132,"title":133,"description":134,"canonical_path":135,"image":136,"width":137,"height":138,"image_alt":139,"kind":46,"categories":140,"app":142},"7cbcb2fb-7dd0-413b-9849-9a645bf0b5ec","SeatGeek UI component","A pagination component with arrows","\u002Fexamples\u002Fapps\u002Fseatgeek\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F8ecf7178-010f-45fd-b4c5-6e0233f31de3.png",428,204,"UI component from SeatGeek",[141],{"id":12,"title":13,"slug":49},{"slug":143,"title":144,"logo":145,"baseline":146,"categories":147},"seatgeek","SeatGeek","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fseatgeek-y2mu2k5a.png","Your Ticket to Sports, Concerts & More",[148,152],{"id":149,"title":150,"slug":151},4,"Ticketing","ticketing",{"id":153,"title":154,"slug":155},26,"Events","events",{"uuid":157,"title":158,"description":159,"canonical_path":160,"image":161,"width":162,"height":163,"image_alt":164,"kind":46,"categories":165,"app":167},"687e3ba5-ceb8-4b6a-b257-07d6b40f9381","Simple pagination","A minimal pagination control showing the current item range and total count, alongside disabled previous and next chevron arrows.","\u002Fexamples\u002Fapps\u002Fmercury\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F687e3ba5-ceb8-4b6a-b257-07d6b40f9381.png",332,152,"Simple pagination from Mercury",[166],{"id":12,"title":13,"slug":49},{"slug":168,"title":169,"logo":170,"baseline":171,"categories":172},"mercury","Mercury","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fmercury-2e3d5425.png","Banking for startups",[173],{"id":57,"title":58,"slug":59},[],[176,179,182,185,188,191,194,197,200,203],{"label":177,"to":178},"Table","\u002Fexamples\u002Fscreens\u002Ftable",{"label":180,"to":181},"Blog Index","\u002Fexamples\u002Fpages\u002Fblog-index",{"label":183,"to":184},"Template Gallery","\u002Fexamples\u002Fpages\u002Ftemplate-gallery",{"label":186,"to":187},"Automation","\u002Fexamples\u002Fscreens\u002Fautomation",{"label":189,"to":190},"Maybe Finance design examples","\u002Fexamples\u002Fapps\u002Fmaybe-finance",{"label":192,"to":193},"Github design examples","\u002Fexamples\u002Fapps\u002Fgithub",{"label":195,"to":196},"Wiza design examples","\u002Fexamples\u002Fapps\u002Fwiza",{"label":198,"to":199},"Dopt design examples","\u002Fexamples\u002Fapps\u002Fdopt",{"label":201,"to":202},"SeatGeek design examples","\u002Fexamples\u002Fapps\u002Fseatgeek",{"label":204,"to":205},"Mercury design examples","\u002Fexamples\u002Fapps\u002Fmercury",{"published_at":207,"updated_at":208},"2022-08-21T20:07:35.000Z","2026-09-17T10:44:16.000Z"]