[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Ftags\u002Fcards-ui":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":564,"links":565,"dates":626},"\u002Fexamples\u002Ftags\u002Fcards-ui","collection","screens",true,{"example_count":9,"app_count":10},1013,120,{"id":12,"title":13,"description":14},208288,"Cards ui","",{"title":16,"description":17,"og_image":18},"Cards ui screen examples - Nicelydone","Cards ui screen design examples from SaaS apps. Browse examples from Evervault, Record club, Bitly.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe30c2c9c-0097-4c4d-a729-6ed776ebe180.png",[20,23,26],{"label":21,"to":22},"Examples","\u002Fexamples",{"label":24,"to":25},"tags","\u002Fexamples\u002Ftags",{"label":27,"to":4},"Cards ui screen examples",{"title":27,"eyebrow":29,"description":17,"sections":30,"body":31},"Tag category",[],[32],"1013 screens",[34,89,166,216,266,311,342,380,419,447,480,535],{"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":54,"app":67},"e30c2c9c-0097-4c4d-a729-6ed776ebe180","Papers — Evervault","Resources page where the user browses a curated grid of foundational cryptography research papers.","\u002Fexamples\u002Fapps\u002Fevervault\u002Fmarketing",3024,1780,"Papers — Evervault from Evervault","2025-04-29T08:32:29.000Z","screen",[45],{"id":46,"label":47,"slug":48,"rank":49,"group":50},151,"Resource Hub","resource-hub",0,{"id":51,"label":52,"slug":53},15,"Marketing Page Types","marketing-page-types",[55,59,63],{"id":56,"title":57,"slug":58},258,"Header","header",{"id":60,"title":61,"slug":62},174,"Card","card",{"id":64,"title":65,"slug":66},175,"Button","button",{"slug":68,"title":69,"logo":70,"baseline":71,"categories":72},"evervault","Evervault","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fevervault-uzcb9ksa.png","Security toolkit for developers",[73,77,81,85],{"id":74,"title":75,"slug":76},48,"Developer Tools","developer-tools",{"id":78,"title":79,"slug":80},37,"Developer APIs","developer-apis",{"id":82,"title":83,"slug":84},39,"Payments","payments",{"id":86,"title":87,"slug":88},78,"Security","security",{"uuid":90,"title":91,"description":92,"canonical_path":93,"image":94,"width":39,"height":95,"image_alt":96,"published_at":97,"kind":43,"patterns":98,"component_categories":132,"app":152},"7f6507ff-6e46-4d86-b233-125b873c3c6b","Gavin Nelson's lists – Record Club","User profile page where the user views a member's curated lists of music releases, with options to sort and toggle the layout.","\u002Fexamples\u002Fapps\u002Frecord-club\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F7f6507ff-6e46-4d86-b233-125b873c3c6b.png",1714,"Gavin Nelson's lists – Record Club from Record club","2025-04-21T10:47:50.000Z",[99,107,116,125],{"id":100,"label":101,"slug":102,"rank":49,"group":103},3,"Profile","profile",{"id":104,"label":105,"slug":106},11,"Social & Collaboration","social-and-collaboration",{"id":108,"label":109,"slug":110,"rank":111,"group":112},79,"Browse","browse",1,{"id":113,"label":114,"slug":115},8,"Pages & Content","pages-and-content",{"id":117,"label":118,"slug":119,"rank":120,"group":121},69,"Tabs","tabs",2,{"id":122,"label":123,"slug":124},6,"Navigation & Commands","navigation-and-commands",{"id":126,"label":127,"slug":128,"rank":100,"group":129},13,"Filter & Sort","filter-and-sort",{"id":120,"label":130,"slug":131},"Actions","actions",[133,137,141,143,147,151],{"id":134,"title":135,"slug":136},177,"Breadcrumb","breadcrumb",{"id":138,"title":139,"slug":140},240,"Horizontal navigation","horizontal-navigation",{"id":142,"title":118,"slug":119},233,{"id":144,"title":145,"slug":146},260,"Badge","badge",{"id":148,"title":149,"slug":150},169,"Avatar","avatar",{"id":64,"title":65,"slug":66},{"slug":153,"title":154,"logo":155,"baseline":156,"categories":157},"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",[158,162],{"id":159,"title":160,"slug":161},20,"Music","music",{"id":163,"title":164,"slug":165},14,"Social","social",{"uuid":167,"title":168,"description":169,"canonical_path":170,"image":171,"width":39,"height":172,"image_alt":173,"published_at":174,"kind":43,"patterns":175,"component_categories":181,"app":201},"251d1923-f197-4ed2-bf9b-b8eb96c51a16","Digital Business Cards to Grow Your Network","Marketing feature page explaining how to create, share, and track digital business cards, including customization options and platform integration.","\u002Fexamples\u002Fapps\u002Fbitly\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F251d1923-f197-4ed2-bf9b-b8eb96c51a16.png",14676,"Digital Business Cards to Grow Your Network from Bitly","2025-03-31T12:38:36.000Z",[176],{"id":177,"label":178,"slug":179,"rank":49,"group":180},138,"Feature Page","feature-page",{"id":51,"label":52,"slug":53},[182,186,190,194,198,199,200],{"id":183,"title":184,"slug":185},232,"Testimonial","testimonial",{"id":187,"title":188,"slug":189},189,"FAQ","faq",{"id":191,"title":192,"slug":193},168,"Accordion","accordion",{"id":195,"title":196,"slug":197},202,"Footer","footer",{"id":56,"title":57,"slug":58},{"id":60,"title":61,"slug":62},{"id":64,"title":65,"slug":66},{"slug":202,"title":203,"logo":204,"baseline":205,"categories":206},"bitly","Bitly","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fbitly-b2404792.png","Build stronger digital connections",[207,208,212],{"id":163,"title":164,"slug":165},{"id":209,"title":210,"slug":211},25,"Marketing","marketing",{"id":213,"title":214,"slug":215},46,"Analytics","analytics",{"uuid":217,"title":218,"description":219,"canonical_path":220,"image":221,"width":39,"height":222,"image_alt":223,"published_at":224,"kind":43,"patterns":225,"component_categories":248,"app":252},"0f469af0-1992-42e0-a71c-cdbffd9fcfc4","Actions › Store","Directory page where the user browses and searches for pre-built actions to connect their AI agents to external services like Gmail, Slack, and Shopify.","\u002Fexamples\u002Fapps\u002Flemni\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F0f469af0-1992-42e0-a71c-cdbffd9fcfc4.png",11304,"Actions › Store from Lemni","2025-03-24T15:32:17.000Z",[226,228,233,240],{"id":108,"label":109,"slug":110,"rank":49,"group":227},{"id":113,"label":114,"slug":115},{"id":229,"label":230,"slug":231,"rank":111,"group":232},22,"Search","search",{"id":120,"label":130,"slug":131},{"id":234,"label":235,"slug":236,"rank":120,"group":237},26,"AI Agent","ai-agent",{"id":100,"label":238,"slug":239},"AI","ai",{"id":241,"label":242,"slug":243,"rank":100,"group":244},97,"Integrations","integrations",{"id":245,"label":246,"slug":247},10,"Settings & Admin","settings-and-admin",[249,250,251],{"id":148,"title":149,"slug":150},{"id":60,"title":61,"slug":62},{"id":64,"title":65,"slug":66},{"slug":253,"title":254,"logo":255,"baseline":256,"categories":257},"lemni","Lemni","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Flemni-aebad401.png","Ai agents for all your customer interactions",[258,262],{"id":259,"title":260,"slug":261},80,"Artificial Intelligence","artificial-intelligence",{"id":263,"title":264,"slug":265},47,"Customer Service","customer-service",{"uuid":267,"title":268,"description":269,"canonical_path":270,"image":271,"width":39,"height":272,"image_alt":273,"published_at":274,"kind":43,"patterns":275,"component_categories":292,"app":301},"923826ba-4e4c-44ad-be5c-7cfe0003b228","Monarch | Dashboard","Dashboard overlay where the user can access the help center, request features, contact support, or view recent product updates.","\u002Fexamples\u002Fapps\u002Fmonarch\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F923826ba-4e4c-44ad-be5c-7cfe0003b228.png",1778,"Monarch | Dashboard from Monarch","2025-03-17T14:09:52.000Z",[276,284],{"id":277,"label":278,"slug":279,"rank":49,"group":280},41,"Dashboard","dashboard",{"id":281,"label":282,"slug":283},4,"Data & Analysis","data-and-analysis",{"id":285,"label":286,"slug":287,"rank":111,"group":288},118,"Help","help",{"id":289,"label":290,"slug":291},12,"States & Feedback","states-and-feedback",[293,297,298,299,300],{"id":294,"title":295,"slug":296},284,"Modal","modal",{"id":144,"title":145,"slug":146},{"id":148,"title":149,"slug":150},{"id":60,"title":61,"slug":62},{"id":64,"title":65,"slug":66},{"slug":302,"title":303,"logo":304,"baseline":305,"categories":306},"monarch","Monarch","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fmonarch-58e7e32a.png","The modern way to manage money",[307],{"id":308,"title":309,"slug":310},36,"Finance","finance",{"uuid":312,"title":313,"description":314,"canonical_path":315,"image":316,"width":39,"height":317,"image_alt":318,"published_at":319,"kind":43,"patterns":320,"component_categories":326,"app":331},"6313e204-429a-4679-9e6d-34eab76bc2f8","Free Tools | Leap AI","Marketing page showcasing a directory of free AI tools like image generation, text to speech, and SEO blog writing, each with a prompt to try it for free.","\u002Fexamples\u002Fapps\u002Fleap\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F6313e204-429a-4679-9e6d-34eab76bc2f8.png",8978,"Free Tools | Leap AI from Leap","2025-03-10T14:11:55.000Z",[321],{"id":322,"label":323,"slug":324,"rank":49,"group":325},156,"Free Tool","free-tool",{"id":51,"label":52,"slug":53},[327,328,329,330],{"id":195,"title":196,"slug":197},{"id":56,"title":57,"slug":58},{"id":60,"title":61,"slug":62},{"id":64,"title":65,"slug":66},{"slug":332,"title":333,"logo":334,"baseline":335,"categories":336},"leap","Leap","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fleap-60d851ac.png","Automate any workflow with AI",[337,338],{"id":259,"title":260,"slug":261},{"id":339,"title":340,"slug":341},30,"Productivity","productivity",{"uuid":343,"title":344,"description":345,"canonical_path":346,"image":347,"width":39,"height":348,"image_alt":349,"published_at":350,"kind":43,"patterns":351,"component_categories":357,"app":364},"6e8df672-6642-4526-898d-ccb2eb986ebf","Community Hub - Replit","Community hub landing page where users can find the latest platform updates, connect on social channels, access guides and templates, and explore featured apps built by others.","\u002Fexamples\u002Fapps\u002Freplit\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F6e8df672-6642-4526-898d-ccb2eb986ebf.png",6028,"Community Hub - Replit from Replit","2025-03-10T14:11:20.000Z",[352],{"id":353,"label":354,"slug":355,"rank":49,"group":356},164,"Community Page","community-page",{"id":51,"label":52,"slug":53},[358,359,360,361,362,363],{"id":144,"title":145,"slug":146},{"id":195,"title":196,"slug":197},{"id":56,"title":57,"slug":58},{"id":148,"title":149,"slug":150},{"id":60,"title":61,"slug":62},{"id":64,"title":65,"slug":66},{"slug":365,"title":366,"logo":367,"baseline":368,"categories":369},"replit","Replit","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Freplit-7961c4fc.png","Turn your ideas into apps with AI",[370,371,372,376],{"id":259,"title":260,"slug":261},{"id":74,"title":75,"slug":76},{"id":373,"title":374,"slug":375},7,"Web Development","web-development",{"id":377,"title":378,"slug":379},96,"No code","no-code",{"uuid":381,"title":382,"description":383,"canonical_path":384,"image":385,"width":39,"height":386,"image_alt":387,"published_at":388,"kind":43,"patterns":389,"component_categories":395,"app":400},"09dd7e60-a9d0-4b2f-abd9-ebdef9e53d01","Front Help Center","Help center homepage where the user searches for articles or browses knowledge base categories like getting started, rules, and API integrations.","\u002Fexamples\u002Fapps\u002Ffront\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F09dd7e60-a9d0-4b2f-abd9-ebdef9e53d01.png",3884,"Front Help Center from Front","2025-03-03T14:56:15.000Z",[390],{"id":391,"label":392,"slug":393,"rank":49,"group":394},179,"Help Center","help-center",{"id":51,"label":52,"slug":53},[396,397,398,399],{"id":195,"title":196,"slug":197},{"id":56,"title":57,"slug":58},{"id":60,"title":61,"slug":62},{"id":64,"title":65,"slug":66},{"slug":401,"title":402,"logo":403,"baseline":404,"categories":405},"front","Front","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Ffront-f25c6b6e.png","Email redesigned for teams",[406,410,411,415],{"id":407,"title":408,"slug":409},23,"Collaboration","collaboration",{"id":263,"title":264,"slug":265},{"id":412,"title":413,"slug":414},82,"Communication","communication",{"id":416,"title":417,"slug":418},92,"Email","email",{"uuid":420,"title":421,"description":422,"canonical_path":423,"image":424,"width":39,"height":272,"image_alt":425,"published_at":426,"kind":43,"patterns":427,"component_categories":434,"app":437},"1f63a474-2933-498b-870c-65111250118f","WeTransfer account | WeTransfer","Password recovery screen where the user enters their email address to receive reset instructions, featuring a branded split-screen layout with file type badges.","\u002Fexamples\u002Fapps\u002Fwetransfer\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F1f63a474-2933-498b-870c-65111250118f.png","WeTransfer account | WeTransfer from WeTransfer","2025-02-24T16:12:09.000Z",[428],{"id":120,"label":429,"slug":430,"rank":49,"group":431},"Forgot Password","forgot-password",{"id":111,"label":432,"slug":433},"Access & Account","access-and-account",[435,436],{"id":144,"title":145,"slug":146},{"id":64,"title":65,"slug":66},{"slug":438,"title":439,"logo":440,"baseline":441,"categories":442},"wetransfer","WeTransfer","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fwetransfer-3e886b18.png","The simplest way to send your files around the world.",[443],{"id":444,"title":445,"slug":446},71,"File sharing","file-sharing",{"uuid":448,"title":449,"description":450,"canonical_path":451,"image":452,"width":39,"height":272,"image_alt":453,"published_at":454,"kind":43,"patterns":455,"component_categories":462,"app":469},"93a1fa7c-a0ed-433b-910b-2eb049207e4e","Segments | Flodesk","List view where the user manages audience segments displayed as a grid of colored cards showing subscriber counts.","\u002Fexamples\u002Fapps\u002Fflodesk\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F93a1fa7c-a0ed-433b-910b-2eb049207e4e.png","Segments | Flodesk from Flodesk","2025-02-24T15:36:57.000Z",[456,460],{"id":263,"label":457,"slug":458,"rank":49,"group":459},"Table","table",{"id":281,"label":282,"slug":283},{"id":126,"label":127,"slug":128,"rank":111,"group":461},{"id":120,"label":130,"slug":131},[463,464,465,466,467,468],{"id":138,"title":139,"slug":140},{"id":142,"title":118,"slug":119},{"id":144,"title":145,"slug":146},{"id":148,"title":149,"slug":150},{"id":60,"title":61,"slug":62},{"id":64,"title":65,"slug":66},{"slug":470,"title":471,"logo":472,"baseline":473,"categories":474},"flodesk","Flodesk","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fflodesk-57ced817.png","Design emails people love to open. Sell online.",[475,479],{"id":476,"title":477,"slug":478},27,"Email Newsletters","email-newsletters",{"id":209,"title":210,"slug":211},{"uuid":481,"title":482,"description":483,"canonical_path":484,"image":485,"width":39,"height":272,"image_alt":486,"published_at":487,"kind":43,"patterns":488,"component_categories":511,"app":518},"c1ede0b5-06e9-4db4-8b6b-9e88863ddc8f","Podia","Design editor where the user customizes the layout and styling of a landing page using a sidebar inspector with spacing and card controls.","\u002Fexamples\u002Fapps\u002Fpodia\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fc1ede0b5-06e9-4db4-8b6b-9e88863ddc8f.png","Podia from Podia","2025-02-17T15:29:05.000Z",[489,497,501,506],{"id":490,"label":491,"slug":492,"rank":49,"group":493},55,"Design Editor","design-editor",{"id":494,"label":495,"slug":496},5,"Media & Tools","media-and-tools",{"id":104,"label":498,"slug":499,"rank":111,"group":500},"Edit","edit",{"id":120,"label":130,"slug":131},{"id":502,"label":503,"slug":504,"rank":120,"group":505},58,"Media Editor","media-editor",{"id":494,"label":495,"slug":496},{"id":507,"label":508,"slug":509,"rank":100,"group":510},81,"Home","home",{"id":113,"label":114,"slug":115},[512,516,517],{"id":513,"title":514,"slug":515},223,"Slider","slider",{"id":138,"title":139,"slug":140},{"id":64,"title":65,"slug":66},{"slug":519,"title":482,"logo":520,"baseline":521,"categories":522},"podia","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fpodia-g4nl3lhm.png","Sell online courses, memberships, and downloads",[523,527,530,531],{"id":524,"title":525,"slug":526},32,"Education","education",{"id":111,"title":528,"slug":529},"Communities","communities",{"id":476,"title":477,"slug":478},{"id":532,"title":533,"slug":534},33,"E-Learning","e-learning",{"uuid":536,"title":537,"description":538,"canonical_path":539,"image":540,"width":39,"height":541,"image_alt":542,"published_at":543,"kind":43,"patterns":544,"component_categories":550,"app":556},"3fb65392-2d3c-4c2d-9199-b200c9ee2584","Blog | Dub.co","Blog index page where the user browses the latest news, product updates, and engineering articles via a pill-based category filter.","\u002Fexamples\u002Fapps\u002Fdub\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F3fb65392-2d3c-4c2d-9199-b200c9ee2584.png",11490,"Blog | Dub.co from Dub","2025-02-17T13:43:13.000Z",[545],{"id":546,"label":547,"slug":548,"rank":49,"group":549},150,"Blog Index","blog-index",{"id":51,"label":52,"slug":53},[551,552,553,554,555],{"id":142,"title":118,"slug":119},{"id":195,"title":196,"slug":197},{"id":56,"title":57,"slug":58},{"id":148,"title":149,"slug":150},{"id":60,"title":61,"slug":62},{"slug":557,"title":558,"logo":559,"baseline":560,"categories":561},"dub","Dub","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fdub-43tr8usg.png","Short links with superpowers",[562,563],{"id":209,"title":210,"slug":211},{"id":213,"title":214,"slug":215},[],[566,568,570,572,574,576,578,580,582,584,586,588,590,593,596,599,602,605,608,611,614,617,620,623],{"label":109,"to":567,"count":120},"\u002Fexamples\u002Fscreens\u002Fbrowse",{"label":127,"to":569,"count":120},"\u002Fexamples\u002Fscreens\u002Ffilter-and-sort",{"label":235,"to":571,"count":111},"\u002Fexamples\u002Fscreens\u002Fai-agent",{"label":278,"to":573,"count":111},"\u002Fexamples\u002Fscreens\u002Fdashboard",{"label":491,"to":575,"count":111},"\u002Fexamples\u002Fscreens\u002Fdesign-editor",{"label":498,"to":577,"count":111},"\u002Fexamples\u002Fscreens\u002Fedit",{"label":429,"to":579,"count":111},"\u002Fexamples\u002Fscreens\u002Fforgot-password",{"label":286,"to":581,"count":111},"\u002Fexamples\u002Fscreens\u002Fhelp",{"label":508,"to":583,"count":111},"\u002Fexamples\u002Fscreens\u002Fhome",{"label":242,"to":585,"count":111},"\u002Fexamples\u002Fscreens\u002Fintegrations",{"label":503,"to":587,"count":111},"\u002Fexamples\u002Fscreens\u002Fmedia-editor",{"label":101,"to":589,"count":111},"\u002Fexamples\u002Fscreens\u002Fprofile",{"label":591,"to":592},"Evervault design examples","\u002Fexamples\u002Fapps\u002Fevervault",{"label":594,"to":595},"Record club design examples","\u002Fexamples\u002Fapps\u002Frecord-club",{"label":597,"to":598},"Bitly design examples","\u002Fexamples\u002Fapps\u002Fbitly",{"label":600,"to":601},"Lemni design examples","\u002Fexamples\u002Fapps\u002Flemni",{"label":603,"to":604},"Monarch design examples","\u002Fexamples\u002Fapps\u002Fmonarch",{"label":606,"to":607},"Leap design examples","\u002Fexamples\u002Fapps\u002Fleap",{"label":609,"to":610},"Replit design examples","\u002Fexamples\u002Fapps\u002Freplit",{"label":612,"to":613},"Front design examples","\u002Fexamples\u002Fapps\u002Ffront",{"label":615,"to":616},"WeTransfer design examples","\u002Fexamples\u002Fapps\u002Fwetransfer",{"label":618,"to":619},"Flodesk design examples","\u002Fexamples\u002Fapps\u002Fflodesk",{"label":621,"to":622},"Podia design examples","\u002Fexamples\u002Fapps\u002Fpodia",{"label":624,"to":625},"Dub design examples","\u002Fexamples\u002Fapps\u002Fdub",{"published_at":627,"updated_at":628},"2025-02-16T09:39:30.000Z","2026-09-05T20:19:43.865Z"]