[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Ftags\u002Fnew":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":541,"links":542,"dates":603},"\u002Fexamples\u002Ftags\u002Fnew","collection","screens",true,{"example_count":9,"app_count":10},1036,62,{"id":12,"title":13,"description":14},268,"New","",{"title":16,"description":17,"og_image":18},"New screen examples - Nicelydone","New screen design examples from SaaS apps. Browse examples from Mailchimp, Record club, Grok.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F413a090c-90fe-4f0c-8e86-5a4b2019a9ed.png",[20,23,26],{"label":21,"to":22},"Examples","\u002Fexamples",{"label":24,"to":25},"tags","\u002Fexamples\u002Ftags",{"label":27,"to":4},"New screen examples",{"title":27,"eyebrow":29,"description":17,"sections":30,"body":31},"Tag category",[],[32],"1036 screens",[34,110,155,194,231,286,336,370,403,442,477,513],{"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":63,"app":92},"413a090c-90fe-4f0c-8e86-5a4b2019a9ed","Audience settings | Mailchimp","Settings page where the user configures audience-wide defaults like name, webhooks, and default email address, showing a success toast after a reset action.","\u002Fexamples\u002Fapps\u002Fmailchimp\u002Fscreens",2880,1670,"Audience settings | Mailchimp from Mailchimp","2026-04-29T12:25:29.000Z","screen",[45,54],{"id":46,"label":47,"slug":48,"rank":49,"group":50},104,"Team Management","team-management",0,{"id":51,"label":52,"slug":53},10,"Settings & Admin","settings-and-admin",{"id":55,"label":56,"slug":57,"rank":58,"group":59},122,"Success","success",1,{"id":60,"label":61,"slug":62},12,"States & Feedback","states-and-feedback",[64,68,72,76,80,84,88],{"id":65,"title":66,"slug":67},177,"Breadcrumb","breadcrumb",{"id":69,"title":70,"slug":71},169,"Avatar","avatar",{"id":73,"title":74,"slug":75},240,"Horizontal navigation","horizontal-navigation",{"id":77,"title":78,"slug":79},277,"Button group","button-group",{"id":81,"title":82,"slug":83},260,"Badge","badge",{"id":85,"title":86,"slug":87},174,"Card","card",{"id":89,"title":90,"slug":91},175,"Button","button",{"slug":93,"title":94,"logo":95,"baseline":96,"categories":97},"mailchimp","Mailchimp","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fmailchimp-bd8e0c89.png","All-in-one marketing platform for small business",[98,102,106],{"id":99,"title":100,"slug":101},25,"Marketing","marketing",{"id":103,"title":104,"slug":105},27,"Email Newsletters","email-newsletters",{"id":107,"title":108,"slug":109},68,"SMS","sms",{"uuid":111,"title":112,"description":113,"canonical_path":114,"image":115,"width":116,"height":117,"image_alt":118,"published_at":119,"kind":43,"patterns":120,"component_categories":134,"app":141},"60989a3d-3912-4f97-9b8a-53e8516d7e69","Create a new list – Record Club","Creation page where the user builds a new list of record releases, adding a title, description, tags, and configuring list settings like privacy and ranking.","\u002Fexamples\u002Fapps\u002Frecord-club\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F60989a3d-3912-4f97-9b8a-53e8516d7e69.png",3024,1714,"Create a new list – Record Club from Record club","2025-04-21T10:47:50.000Z",[121,129],{"id":122,"label":123,"slug":124,"rank":49,"group":125},11,"Edit","edit",{"id":126,"label":127,"slug":128},2,"Actions","actions",{"id":130,"label":131,"slug":132,"rank":58,"group":133},13,"Filter & Sort","filter-and-sort",{"id":126,"label":127,"slug":128},[135,136,137,138,139,140],{"id":65,"title":66,"slug":67},{"id":69,"title":70,"slug":71},{"id":73,"title":74,"slug":75},{"id":77,"title":78,"slug":79},{"id":81,"title":82,"slug":83},{"id":85,"title":86,"slug":87},{"slug":142,"title":143,"logo":144,"baseline":145,"categories":146},"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",[147,151],{"id":148,"title":149,"slug":150},20,"Music","music",{"id":152,"title":153,"slug":154},14,"Social","social",{"uuid":156,"title":157,"description":158,"canonical_path":159,"image":160,"width":116,"height":161,"image_alt":162,"published_at":163,"kind":43,"patterns":164,"component_categories":173,"app":184},"e0cbdebe-d2e8-462d-a905-48f2ff52be9e","News | xAI","News page where the user browses the latest product and research announcements, including updates on Grok models and API releases.","\u002Fexamples\u002Fapps\u002Fgrok\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe0cbdebe-d2e8-462d-a905-48f2ff52be9e.png",8700,"News | xAI from Grok","2025-04-14T08:55:44.000Z",[165],{"id":166,"label":167,"slug":168,"rank":49,"group":169},173,"Newsroom","newsroom",{"id":170,"label":171,"slug":172},15,"Marketing Page Types","marketing-page-types",[174,178,182,183],{"id":175,"title":176,"slug":177},258,"Header","header",{"id":179,"title":180,"slug":181},202,"Footer","footer",{"id":85,"title":86,"slug":87},{"id":89,"title":90,"slug":91},{"slug":185,"title":186,"logo":187,"baseline":188,"categories":189},"grok","Grok","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fgrok-hpyfsu57.png",null,[190],{"id":191,"title":192,"slug":193},80,"Artificial Intelligence","artificial-intelligence",{"uuid":195,"title":196,"description":197,"canonical_path":198,"image":199,"width":116,"height":200,"image_alt":201,"published_at":202,"kind":43,"patterns":203,"component_categories":211,"app":217},"36b7ae65-c238-40c1-af99-ed7876a7bc82","My First Space","Modal overlay where the user creates a new folder by entering a name like Recordings.","\u002Fexamples\u002Fapps\u002Fshuttle\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F36b7ae65-c238-40c1-af99-ed7876a7bc82.png",1726,"My First Space from Shuttle","2025-03-31T12:54:20.000Z",[204],{"id":191,"label":205,"slug":206,"rank":49,"group":207},"Files","files",{"id":208,"label":209,"slug":210},8,"Pages & Content","pages-and-content",[212,216],{"id":213,"title":214,"slug":215},284,"Modal","modal",{"id":89,"title":90,"slug":91},{"slug":218,"title":219,"logo":220,"baseline":221,"categories":222},"shuttle","Shuttle","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fshuttle-1876ce5e.png","Manage and share your assets your way",[223,227],{"id":224,"title":225,"slug":226},71,"File sharing","file-sharing",{"id":228,"title":229,"slug":230},23,"Collaboration","collaboration",{"uuid":232,"title":233,"description":234,"canonical_path":235,"image":236,"width":116,"height":237,"image_alt":238,"published_at":239,"kind":43,"patterns":240,"component_categories":270,"app":278},"97cd5d37-fd52-4079-aab8-2fa38b26df02","Assembly","Dashboard showing LinkedIn engagement insights with an empty chart and a prompt to sync data via a bookmarklet.","\u002Fexamples\u002Fapps\u002Fmeet-assembly\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F97cd5d37-fd52-4079-aab8-2fa38b26df02.png",2850,"Assembly from Assembly","2025-03-17T13:29:41.000Z",[241,249,254,259,265],{"id":242,"label":243,"slug":244,"rank":49,"group":245},41,"Dashboard","dashboard",{"id":246,"label":247,"slug":248},4,"Data & Analysis","data-and-analysis",{"id":250,"label":251,"slug":252,"rank":58,"group":253},115,"Empty State","empty-state",{"id":60,"label":61,"slug":62},{"id":255,"label":256,"slug":257,"rank":126,"group":258},40,"Charts","charts",{"id":246,"label":247,"slug":248},{"id":260,"label":261,"slug":262,"rank":263,"group":264},46,"Stats","stats",3,{"id":246,"label":247,"slug":248},{"id":266,"label":267,"slug":268,"rank":246,"group":269},97,"Integrations","integrations",{"id":51,"label":52,"slug":53},[271,275,276,277],{"id":272,"title":273,"slug":274},233,"Tabs","tabs",{"id":81,"title":82,"slug":83},{"id":85,"title":86,"slug":87},{"id":89,"title":90,"slug":91},{"slug":279,"title":233,"logo":280,"baseline":281,"categories":282},"meet-assembly","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fassembly-s-8b4489ec.png","Manage your social content like magic",[283,284,285],{"id":152,"title":153,"slug":154},{"id":228,"title":229,"slug":230},{"id":99,"title":100,"slug":101},{"uuid":287,"title":288,"description":289,"canonical_path":290,"image":291,"width":116,"height":292,"image_alt":293,"published_at":294,"kind":43,"patterns":295,"component_categories":322,"app":326},"37a0d20e-c3e5-4375-a694-c98fed1f6d29","Leap AI | Automate any workflow with AI","Design editor where the user builds an AI automation by connecting nodes on a canvas, currently configuring the initial input step in the right sidebar.","\u002Fexamples\u002Fapps\u002Fleap\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F37a0d20e-c3e5-4375-a694-c98fed1f6d29.png",1778,"Leap AI | Automate any workflow with AI from Leap","2025-03-10T14:11:55.000Z",[296,303,310,315,317],{"id":297,"label":298,"slug":299,"rank":49,"group":300},129,"Workflow Builder","workflow-builder",{"id":130,"label":301,"slug":302},"Workflow & Automation","workflow-and-automation",{"id":304,"label":305,"slug":306,"rank":58,"group":307},29,"AI Editing","ai-editing",{"id":263,"label":308,"slug":309},"AI","ai",{"id":311,"label":312,"slug":313,"rank":126,"group":314},30,"AI Generation","ai-generation",{"id":263,"label":308,"slug":309},{"id":122,"label":123,"slug":124,"rank":263,"group":316},{"id":126,"label":127,"slug":128},{"id":318,"label":319,"slug":320,"rank":246,"group":321},17,"Publish","publish",{"id":126,"label":127,"slug":128},[323,324,325],{"id":272,"title":273,"slug":274},{"id":85,"title":86,"slug":87},{"id":89,"title":90,"slug":91},{"slug":327,"title":328,"logo":329,"baseline":330,"categories":331},"leap","Leap","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fleap-60d851ac.png","Automate any workflow with AI",[332,333],{"id":191,"title":192,"slug":193},{"id":311,"title":334,"slug":335},"Productivity","productivity",{"uuid":337,"title":338,"description":339,"canonical_path":340,"image":341,"width":116,"height":292,"image_alt":342,"published_at":343,"kind":43,"patterns":344,"component_categories":356,"app":363},"c0968976-56e8-46a0-9346-ef2903d09738","WeTransfer | Send Large Files Fast","Onboarding step where the user is asked to subscribe to stories about creativity and WeTransfer news after completing a payment.","\u002Fexamples\u002Fapps\u002Fwetransfer\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fc0968976-56e8-46a0-9346-ef2903d09738.png","WeTransfer | Send Large Files Fast from WeTransfer","2025-02-24T16:12:09.000Z",[345,351],{"id":58,"label":346,"slug":347,"rank":49,"group":348},"Account Setup","account-setup",{"id":58,"label":349,"slug":350},"Access & Account","access-and-account",{"id":352,"label":353,"slug":354,"rank":58,"group":355},114,"Confirmation","confirmation",{"id":60,"label":61,"slug":62},[357,361,362],{"id":358,"title":359,"slug":360},227,"Stepper","stepper",{"id":77,"title":78,"slug":79},{"id":89,"title":90,"slug":91},{"slug":364,"title":365,"logo":366,"baseline":367,"categories":368},"wetransfer","WeTransfer","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fwetransfer-3e886b18.png","The simplest way to send your files around the world.",[369],{"id":224,"title":225,"slug":226},{"uuid":371,"title":372,"description":373,"canonical_path":374,"image":375,"width":116,"height":292,"image_alt":376,"published_at":377,"kind":43,"patterns":378,"component_categories":386,"app":395},"f24f4a3a-4a6d-4753-8e15-1f306a57fd58","Simple link in bio | Flodesk","Design editor where the user previews their newsletter thank-you page and copies the shareable link from an open popover.","\u002Fexamples\u002Fapps\u002Fflodesk\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ff24f4a3a-4a6d-4753-8e15-1f306a57fd58.png","Simple link in bio | Flodesk from Flodesk","2025-02-24T15:36:57.000Z",[379,381],{"id":55,"label":56,"slug":57,"rank":49,"group":380},{"id":60,"label":61,"slug":62},{"id":382,"label":383,"slug":384,"rank":58,"group":385},24,"Share","share",{"id":126,"label":127,"slug":128},[387,391,392,393,394],{"id":388,"title":389,"slug":390},214,"Popover","popover",{"id":272,"title":273,"slug":274},{"id":73,"title":74,"slug":75},{"id":85,"title":86,"slug":87},{"id":89,"title":90,"slug":91},{"slug":396,"title":397,"logo":398,"baseline":399,"categories":400},"flodesk","Flodesk","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fflodesk-57ced817.png","Design emails people love to open. Sell online.",[401,402],{"id":103,"title":104,"slug":105},{"id":99,"title":100,"slug":101},{"uuid":404,"title":405,"description":406,"canonical_path":407,"image":408,"width":116,"height":409,"image_alt":410,"published_at":411,"kind":43,"patterns":412,"component_categories":421,"app":425},"6fe8390f-2d1c-449b-839a-8f0bce274ede","Podia","Create page where the user names a new product and selects its type from options like course, download, webinar, coaching session, or bundle.","\u002Fexamples\u002Fapps\u002Fpodia\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F6fe8390f-2d1c-449b-839a-8f0bce274ede.png",1990,"Podia from Podia","2025-02-17T15:29:05.000Z",[413],{"id":414,"label":415,"slug":416,"rank":49,"group":417},91,"Trial","trial",{"id":418,"label":419,"slug":420},9,"Plans & Limits","plans-and-limits",[422,423,424],{"id":69,"title":70,"slug":71},{"id":73,"title":74,"slug":75},{"id":85,"title":86,"slug":87},{"slug":426,"title":405,"logo":427,"baseline":428,"categories":429},"podia","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fpodia-g4nl3lhm.png","Sell online courses, memberships, and downloads",[430,434,437,438],{"id":431,"title":432,"slug":433},32,"Education","education",{"id":58,"title":435,"slug":436},"Communities","communities",{"id":103,"title":104,"slug":105},{"id":439,"title":440,"slug":441},33,"E-Learning","e-learning",{"uuid":443,"title":444,"description":445,"canonical_path":446,"image":447,"width":116,"height":292,"image_alt":448,"published_at":449,"kind":43,"patterns":450,"component_categories":461,"app":467},"94614769-e053-4ffd-9834-04be77315b05","Dub.co - Link Management for Modern Marketing Teams","Modal where the user creates a new short link, configures tags and comments, and previews the social media card and QR code.","\u002Fexamples\u002Fapps\u002Fdub\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F94614769-e053-4ffd-9834-04be77315b05.png","Dub.co - Link Management for Modern Marketing Teams from Dub","2025-02-17T13:43:13.000Z",[451,456],{"id":452,"label":453,"slug":454,"rank":49,"group":455},7,"Add & Create","add-and-create",{"id":126,"label":127,"slug":128},{"id":457,"label":458,"slug":459,"rank":58,"group":460},42,"Form","form",{"id":246,"label":247,"slug":248},[462,463,464,465,466],{"id":213,"title":214,"slug":215},{"id":77,"title":78,"slug":79},{"id":81,"title":82,"slug":83},{"id":85,"title":86,"slug":87},{"id":89,"title":90,"slug":91},{"slug":468,"title":469,"logo":470,"baseline":471,"categories":472},"dub","Dub","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fdub-43tr8usg.png","Short links with superpowers",[473,474],{"id":99,"title":100,"slug":101},{"id":260,"title":475,"slug":476},"Analytics","analytics",{"uuid":478,"title":479,"description":480,"canonical_path":481,"image":482,"width":116,"height":292,"image_alt":483,"published_at":484,"kind":43,"patterns":485,"component_categories":493,"app":498},"0b97e60a-b096-4600-b597-133a9435e620","New task - Motion","List view where the user creates a new task with details like duration, start date, deadline, and assignee in a modal overlay.","\u002Fexamples\u002Fapps\u002Fmotion\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F0b97e60a-b096-4600-b597-133a9435e620.png","New task - Motion from Motion","2025-02-10T16:08:17.000Z",[486,488],{"id":452,"label":453,"slug":454,"rank":49,"group":487},{"id":126,"label":127,"slug":128},{"id":489,"label":490,"slug":491,"rank":58,"group":492},85,"Tasks","tasks",{"id":208,"label":209,"slug":210},[494,495,496,497],{"id":213,"title":214,"slug":215},{"id":77,"title":78,"slug":79},{"id":81,"title":82,"slug":83},{"id":89,"title":90,"slug":91},{"slug":499,"title":500,"logo":501,"baseline":502,"categories":503},"motion","Motion","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fmotion-6fac92db.png","Use AI to plan your work, automatically",[504,505,508,509],{"id":191,"title":192,"slug":193},{"id":304,"title":506,"slug":507},"Task Management","task-management",{"id":311,"title":334,"slug":335},{"id":510,"title":511,"slug":512},101,"Calendar","calendar",{"uuid":514,"title":515,"description":516,"canonical_path":517,"image":518,"width":116,"height":292,"image_alt":519,"published_at":520,"kind":43,"patterns":521,"component_categories":527,"app":531},"5cd63334-0720-44c6-8203-fdad2983c767","Steep","Creation screen where the user configures a new data entity by mapping table columns to properties and selecting relevant metrics, with a live data preview.","\u002Fexamples\u002Fapps\u002Fsteep\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F5cd63334-0720-44c6-8203-fdad2983c767.png","Steep from Steep","2025-02-10T14:54:31.000Z",[522],{"id":523,"label":524,"slug":525,"rank":49,"group":526},47,"Table","table",{"id":246,"label":247,"slug":248},[528,529,530],{"id":81,"title":82,"slug":83},{"id":85,"title":86,"slug":87},{"id":89,"title":90,"slug":91},{"slug":532,"title":515,"logo":533,"baseline":534,"categories":535},"steep","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fsteep-pou14al3.png","The new way to work with data together",[536,537],{"id":260,"title":475,"slug":476},{"id":538,"title":539,"slug":540},57,"Big data","big-data",[],[543,545,547,549,551,553,555,557,559,561,563,565,567,570,573,576,579,582,585,588,591,594,597,600],{"label":453,"to":544,"count":126},"\u002Fexamples\u002Fscreens\u002Fadd-and-create",{"label":123,"to":546,"count":126},"\u002Fexamples\u002Fscreens\u002Fedit",{"label":56,"to":548,"count":126},"\u002Fexamples\u002Fscreens\u002Fsuccess",{"label":346,"to":550,"count":58},"\u002Fexamples\u002Fscreens\u002Faccount-setup",{"label":305,"to":552,"count":58},"\u002Fexamples\u002Fscreens\u002Fai-editing",{"label":312,"to":554,"count":58},"\u002Fexamples\u002Fscreens\u002Fai-generation",{"label":256,"to":556,"count":58},"\u002Fexamples\u002Fscreens\u002Fcharts",{"label":353,"to":558,"count":58},"\u002Fexamples\u002Fscreens\u002Fconfirmation",{"label":243,"to":560,"count":58},"\u002Fexamples\u002Fscreens\u002Fdashboard",{"label":251,"to":562,"count":58},"\u002Fexamples\u002Fscreens\u002Fempty-state",{"label":205,"to":564,"count":58},"\u002Fexamples\u002Fscreens\u002Ffiles",{"label":131,"to":566,"count":58},"\u002Fexamples\u002Fscreens\u002Ffilter-and-sort",{"label":568,"to":569},"Mailchimp design examples","\u002Fexamples\u002Fapps\u002Fmailchimp",{"label":571,"to":572},"Record club design examples","\u002Fexamples\u002Fapps\u002Frecord-club",{"label":574,"to":575},"Grok design examples","\u002Fexamples\u002Fapps\u002Fgrok",{"label":577,"to":578},"Shuttle design examples","\u002Fexamples\u002Fapps\u002Fshuttle",{"label":580,"to":581},"Assembly design examples","\u002Fexamples\u002Fapps\u002Fmeet-assembly",{"label":583,"to":584},"Leap design examples","\u002Fexamples\u002Fapps\u002Fleap",{"label":586,"to":587},"WeTransfer design examples","\u002Fexamples\u002Fapps\u002Fwetransfer",{"label":589,"to":590},"Flodesk design examples","\u002Fexamples\u002Fapps\u002Fflodesk",{"label":592,"to":593},"Podia design examples","\u002Fexamples\u002Fapps\u002Fpodia",{"label":595,"to":596},"Dub design examples","\u002Fexamples\u002Fapps\u002Fdub",{"label":598,"to":599},"Motion design examples","\u002Fexamples\u002Fapps\u002Fmotion",{"label":601,"to":602},"Steep design examples","\u002Fexamples\u002Fapps\u002Fsteep",{"published_at":604,"updated_at":605},"2024-12-11T09:56:06.000Z","2026-09-05T20:20:07.957Z"]