[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples":3,"i-custom:bookmark":1362},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":15,"examples":318,"showcases":319,"links":1358,"dates":1359},"\u002Fexamples","hub","root",true,{"title":9,"description":10,"og_image":11},"UI design examples for SaaS apps - Nicelydone","Find UI design inspiration in SaaS screens, user flows, and interface components. Browse design examples by screen type, task, component, or app.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F1440f846-f860-4584-8418-377a712757eb.png",[13],{"label":14,"to":4},"UI design examples for SaaS apps",{"title":14,"eyebrow":-1,"description":10,"sections":16,"body":316},[17,126,183,226,268],{"title":18,"links":19},"Screens",[20,25,29,33,37,42,47,52,56,61,66,71,75,80,84,88,93,97,101,105,109,114,118,122],{"id":21,"label":22,"to":23,"group":24},28,"AI Chat","\u002Fexamples\u002Fscreens\u002Fai-chat","AI",{"id":26,"label":27,"to":28,"group":24},26,"AI Agent","\u002Fexamples\u002Fscreens\u002Fai-agent",{"id":30,"label":31,"to":32,"group":24},32,"AI Search","\u002Fexamples\u002Fscreens\u002Fai-search",{"id":34,"label":35,"to":36,"group":24},30,"AI Generation","\u002Fexamples\u002Fscreens\u002Fai-generation",{"id":38,"label":39,"to":40,"group":41},5,"Sign Up","\u002Fexamples\u002Fscreens\u002Fsign-up","Access & Account",{"id":43,"label":44,"to":45,"group":46},74,"Onboarding Checklist","\u002Fexamples\u002Fscreens\u002Fonboarding-checklist","Onboarding & Education",{"id":48,"label":49,"to":50,"group":51},133,"Invite Teammates","\u002Fexamples\u002Fscreens\u002Finvite-teammates","Actions",{"id":53,"label":54,"to":55,"group":41},1,"Account Setup","\u002Fexamples\u002Fscreens\u002Faccount-setup",{"id":57,"label":58,"to":59,"group":60},89,"Pricing","\u002Fexamples\u002Fscreens\u002Fpricing","Plans & Limits",{"id":62,"label":63,"to":64,"group":65},130,"Checkout","\u002Fexamples\u002Fscreens\u002Fcheckout","Payments & Checkout",{"id":67,"label":68,"to":69,"group":70},96,"Billing Settings","\u002Fexamples\u002Fscreens\u002Fbilling-settings","Settings & Admin",{"id":72,"label":73,"to":74,"group":65},132,"Payment Method","\u002Fexamples\u002Fscreens\u002Fpayment-method",{"id":76,"label":77,"to":78,"group":79},41,"Dashboard","\u002Fexamples\u002Fscreens\u002Fdashboard","Data & Analysis",{"id":81,"label":82,"to":83,"group":79},47,"Table","\u002Fexamples\u002Fscreens\u002Ftable",{"id":85,"label":86,"to":87,"group":51},13,"Filter & Sort","\u002Fexamples\u002Fscreens\u002Ffilter-and-sort",{"id":89,"label":90,"to":91,"group":92},84,"Search Results","\u002Fexamples\u002Fscreens\u002Fsearch-results","Pages & Content",{"id":94,"label":95,"to":96,"group":70},94,"Account Settings","\u002Fexamples\u002Fscreens\u002Faccount-settings",{"id":98,"label":99,"to":100,"group":70},101,"Security Settings","\u002Fexamples\u002Fscreens\u002Fsecurity-settings",{"id":102,"label":103,"to":104,"group":70},100,"Roles & Permissions","\u002Fexamples\u002Fscreens\u002Froles-and-permissions",{"id":106,"label":107,"to":108,"group":70},99,"Notification Settings","\u002Fexamples\u002Fscreens\u002Fnotification-settings",{"id":110,"label":111,"to":112,"group":113},115,"Empty State","\u002Fexamples\u002Fscreens\u002Fempty-state","States & Feedback",{"id":115,"label":116,"to":117,"group":113},120,"Loading","\u002Fexamples\u002Fscreens\u002Floading",{"id":119,"label":120,"to":121,"group":113},116,"Error","\u002Fexamples\u002Fscreens\u002Ferror",{"id":123,"label":124,"to":125,"group":60},92,"Upgrade Prompt","\u002Fexamples\u002Fscreens\u002Fupgrade-prompt",{"title":127,"links":128},"Flows",[129,134,139,144,149,154,159,164,169,174,179],{"id":130,"label":131,"to":132,"description":133},103,"Signing up","\u002Fexamples\u002Fflows\u002Fsigning-up","See how SaaS apps introduce creating an account. Preview how the opening screens arrange registration choices, requested details, and the transition toward initial setup.",{"id":135,"label":136,"to":137,"description":138},45,"Onboarding","\u002Fexamples\u002Fflows\u002Fonboarding","See how SaaS apps introduce a product to someone new. Preview the opening steps and how setup questions, guidance, and initial choices lead into the workspace.",{"id":140,"label":141,"to":142,"description":143},16,"Setting up account","\u002Fexamples\u002Fflows\u002Fset-up-account","See how SaaS apps introduce the details needed for a usable account. Preview the opening setup screens and how they organize profile information and initial preferences.",{"id":145,"label":146,"to":147,"description":148},11,"Inviting teammates","\u002Fexamples\u002Fflows\u002Finvite-teammates","See how SaaS apps introduce bringing other people into a workspace. Preview the opening steps for entering recipient details and choosing how the invitation will grant access.",{"id":150,"label":151,"to":152,"description":153},43,"Searching","\u002Fexamples\u002Fflows\u002Fsearch","Explore how apps begin a search for information. Preview how the opening interaction connects query entry with the collection or workspace being searched.",{"id":155,"label":156,"to":157,"description":158},63,"Filtering & sorting","\u002Fexamples\u002Fflows\u002Ffilter-sort","See how apps begin narrowing or reordering a set of results. Preview how the opening interaction makes filter conditions and sorting choices available beside the collection.",{"id":160,"label":161,"to":162,"description":163},9,"Browsing guide","\u002Fexamples\u002Fflows\u002Fbrowse-guide","See how apps introduce a guide and its contents. Preview the opening steps for finding a relevant section and moving into the instructions or learning material.",{"id":165,"label":166,"to":167,"description":168},58,"Resetting password","\u002Fexamples\u002Fflows\u002Freset-password","See how SaaS apps introduce recovering access to an account. Preview the opening steps for identifying the account and requesting a password reset.",{"id":170,"label":171,"to":172,"description":173},27,"Canceling subscription","\u002Fexamples\u002Fflows\u002Fcancel-subscription","See how SaaS apps introduce ending a subscription. Preview the opening steps and how plan information, cancellation reasons, and available choices are presented at the start.",{"id":175,"label":176,"to":177,"description":178},49,"Upgrading subscription","\u002Fexamples\u002Fflows\u002Fupgrade-your-plan","See how SaaS apps introduce moving to another subscription plan. Preview the opening steps and how current access, available plans, and upgrade choices are explained.",{"id":89,"label":180,"to":181,"description":182},"Setting up payment method","\u002Fexamples\u002Fflows\u002Fset-up-payment-method","See how SaaS apps introduce adding a way to pay. Preview the first steps for choosing a payment option and entering the details required for the account.",{"title":184,"links":185},"Marketing screens",[186,191,196,201,206,211,216,221],{"id":187,"label":188,"to":189,"description":190},136,"Landing Page","\u002Fexamples\u002Fpages\u002Flanding-page","See how websites build a page around a focused offer or message. Explore how the opening statement, supporting content, and calls to action establish a path through the page.",{"id":192,"label":193,"to":194,"description":195},138,"Feature Page","\u002Fexamples\u002Fpages\u002Ffeature-page","See how websites explain a specific product capability. Explore how demonstrations, descriptions, and use examples connect the feature with the tasks it supports.",{"id":197,"label":198,"to":199,"description":200},143,"Pricing Page","\u002Fexamples\u002Fpages\u002Fpricing-page","Explore how SaaS websites explain the cost and scope of their plans. Look at how prices, feature comparisons, billing options, and purchase actions support reviewing the available choices.",{"id":202,"label":203,"to":204,"description":205},188,"Waitlist Page","\u002Fexamples\u002Fpages\u002Fwaitlist-page","Explore how websites introduce an upcoming product and collect interest. Look at how the offer, access expectations, and signup form fit together before launch.",{"id":207,"label":208,"to":209,"description":210},166,"About Page","\u002Fexamples\u002Fpages\u002Fabout-page","Explore how companies introduce who they are and what they do. Look at how their story, people, and product context are arranged across an about page.",{"id":212,"label":213,"to":214,"description":215},146,"Contact Page","\u002Fexamples\u002Fpages\u002Fcontact-page","Explore how websites help visitors choose a way to get in touch. Look at how contact details, inquiry types, and forms are arranged around the reason for reaching out.",{"id":217,"label":218,"to":219,"description":220},169,"Team Page","\u002Fexamples\u002Fpages\u002Fteam-page","See how companies introduce the people behind their work. Explore how portraits, names, roles, and biographies create a view of the team and its responsibilities.",{"id":222,"label":223,"to":224,"description":225},167,"Mission Page","\u002Fexamples\u002Fpages\u002Fmission-page","See how companies explain the purpose behind their work. Explore how mission statements, supporting stories, and product context connect the stated ambition with the organization.",{"title":227,"links":228},"Components",[229,234,239,244,249,253,258,263],{"id":230,"label":231,"to":232,"description":233},175,"Button","\u002Fexamples\u002Fcomponents\u002Fbutton","Explore how interfaces make actions visible and distinguish their importance. Look at button labels, icons, and visual states in the context of the task they support.",{"id":235,"label":236,"to":237,"description":238},243,"Form element","\u002Fexamples\u002Fcomponents\u002Fform-element","Explore how interfaces combine a field with the information needed to complete it. Look at label placement, supporting text, and validation messages around individual form controls.",{"id":240,"label":241,"to":242,"description":243},190,"Dropdown menu","\u002Fexamples\u002Fcomponents\u002Fdropdown-menu","See how interfaces reveal a list of actions from a compact trigger. Explore how menu labels, groups, and item states organize the available choices.",{"id":245,"label":246,"to":247,"description":248},225,"Sorting & filtering","\u002Fexamples\u002Fcomponents\u002Fsorting-filtering","See how interfaces place sorting and filtering controls beside a collection. Explore how selected conditions, option menus, and reset actions fit into the available space.",{"id":250,"label":82,"to":251,"description":252},248,"\u002Fexamples\u002Fcomponents\u002Ftable-2","See how interfaces organize records into rows and columns. Explore how headers, cells, selection controls, and row actions fit within a data table component.",{"id":254,"label":255,"to":256,"description":257},250,"Settings panel","\u002Fexamples\u002Fcomponents\u002Fsettings-panel","See how interfaces group configuration controls in a dedicated panel. Explore how section labels, explanations, and individual settings fit around the item being configured.",{"id":259,"label":260,"to":261,"description":262},303,"Pricing section","\u002Fexamples\u002Fcomponents\u002Fpricing-section","Explore how websites present subscription choices within a page section. Look at how prices, feature lists, billing options, and selection actions are arranged across plans.",{"id":264,"label":265,"to":266,"description":267},302,"Empty state","\u002Fexamples\u002Fcomponents\u002Femptystate","See how interfaces explain why a section has no content. Explore how a short message, supporting visual, and relevant action introduce what can appear in the empty space.",{"title":269,"links":270},"Apps",[271,275,279,283,287,290,294,298,302,306,310,313],{"id":272,"label":273,"to":274},80,"Artificial Intelligence","\u002Fexamples\u002Fapps\u002Fcategories\u002Fartificial-intelligence",{"id":276,"label":277,"to":278},23,"Collaboration","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcollaboration",{"id":280,"label":281,"to":282},48,"Developer Tools","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-tools",{"id":284,"label":285,"to":286},8,"Design","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdesign",{"id":34,"label":288,"to":289},"Productivity","\u002Fexamples\u002Fapps\u002Fcategories\u002Fproductivity",{"id":291,"label":292,"to":293},37,"Developer APIs","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-apis",{"id":295,"label":296,"to":297},36,"Finance","\u002Fexamples\u002Fapps\u002Fcategories\u002Ffinance",{"id":299,"label":300,"to":301},7,"Web Development","\u002Fexamples\u002Fapps\u002Fcategories\u002Fweb-development",{"id":303,"label":304,"to":305},25,"Marketing","\u002Fexamples\u002Fapps\u002Fcategories\u002Fmarketing",{"id":307,"label":308,"to":309},46,"Analytics","\u002Fexamples\u002Fapps\u002Fcategories\u002Fanalytics",{"id":53,"label":311,"to":312},"Communities","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcommunities",{"id":67,"label":314,"to":315},"No code","\u002Fexamples\u002Fapps\u002Fcategories\u002Fno-code",[317],"63 selected categories across screens, flows, marketing screens, components, and apps.",[],[320,422,501,582,665,754,826,906,962,1040,1097,1150,1198,1239],{"family":321,"title":322,"description":323,"links":324,"examples":325},"screens","AI experiences","Help people ask, create, and work with AI.",[20,25,29,33],[326,381],{"uuid":327,"title":328,"description":329,"canonical_path":330,"image":11,"width":331,"height":332,"image_alt":333,"published_at":334,"kind":335,"patterns":336,"component_categories":352,"app":366},"1440f846-f860-4584-8418-377a712757eb","Bud | Your AI Worker","AI chat interface where the user prompts the assistant to analyze a heart disease dataset, featuring a conversational panel alongside a file browser and workspace.","\u002Fexamples\u002Fapps\u002Fbud\u002Fscreens",3024,1714,"Bud | Your AI Worker from Bud","2026-09-21T19:04:27.000Z","screen",[337,343,346],{"id":21,"label":22,"slug":338,"rank":339,"group":340},"ai-chat",0,{"id":341,"label":24,"slug":342},3,"ai",{"id":34,"label":35,"slug":344,"rank":53,"group":345},"ai-generation",{"id":341,"label":24,"slug":342},{"id":272,"label":347,"slug":348,"rank":349,"group":350},"Files","files",2,{"id":284,"label":92,"slug":351},"pages-and-content",[353,357,361,364],{"id":354,"title":355,"slug":356},233,"Tabs","tabs",{"id":358,"title":359,"slug":360},260,"Badge","badge",{"id":222,"title":362,"slug":363},"Alert","alert",{"id":230,"title":231,"slug":365},"button",{"slug":367,"title":368,"logo":369,"baseline":370,"categories":371},"bud","Bud","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fb0427c87-61b8-484c-bf46-129e1c0ebd42.png","Bud is an AI worker with its own computer, browser, and number to run autonomously and get work done.",[372,374,377],{"id":272,"title":273,"slug":373},"artificial-intelligence",{"id":130,"title":375,"slug":376},"Demo Automation","demo-automation",{"id":378,"title":379,"slug":380},105,"Workflow Automation","workflow-automation",{"uuid":382,"title":383,"description":384,"canonical_path":385,"image":386,"width":331,"height":387,"image_alt":388,"published_at":389,"kind":335,"patterns":390,"component_categories":400,"app":406},"08be643d-38dd-4f0f-b60a-9fa01f5baf47","Create Product with AI | Nicelydone | Polar","Product creation screen where the user can describe their product using natural language for AI generation, with an option to switch to manual configuration.","\u002Fexamples\u002Fapps\u002Fpolar\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F08be643d-38dd-4f0f-b60a-9fa01f5baf47.png",1758,"Create Product with AI | Nicelydone | Polar from Polar","2026-09-21T19:01:38.000Z",[391,393,398],{"id":34,"label":35,"slug":344,"rank":339,"group":392},{"id":341,"label":24,"slug":342},{"id":299,"label":394,"slug":395,"rank":53,"group":396},"Add & Create","add-and-create",{"id":349,"label":51,"slug":397},"actions",{"id":21,"label":22,"slug":338,"rank":349,"group":399},{"id":341,"label":24,"slug":342},[401,405],{"id":402,"title":403,"slug":404},174,"Card","card",{"id":230,"title":231,"slug":365},{"slug":407,"title":408,"logo":409,"baseline":410,"categories":411},"polar","Polar","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fpolar-3d0012c1.png","Sell SaaS and digital products in minutes",[412,414,418,420],{"id":295,"title":296,"slug":413},"finance",{"id":415,"title":416,"slug":417},39,"Payments","payments",{"id":280,"title":281,"slug":419},"developer-tools",{"id":291,"title":292,"slug":421},"developer-apis",{"family":321,"title":423,"description":424,"links":425,"examples":426},"Sign-up and onboarding","Help new users create an account and get started.",[37,42,47,52],[427,459],{"uuid":428,"title":429,"description":430,"canonical_path":431,"image":432,"width":331,"height":387,"image_alt":433,"published_at":434,"kind":335,"patterns":435,"component_categories":444,"app":446},"e4a9a327-3740-4d41-83ef-0ea3d4e0cfca","Magnific | All-in-One AI Creative Suite","Onboarding step where the user indicates how they discovered the product by selecting from a cluster of social media and community pill buttons.","\u002Fexamples\u002Fapps\u002Fmagnific\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe4a9a327-3740-4d41-83ef-0ea3d4e0cfca.png","Magnific | All-in-One AI Creative Suite from Magnific","2026-09-14T12:05:04.000Z",[436,440],{"id":38,"label":39,"slug":437,"rank":53,"group":438},"sign-up",{"id":53,"label":41,"slug":439},"access-and-account",{"id":43,"label":44,"slug":441,"rank":339,"group":442},"onboarding-checklist",{"id":299,"label":46,"slug":443},"onboarding-and-education",[445],{"id":230,"title":231,"slug":365},{"slug":447,"title":448,"logo":449,"baseline":450,"categories":451},"magnific","Magnific","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F07fe44bd-fed6-494e-8806-f1effa3458cb.png","The creative platform to direct your best work.",[452,454,458],{"id":284,"title":285,"slug":453},"design",{"id":455,"title":456,"slug":457},15,"Media and Entertainment","media-and-entertainment",{"id":272,"title":273,"slug":373},{"uuid":460,"title":461,"description":462,"canonical_path":463,"image":464,"width":331,"height":387,"image_alt":465,"published_at":466,"kind":335,"patterns":467,"component_categories":477,"app":489},"a253ab99-1d26-4221-a4d7-43d2a4e442a8","Prototypes","List view empty state where the user can start a new prototyping session via a prompt input or use the browser extension to capture a page.","\u002Fexamples\u002Fapps\u002Falloy\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fa253ab99-1d26-4221-a4d7-43d2a4e442a8.png","Prototypes from Alloy","2026-09-14T10:58:46.000Z",[468,470,475],{"id":43,"label":44,"slug":441,"rank":349,"group":469},{"id":299,"label":46,"slug":443},{"id":110,"label":111,"slug":471,"rank":339,"group":472},"empty-state",{"id":473,"label":113,"slug":474},12,"states-and-feedback",{"id":299,"label":394,"slug":395,"rank":53,"group":476},{"id":349,"label":51,"slug":397},[478,479,483,487,488],{"id":402,"title":403,"slug":404},{"id":480,"title":481,"slug":482},277,"Button group","button-group",{"id":484,"title":485,"slug":486},214,"Popover","popover",{"id":230,"title":231,"slug":365},{"id":358,"title":359,"slug":360},{"slug":490,"title":491,"logo":492,"baseline":493,"categories":494},"alloy","Alloy","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F13110ce9-b228-4dcd-99db-7c3272fae2ce.png","AI prototyping tool for product managers",[495,496,497],{"id":280,"title":281,"slug":419},{"id":272,"title":273,"slug":373},{"id":498,"title":499,"slug":500},86,"Product management","product-management",{"family":321,"title":502,"description":503,"links":504,"examples":505},"Pricing and billing","Explain plans, payments, and subscription choices.",[56,61,66,71],[506,541],{"uuid":507,"title":508,"description":509,"canonical_path":510,"image":511,"width":331,"height":387,"image_alt":512,"published_at":513,"kind":335,"patterns":514,"component_categories":526,"app":534},"514661b8-5ee7-4bda-877a-9ecc35b0dc99","Create servers – Dashboard - Latitude.sh","Server creation page where the user configures options like SSH keys, billing cycle, and hostnames before deploying.","\u002Fexamples\u002Fapps\u002Flatitude-2\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F514661b8-5ee7-4bda-877a-9ecc35b0dc99.png","Create servers – Dashboard - Latitude.sh from Latitude.sh","2026-09-14T11:09:31.000Z",[515,519,521],{"id":57,"label":58,"slug":516,"rank":349,"group":517},"pricing",{"id":160,"label":60,"slug":518},"plans-and-limits",{"id":299,"label":394,"slug":395,"rank":339,"group":520},{"id":349,"label":51,"slug":397},{"id":62,"label":63,"slug":522,"rank":53,"group":523},"checkout",{"id":524,"label":65,"slug":525},14,"payments-and-checkout",[527,528,529,530],{"id":358,"title":359,"slug":360},{"id":402,"title":403,"slug":404},{"id":230,"title":231,"slug":365},{"id":531,"title":532,"slug":533},257,"Input number","input-number",{"slug":535,"title":536,"logo":537,"baseline":538,"categories":539},"latitude-2","Latitude.sh","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F855c8d51-549e-4924-978d-a865acc9f11a.png","Deploy and manage fully automated bare metal servers globally",[540],{"id":280,"title":281,"slug":419},{"uuid":542,"title":543,"description":544,"canonical_path":545,"image":546,"width":331,"height":387,"image_alt":547,"published_at":548,"kind":335,"patterns":549,"component_categories":561,"app":568},"c11ca6e4-56f9-41e0-82ee-87d13f3099b4","Flask","Settings page where the user manages their team's subscription plan, choosing between Free, Pro, and Large Teams tiers with a seat selector for checkout.","\u002Fexamples\u002Fapps\u002Fflask\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fc11ca6e4-56f9-41e0-82ee-87d13f3099b4.png","Flask from Flask","2026-09-07T12:11:43.000Z",[550,552,554],{"id":62,"label":63,"slug":522,"rank":53,"group":551},{"id":524,"label":65,"slug":525},{"id":57,"label":58,"slug":516,"rank":339,"group":553},{"id":160,"label":60,"slug":518},{"id":555,"label":556,"slug":557,"rank":349,"group":558},104,"Team Management","team-management",{"id":559,"label":70,"slug":560},10,"settings-and-admin",[562,566,567],{"id":563,"title":564,"slug":565},168,"Accordion","accordion",{"id":531,"title":532,"slug":533},{"id":230,"title":231,"slug":365},{"slug":569,"title":543,"logo":570,"baseline":571,"categories":572},"flask","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Ffb0bfd95-becd-46ec-9917-a82dd6bbe601.png","Give detailed video feedback in minutes without typing comments",[573,576,578],{"id":102,"title":574,"slug":575},"Video","video",{"id":276,"title":277,"slug":577},"collaboration",{"id":579,"title":580,"slug":581},35,"Feedback","feedback",{"family":321,"title":583,"description":584,"links":585,"examples":586},"Dashboards and data","Make information easier to find and understand.",[75,80,84,88],[587,633],{"uuid":588,"title":589,"description":590,"canonical_path":591,"image":592,"width":331,"height":387,"image_alt":593,"published_at":594,"kind":335,"patterns":595,"component_categories":610,"app":621},"40d32527-3408-43b5-a4c3-455f4b0e3147","Tasks | inference.net","List view where the user monitors task performance metrics like request volume, cost, and success rate over time.","\u002Fexamples\u002Fapps\u002Finference\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F40d32527-3408-43b5-a4c3-455f4b0e3147.png","Tasks | inference.net from Inference","2026-09-07T10:14:44.000Z",[596,601,605],{"id":76,"label":77,"slug":597,"rank":339,"group":598},"dashboard",{"id":599,"label":79,"slug":600},4,"data-and-analysis",{"id":307,"label":602,"slug":603,"rank":53,"group":604},"Stats","stats",{"id":599,"label":79,"slug":600},{"id":606,"label":607,"slug":608,"rank":349,"group":609},40,"Charts","charts",{"id":599,"label":79,"slug":600},[611,615,616,617,620],{"id":612,"title":613,"slug":614},177,"Breadcrumb","breadcrumb",{"id":358,"title":359,"slug":360},{"id":230,"title":231,"slug":365},{"id":217,"title":618,"slug":619},"Avatar","avatar",{"id":402,"title":403,"slug":404},{"slug":622,"title":623,"logo":624,"baseline":625,"categories":626},"inference","Inference","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F65e2bbca-c37f-44d3-a945-dbb7846ba077.png","Build and monitor self-improving agents.",[627,628,631,632],{"id":280,"title":281,"slug":419},{"id":140,"title":629,"slug":630},"Monitoring","monitoring",{"id":291,"title":292,"slug":421},{"id":272,"title":273,"slug":373},{"uuid":634,"title":635,"description":636,"canonical_path":637,"image":638,"width":331,"height":387,"image_alt":639,"published_at":640,"kind":335,"patterns":641,"component_categories":649,"app":654},"4e14dc36-bfce-40f8-8ff3-628172013bdb","Origin Financial","Dashboard for spending reports where the user views a bar chart of transfers over the last 6 months, alongside summary KPIs and a monthly breakdown table.","\u002Fexamples\u002Fapps\u002Fuseorigin\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F4e14dc36-bfce-40f8-8ff3-628172013bdb.png","Origin Financial from Origin Financial","2026-08-31T10:47:43.000Z",[642,645,647],{"id":81,"label":82,"slug":643,"rank":349,"group":644},"table",{"id":599,"label":79,"slug":600},{"id":76,"label":77,"slug":597,"rank":339,"group":646},{"id":599,"label":79,"slug":600},{"id":606,"label":607,"slug":608,"rank":53,"group":648},{"id":599,"label":79,"slug":600},[650,651,652,653],{"id":402,"title":403,"slug":404},{"id":230,"title":231,"slug":365},{"id":217,"title":618,"slug":619},{"id":354,"title":355,"slug":356},{"slug":655,"title":635,"logo":656,"baseline":657,"categories":658},"useorigin","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F15075243-f5d2-4573-9045-2e4c07c4ce88.png","All-in-one financial platform for budgeting, investing, and AI-powered planning",[659,660,664],{"id":295,"title":296,"slug":413},{"id":661,"title":662,"slug":663},56,"Accounting","accounting",{"id":272,"title":273,"slug":373},{"family":321,"title":666,"description":667,"links":668,"examples":669},"Settings and access","Help people manage preferences and permissions.",[93,97,101,105],[670,720],{"uuid":671,"title":672,"description":673,"canonical_path":674,"image":675,"width":331,"height":387,"image_alt":676,"published_at":677,"kind":335,"patterns":678,"component_categories":692,"app":700},"b1d4d159-05be-484d-af09-fa220b453ec0","Edit profile · Airbnb","Settings page where the user edits their public profile by adding a photo, toggling travel stamps, and selecting personal interests.","\u002Fexamples\u002Fapps\u002Fairbnb\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fb1d4d159-05be-484d-af09-fa220b453ec0.png","Edit profile · Airbnb from Airbnb","2026-09-07T10:47:21.000Z",[679,682,688],{"id":94,"label":95,"slug":680,"rank":349,"group":681},"account-settings",{"id":559,"label":70,"slug":560},{"id":341,"label":683,"slug":684,"rank":339,"group":685},"Profile","profile",{"id":145,"label":686,"slug":687},"Social & Collaboration","social-and-collaboration",{"id":145,"label":689,"slug":690,"rank":53,"group":691},"Edit","edit",{"id":349,"label":51,"slug":397},[693,697,698,699],{"id":694,"title":695,"slug":696},240,"Horizontal navigation","horizontal-navigation",{"id":217,"title":618,"slug":619},{"id":230,"title":231,"slug":365},{"id":402,"title":403,"slug":404},{"slug":701,"title":702,"logo":703,"baseline":704,"categories":705},"airbnb","Airbnb","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fairbnb-2b8cc5d2.png","Book unique homes and experience a city like a local",[706,709,712,716],{"id":38,"title":707,"slug":708},"Travel","travel",{"id":473,"title":710,"slug":711},"Hospitality","hospitality",{"id":713,"title":714,"slug":715},17,"Peer to peer","peer-to-peer",{"id":717,"title":718,"slug":719},18,"Marketplace","marketplace",{"uuid":721,"title":722,"description":723,"canonical_path":724,"image":725,"width":331,"height":387,"image_alt":726,"published_at":727,"kind":335,"patterns":728,"component_categories":736,"app":742},"97d402e8-cdb3-4905-8aad-697769edcc3a","Steel | Open-source Headless Browser API","Settings page where the user can update their password, view active devices, and initiate account deletion.","\u002Fexamples\u002Fapps\u002Fsteel\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F97d402e8-cdb3-4905-8aad-697769edcc3a.png","Steel | Open-source Headless Browser API from Steel","2026-08-31T08:39:06.000Z",[729,732,734],{"id":98,"label":99,"slug":730,"rank":339,"group":731},"security-settings",{"id":559,"label":70,"slug":560},{"id":94,"label":95,"slug":680,"rank":53,"group":733},{"id":559,"label":70,"slug":560},{"id":145,"label":689,"slug":690,"rank":349,"group":735},{"id":349,"label":51,"slug":397},[737,738,739,740,741],{"id":358,"title":359,"slug":360},{"id":694,"title":695,"slug":696},{"id":230,"title":231,"slug":365},{"id":217,"title":618,"slug":619},{"id":402,"title":403,"slug":404},{"slug":743,"title":744,"logo":745,"baseline":746,"categories":747},"steel","Steel","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F03f0fa43-a227-4dce-b66a-f340f4551973.png","Browser infrastructure for AI agents",[748,749,750,751],{"id":280,"title":281,"slug":419},{"id":272,"title":273,"slug":373},{"id":291,"title":292,"slug":421},{"id":135,"title":752,"slug":753},"Open Source","open-source",{"family":321,"title":755,"description":756,"links":757,"examples":758},"Feedback and system states","Show what happened and what people can do next.",[109,114,118,122],[759,796],{"uuid":760,"title":761,"description":762,"canonical_path":763,"image":764,"width":331,"height":387,"image_alt":765,"published_at":766,"kind":335,"patterns":767,"component_categories":777,"app":782},"5973acac-6fd0-46a7-9aa5-d2c52b9a7031","Zaro - The Context Layer for Enterprise AI","Settings page where the user configures workspace memory topics for their AI agents, currently showing an empty state.","\u002Fexamples\u002Fapps\u002Fzaro\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F5973acac-6fd0-46a7-9aa5-d2c52b9a7031.png","Zaro - The Context Layer for Enterprise AI from Zaro","2026-08-24T10:01:28.000Z",[768,770,775],{"id":110,"label":111,"slug":471,"rank":53,"group":769},{"id":473,"label":113,"slug":474},{"id":771,"label":772,"slug":773,"rank":339,"group":774},33,"AI Settings","ai-settings",{"id":341,"label":24,"slug":342},{"id":299,"label":394,"slug":395,"rank":349,"group":776},{"id":349,"label":51,"slug":397},[778,779,780,781],{"id":358,"title":359,"slug":360},{"id":230,"title":231,"slug":365},{"id":612,"title":613,"slug":614},{"id":354,"title":355,"slug":356},{"slug":783,"title":784,"logo":785,"baseline":786,"categories":787},"zaro","Zaro","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fdcfeb606-2235-48bf-83e3-948e2ac20719.png","AI workspace with agents and apps for business automation",[788,789,790,794],{"id":276,"title":277,"slug":577},{"id":272,"title":273,"slug":373},{"id":791,"title":792,"slug":793},22,"Knowledge Management","knowledge-management",{"id":307,"title":308,"slug":795},"analytics",{"uuid":797,"title":798,"description":799,"canonical_path":800,"image":801,"width":331,"height":387,"image_alt":802,"published_at":803,"kind":335,"patterns":804,"component_categories":814,"app":819},"353a2ae9-e56d-4546-b82f-396ded691a66","Riverside Studio","Project detail page where the user views exported files, currently showing an empty state, an error alert for failed magic clips, and an AI co-creator panel processing files.","\u002Fexamples\u002Fapps\u002Friverside\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F353a2ae9-e56d-4546-b82f-396ded691a66.png","Riverside Studio from Riverside","2026-08-24T09:31:05.000Z",[805,808,810],{"id":119,"label":120,"slug":806,"rank":349,"group":807},"error",{"id":473,"label":113,"slug":474},{"id":110,"label":111,"slug":471,"rank":339,"group":809},{"id":473,"label":113,"slug":474},{"id":170,"label":811,"slug":812,"rank":53,"group":813},"AI Assistant","ai-assistant",{"id":341,"label":24,"slug":342},[815,816,817,818],{"id":354,"title":355,"slug":356},{"id":612,"title":613,"slug":614},{"id":230,"title":231,"slug":365},{"id":222,"title":362,"slug":363},{"slug":820,"title":821,"logo":822,"baseline":823,"categories":824},"riverside","Riverside","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fcc94468d-7b59-49b7-b969-3aee258a2348.png","HD podcast and video recording and editing software",[825],{"id":102,"title":574,"slug":575},{"family":827,"title":828,"description":829,"links":830,"examples":831},"flows","Getting started","Create an account, set it up, and invite teammates.",[129,134,139,144],[832,855,883],{"uuid":833,"title":131,"description":834,"canonical_path":835,"kind":836,"patterns_count":284,"categories":837,"screens":840,"app":854},"a6c377a5-3dfe-4f53-b87b-ff9a81356e98","User creates a Magnific account via OAuth providers or email\u002Fpassword on split-screen signup pages with product previews and password strength indicators","\u002Fexamples\u002Fapps\u002Fmagnific\u002Fflows","flow",[838],{"id":130,"title":131,"slug":839},"signing-up",[841,847,851],{"uuid":842,"title":843,"description":844,"image":845,"image_alt":846,"width":331,"height":387},"9593100d-f303-4b35-970c-ef7119622215","magnific.com\u002Fsign-up?client_id=magnific&lang=en&cb_url=https:\u002F\u002Fwww.magnific.com\u002Fuser\u002Fme","Account creation","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F9593100d-f303-4b35-970c-ef7119622215.png","magnific.com\u002Fsign-up?client_id=magnific&lang=en&cb_url=https:\u002F\u002Fwww.magnific.com\u002Fuser\u002Fme from Magnific",{"uuid":848,"title":843,"description":849,"image":850,"image_alt":846,"width":331,"height":387},"79aef19c-9b1a-4ffd-a47b-aa7ad19b2354","Signup page where the user creates an account using their email and password, featuring a node-based workflow product preview on the left panel.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F79aef19c-9b1a-4ffd-a47b-aa7ad19b2354.png",{"uuid":852,"title":843,"description":844,"image":853,"image_alt":846,"width":331,"height":387},"81e27d88-5d9f-458a-bc1f-91ff7389301f","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F81e27d88-5d9f-458a-bc1f-91ff7389301f.png",{"slug":447,"title":448,"logo":449},{"uuid":856,"title":857,"description":858,"canonical_path":859,"kind":836,"patterns_count":860,"categories":861,"screens":867,"app":882},"c0e91900-12c2-4f10-bde3-ce2c2a41c48c","Verifying merchant business","Merchant completes business verification form and onboarding checklist in Polar settings and dashboard to submit account for review and enable customer payments","\u002Fexamples\u002Fapps\u002Fpolar\u002Fflows",6,[862,864],{"id":135,"title":136,"slug":863},"onboarding",{"id":295,"title":865,"slug":866},"Verifying identity","verify-identity",[868,874,878],{"uuid":869,"title":870,"description":871,"image":872,"image_alt":873,"width":331,"height":387},"9dc5cd62-3597-4ced-b9ab-43f33e9b3544","Finance - Payout Account | Nicelydone | Polar","Settings page where the user verifies their business details for account review, currently displaying skeleton loaders for the form fields.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F9dc5cd62-3597-4ced-b9ab-43f33e9b3544.png","Finance - Payout Account | Nicelydone | Polar from Polar",{"uuid":875,"title":870,"description":876,"image":877,"image_alt":873,"width":331,"height":387},"97218ebb-ab90-4cc2-8113-ead8d57fd222","Settings page where the user verifies their business details to enable customer payments, currently showing skeleton loading states for the form fields.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F97218ebb-ab90-4cc2-8113-ead8d57fd222.png",{"uuid":879,"title":870,"description":880,"image":881,"image_alt":873,"width":331,"height":387},"4029be3d-cbcc-495f-8030-3ba760df9c42","Settings page where the user completes a checklist to verify their business details and enable payouts.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F4029be3d-cbcc-495f-8030-3ba760df9c42.png",{"slug":407,"title":408,"logo":409},{"uuid":884,"title":885,"description":886,"canonical_path":859,"kind":836,"patterns_count":145,"categories":887,"screens":890,"app":905},"00ed4894-934c-47aa-8cfa-9f6c4ebc4ba7","Setting up payout account","User views payouts dashboard showing no account configured, triggers withdrawal which shows blocked modal, opens create payout account modal, selects country of residence from dropdown, and returns to dashboard with manage button and setup required status",[888],{"id":140,"title":141,"slug":889},"set-up-account",[891,897,901],{"uuid":892,"title":893,"description":894,"image":895,"image_alt":896,"width":331,"height":387},"b82dbb97-7506-4e39-bf4f-7e3cbe819698","Finance - Payouts | Nicelydone | Polar","Finance page where the user manages payouts, views available balances and fee credits, and configures payout accounts, currently showing a loading state for the main data table.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fb82dbb97-7506-4e39-bf4f-7e3cbe819698.png","Finance - Payouts | Nicelydone | Polar from Polar",{"uuid":898,"title":893,"description":899,"image":900,"image_alt":896,"width":331,"height":387},"c581adb1-b259-43ec-bbe5-71a02f13d80b","Finance payouts page displaying summary cards for available balance and fee credits above a loading data table of historical transactions.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fc581adb1-b259-43ec-bbe5-71a02f13d80b.png",{"uuid":902,"title":893,"description":903,"image":904,"image_alt":896,"width":331,"height":387},"70c41b3d-f936-4edc-92b5-c9d767ace020","Finance view where the user can manage their payout account, check available balances, and view a history of payouts.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F70c41b3d-f936-4edc-92b5-c9d767ace020.png",{"slug":407,"title":408,"logo":409},{"family":827,"title":907,"description":908,"links":909,"examples":910},"Finding information","Find information and narrow the results.",[149,154,159],[911,935],{"uuid":912,"title":913,"description":914,"canonical_path":915,"kind":836,"patterns_count":284,"categories":916,"screens":921,"app":934},"a5ab8d3a-3239-4336-9288-b54e3bc11a94","Searching integrations","User browses, searches, and filters the skills integrations directory to discover and connect third-party tools","\u002Fexamples\u002Fapps\u002Fbud\u002Fflows",[917,919],{"id":155,"title":156,"slug":918},"filter-sort",{"id":150,"title":151,"slug":920},"search",[922,926,930],{"uuid":923,"title":328,"description":924,"image":925,"image_alt":333,"width":331,"height":332},"664327a6-0640-471f-8e7a-4273e22a1e4e","Settings page where the user browses and connects third-party tool integrations called skills.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F664327a6-0640-471f-8e7a-4273e22a1e4e.png",{"uuid":927,"title":328,"description":928,"image":929,"image_alt":333,"width":331,"height":332},"9caecf9b-d378-49e1-aeed-bb048d4fc6dd","Skills directory where the user browses and connects integrations like Box, Calendly, and Canva.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F9caecf9b-d378-49e1-aeed-bb048d4fc6dd.png",{"uuid":931,"title":328,"description":932,"image":933,"image_alt":333,"width":331,"height":332},"a48b3d65-f116-45f5-88ef-2fd4065e7a05","Settings page where the user searches and connects third-party skills like Box, Calendly, and Canva to their workspace.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fa48b3d65-f116-45f5-88ef-2fd4065e7a05.png",{"slug":367,"title":368,"logo":369},{"uuid":936,"title":937,"description":938,"canonical_path":939,"kind":836,"patterns_count":299,"categories":940,"screens":943,"app":958},"d72c4ebc-4cfe-49d5-a9cc-ab64cdbbfbe2","Reviewing AI-generated documentation","User reviews AI-generated ecommerce store documentation in split-pane artifact panel while maintaining chat with AI assistant in Bloom workspace","\u002Fexamples\u002Fapps\u002Fbloom\u002Fflows",[941],{"id":160,"title":161,"slug":942},"browse-guide",[944,950,954],{"uuid":945,"title":946,"description":947,"image":948,"image_alt":949,"width":331,"height":387},"028b9dbe-354a-4d31-931d-08abe6b2807a","Bloom by Medusa","Chat interface","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F028b9dbe-354a-4d31-931d-08abe6b2807a.png","Bloom by Medusa from Bloom",{"uuid":951,"title":946,"description":952,"image":953,"image_alt":949,"width":331,"height":387},"ff2e221c-0cf7-49a7-babd-5a4bdc6e813d","AI chat interface where the user interacts with an assistant to build an ecommerce store, viewing generated documentation alongside the conversation.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fff2e221c-0cf7-49a7-babd-5a4bdc6e813d.png",{"uuid":955,"title":946,"description":956,"image":957,"image_alt":949,"width":331,"height":387},"f0c95b9f-87fe-4c27-914e-ef9e4a5cc944","AI chat interface where the user manages a website design project alongside generated documentation and store previews.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ff0c95b9f-87fe-4c27-914e-ef9e4a5cc944.png",{"slug":959,"title":960,"logo":961},"bloom","Bloom","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F62461f0d-4182-4996-ae7b-cbc623f6ee3f.png",{"family":827,"title":963,"description":964,"links":965,"examples":966},"Account and subscription","Recover access or change a subscription.",[164,169,174,179],[967,993,1018],{"uuid":968,"title":166,"description":969,"canonical_path":970,"kind":836,"patterns_count":860,"categories":971,"screens":974,"app":989},"3bd856ce-76a5-4a6d-9eda-5825de7a6908","User requests a password reset link via email from the login modal, receives confirmation, then enters and confirms a new password on the reset form, ending at a success alert","\u002Fexamples\u002Fapps\u002Flithic\u002Fflows",[972],{"id":165,"title":166,"slug":973},"reset-password",[975,981,985],{"uuid":976,"title":977,"description":978,"image":979,"image_alt":980,"width":331,"height":387},"17060e09-682c-4afa-98a2-6ee863579a35","Lithic - Login","Password recovery screen where the user enters their email address in a modal overlay to request a reset link.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F17060e09-682c-4afa-98a2-6ee863579a35.png","Lithic - Login from Lithic",{"uuid":982,"title":977,"description":983,"image":984,"image_alt":980,"width":331,"height":387},"e6bd4fe1-42d9-4744-be6d-fa80391d39c0","Password recovery screen where the user enters their email address to request a reset link over a dimmed login form.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe6bd4fe1-42d9-4744-be6d-fa80391d39c0.png",{"uuid":986,"title":977,"description":987,"image":988,"image_alt":980,"width":331,"height":387},"3ce0386f-0eac-48ab-9d50-692fef64e1d0","Password recovery screen where a modal confirms that a reset link has been sent to the user's email address.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F3ce0386f-0eac-48ab-9d50-692fef64e1d0.png",{"slug":990,"title":991,"logo":992},"lithic","Lithic","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F29eef334-64df-456e-bb65-9d93c535b644.png",{"uuid":994,"title":171,"description":995,"canonical_path":996,"kind":836,"patterns_count":299,"categories":997,"screens":1000,"app":1017},"fff60869-b234-4c0d-9f80-01fc448736c7","User navigates from billing settings to a Stripe-hosted cancellation modal, selects a reason for leaving, confirms annual $99 subscription cancellation, and completes the process with loading and final confirmation states.","\u002Fexamples\u002Fapps\u002Fuseorigin\u002Fflows",[998],{"id":170,"title":171,"slug":999},"cancel-subscription",[1001,1007,1013],{"uuid":1002,"title":1003,"description":1004,"image":1005,"image_alt":1006,"width":331,"height":387},"c5cde66b-7863-4a8d-9c21-7622cc719e19","Origin Financial Billing","Subscription management Customer portal","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fc5cde66b-7863-4a8d-9c21-7622cc719e19.png","Origin Financial Billing from Origin Financial",{"uuid":1008,"title":1009,"description":1010,"image":1011,"image_alt":1012,"width":331,"height":387},"71839f00-4609-4f31-8feb-b8c2e1ba9497","Cancel subscription | Origin Financial Billing","Subscription management","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F71839f00-4609-4f31-8feb-b8c2e1ba9497.png","Cancel subscription | Origin Financial Billing from Origin Financial",{"uuid":1014,"title":1009,"description":1015,"image":1016,"image_alt":1012,"width":331,"height":387},"5636ded3-2881-4db5-9f2e-7484b6b15b4d","Account management","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F5636ded3-2881-4db5-9f2e-7484b6b15b4d.png",{"slug":655,"title":635,"logo":656},{"uuid":1019,"title":176,"description":1020,"canonical_path":835,"kind":836,"patterns_count":713,"categories":1021,"screens":1024,"app":1039},"1e5fb53e-4324-4636-b531-ba963349ce74","User views in-app pricing tiers, selects plan with monthly or annual billing and seat count, then completes payment in checkout modal to upgrade subscription",[1022],{"id":175,"title":176,"slug":1023},"upgrade-your-plan",[1025,1031,1035],{"uuid":1026,"title":1027,"description":1028,"image":1029,"image_alt":1030,"width":331,"height":387},"5a6b4569-a501-42b0-b5cd-809f462cfe5f","Pricing plans | Magnific (formerly Freepik)","Plan comparison","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F5a6b4569-a501-42b0-b5cd-809f462cfe5f.png","Pricing plans | Magnific (formerly Freepik) from Magnific",{"uuid":1032,"title":1027,"description":1033,"image":1034,"image_alt":1030,"width":331,"height":387},"e57f696d-fbf3-4297-9687-beafbc3bd731","In-app billing page where the user selects a subscription tier from Premium, Premium+, Pro, or Business, with a monthly\u002Fannual toggle and a seat selector for the team plan.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe57f696d-fbf3-4297-9687-beafbc3bd731.png",{"uuid":1036,"title":1027,"description":1037,"image":1038,"image_alt":1030,"width":331,"height":387},"95a4e0ec-1b17-4dda-a3d3-6c338be867e2","In-app pricing page where a large, blank white modal overlay obscures the subscription tiers.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F95a4e0ec-1b17-4dda-a3d3-6c338be867e2.png",{"slug":447,"title":448,"logo":449},{"family":1041,"title":1042,"description":1043,"links":1044,"examples":1045},"pages","Product and conversion","Explain the product and help visitors choose their next step.",[186,191,196,201],[1046,1077],{"uuid":1047,"title":1048,"description":1049,"canonical_path":1050,"image":1051,"width":1052,"height":1053,"image_alt":1054,"published_at":334,"kind":335,"patterns":1055,"component_categories":1061,"app":1072},"93462ef0-51a5-4776-bb95-c5e804677cec","Bud - Your AI Worker","Landing page designed as an interactive AI chat interface, featuring a sidebar with skills and automations, a central prompt composer, and a standard marketing footer.","\u002Fexamples\u002Fapps\u002Fbud\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F93462ef0-51a5-4776-bb95-c5e804677cec.png",3012,2278,"Bud - Your AI Worker from Bud",[1056],{"id":187,"label":188,"slug":1057,"rank":339,"group":1058},"landing-page",{"id":455,"label":1059,"slug":1060},"Marketing Page Types","marketing-page-types",[1062,1066,1070,1071],{"id":1063,"title":1064,"slug":1065},258,"Header","header",{"id":1067,"title":1068,"slug":1069},202,"Footer","footer",{"id":402,"title":403,"slug":404},{"id":230,"title":231,"slug":365},{"slug":367,"title":368,"logo":369,"baseline":370,"categories":1073},[1074,1075,1076],{"id":272,"title":273,"slug":373},{"id":130,"title":375,"slug":376},{"id":378,"title":379,"slug":380},{"uuid":1078,"title":1079,"description":1080,"canonical_path":1050,"image":1081,"width":1052,"height":1082,"image_alt":1083,"published_at":334,"kind":335,"patterns":1084,"component_categories":1088,"app":1092},"eee65f66-c93c-4135-a16b-1f194ed93a52","Pricing - Bud","Pricing page where the user selects between Monthly and Annual billing for Pro, Premium, Ultra, or Max subscription tiers.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Feee65f66-c93c-4135-a16b-1f194ed93a52.png",1962,"Pricing - Bud from Bud",[1085],{"id":197,"label":198,"slug":1086,"rank":339,"group":1087},"pricing-page",{"id":455,"label":1059,"slug":1060},[1089,1090,1091],{"id":358,"title":359,"slug":360},{"id":1063,"title":1064,"slug":1065},{"id":1067,"title":1068,"slug":1069},{"slug":367,"title":368,"logo":369,"baseline":370,"categories":1093},[1094,1095,1096],{"id":272,"title":273,"slug":373},{"id":130,"title":375,"slug":376},{"id":378,"title":379,"slug":380},{"family":1041,"title":1098,"description":1099,"links":1100,"examples":1101},"Company and contact","Introduce the company and help visitors get in touch.",[206,211,216,221],[1102,1124],{"uuid":1103,"title":1104,"description":1105,"canonical_path":1106,"image":1107,"width":1108,"height":1109,"image_alt":1110,"published_at":389,"kind":335,"patterns":1111,"component_categories":1115,"app":1118},"8f4161ef-e754-487a-9d76-355eb3e6bcd1","Company | Polar","Company page detailing the team's mission to build billing for AI, their core working principles, design philosophy, open engineering roles, and list of investors.","\u002Fexamples\u002Fapps\u002Fpolar\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F8f4161ef-e754-487a-9d76-355eb3e6bcd1.png",3008,17968,"Company | Polar from Polar",[1112],{"id":207,"label":208,"slug":1113,"rank":339,"group":1114},"about-page",{"id":455,"label":1059,"slug":1060},[1116,1117],{"id":1063,"title":1064,"slug":1065},{"id":1067,"title":1068,"slug":1069},{"slug":407,"title":408,"logo":409,"baseline":410,"categories":1119},[1120,1121,1122,1123],{"id":295,"title":296,"slug":413},{"id":415,"title":416,"slug":417},{"id":280,"title":281,"slug":419},{"id":291,"title":292,"slug":421},{"uuid":1125,"title":1126,"description":1127,"canonical_path":1128,"image":1129,"width":331,"height":1130,"image_alt":1131,"published_at":1132,"kind":335,"patterns":1133,"component_categories":1137,"app":1141},"1ca38fad-5e71-4bdd-83c6-72168ce84612","Contact us - Appwrite","Contact page where the user can submit questions, feature requests, or bugs via a direct form.","\u002Fexamples\u002Fapps\u002Fappwrite\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F1ca38fad-5e71-4bdd-83c6-72168ce84612.png",2960,"Contact us - Appwrite from Appwrite","2026-07-07T08:00:53.000Z",[1134],{"id":212,"label":213,"slug":1135,"rank":339,"group":1136},"contact-page",{"id":455,"label":1059,"slug":1060},[1138,1139,1140],{"id":230,"title":231,"slug":365},{"id":1063,"title":1064,"slug":1065},{"id":1067,"title":1068,"slug":1069},{"slug":1142,"title":1143,"logo":1144,"baseline":1145,"categories":1146},"appwrite","Appwrite","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Faba3119b-0179-4fbd-b6d0-2bb3a0bfda07.png","Open-source backend platform for building and scaling apps with Auth, Database, Storage, Functions, Realtime, Messaging, and Sites.",[1147,1148,1149],{"id":280,"title":281,"slug":419},{"id":291,"title":292,"slug":421},{"id":135,"title":752,"slug":753},{"family":1151,"title":1152,"description":1153,"links":1154,"examples":1155},"components","Inputs and controls","Enter information and choose an action.",[229,234,239,244],[1156,1179],{"uuid":1157,"title":1158,"description":1159,"canonical_path":1160,"image":1161,"width":331,"height":1162,"image_alt":1163,"kind":1164,"categories":1165,"app":1167},"25ad19b0-7573-4ec4-8841-7ba5240ec502","Security Features Section","Highlights enterprise security features, compliance certifications, and SSO on a marketing landing page","\u002Fexamples\u002Fapps\u002Fexa\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F3f3dfaec-2371-4389-9be1-d4e5fd766e6f.jpg",1176,"Security Features Section from Exa","component",[1166],{"id":230,"title":231,"slug":365},{"slug":1168,"title":1169,"logo":1170,"baseline":1171,"categories":1172},"exa","Exa","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F011e446a-087b-451e-b27d-63d67d92a42f.png","Real-time AI search engine with structured web search API and deep research tools",[1173,1177,1178],{"id":1174,"title":1175,"slug":1176},55,"Search engine","search-engine",{"id":272,"title":273,"slug":373},{"id":291,"title":292,"slug":421},{"uuid":1180,"title":1181,"description":1182,"canonical_path":1183,"image":1184,"width":1185,"height":1186,"image_alt":1187,"kind":1164,"categories":1188,"app":1191},"addd8b47-19e2-4bda-8976-96bb3665278c","Poolside UI component","A contact form for business inquiries about becoming an AI company, targeting regulated industries.","\u002Fexamples\u002Fapps\u002Fpoolside\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fc3d02d23-53e5-4c3e-bd12-ba9dc791af54.png",2495,1403,"UI component from Poolside",[1189],{"id":235,"title":236,"slug":1190},"form-element",{"slug":1192,"title":1193,"logo":1194,"baseline":1195,"categories":1196},"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",[1197],{"id":272,"title":273,"slug":373},{"family":1151,"title":1199,"description":1200,"links":1201,"examples":1202},"Content and states","Present data, settings, plans, and empty states.",[249,253,258,263],[1203,1221],{"uuid":1204,"title":1205,"description":1206,"canonical_path":1207,"image":1208,"width":1209,"height":1210,"image_alt":1211,"kind":1164,"categories":1212,"app":1215},"f0575866-197b-4b8c-8540-a053641b3667","Inference UI component","A webpage displaying a list of large language models with deployment options and pricing.","\u002Fexamples\u002Fapps\u002Finference\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Ffbdcd7b9-178c-41c9-aa41-70548cbd7564.png",2758,1902,"UI component from Inference",[1213],{"id":250,"title":82,"slug":1214},"table-2",{"slug":622,"title":623,"logo":624,"baseline":625,"categories":1216},[1217,1218,1219,1220],{"id":280,"title":281,"slug":419},{"id":140,"title":629,"slug":630},{"id":291,"title":292,"slug":421},{"id":272,"title":273,"slug":373},{"uuid":1222,"title":1223,"description":1224,"canonical_path":1225,"image":1226,"width":1227,"height":1228,"image_alt":1229,"kind":1164,"categories":1230,"app":1233},"ed245981-eaad-4fba-a0aa-6ea20b00ddf7","Airbnb UI component","A search result page displaying an empty state with a message indicating no exact matches and a call to action to remove filters, accompanied by illustrative images.","\u002Fexamples\u002Fapps\u002Fairbnb\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F37bab067-277d-4a6a-9692-0652d6b44ab6.png",1775,876,"UI component from Airbnb",[1231],{"id":264,"title":265,"slug":1232},"emptystate",{"slug":701,"title":702,"logo":703,"baseline":704,"categories":1234},[1235,1236,1237,1238],{"id":38,"title":707,"slug":708},{"id":473,"title":710,"slug":711},{"id":713,"title":714,"slug":715},{"id":717,"title":718,"slug":719},{"family":1240,"title":1241,"description":1242,"links":1243,"examples":1244},"apps","App categories","Explore app designs by category.",[271,275,279,283,287,290,294,298,302,306,310,313],[1245,1260,1274,1286,1300,1314,1329,1343],{"slug":367,"title":368,"description":370,"canonical_path":1246,"image":1247,"image_alt":1248,"kind":1249,"preview":1250,"app":1255},"\u002Fexamples\u002Fapps\u002Fbud","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F6af8d625-67f8-4439-b2cc-76936741ada5.png","Bud SaaS interface","app",{"marketing_image":1247,"product_images":1251},[1252,1253,1254],"https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F499b5730-9bdc-4bc1-9b3a-68de6e19065b.png","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fed201041-c8c6-49f3-89df-2bc676175904.png","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fc7c21771-0ad3-4efe-b3d4-4ec0dd558f6b.png",{"slug":367,"title":368,"logo":369,"baseline":370,"categories":1256},[1257,1258,1259],{"id":272,"title":273,"slug":373},{"id":130,"title":375,"slug":376},{"id":378,"title":379,"slug":380},{"slug":447,"title":448,"description":450,"canonical_path":1261,"image":1262,"image_alt":1263,"kind":1249,"preview":1264,"app":1269},"\u002Fexamples\u002Fapps\u002Fmagnific","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F7c0e25d6-551c-4f78-9706-da7bbd54ed04.png","Magnific SaaS interface",{"marketing_image":1262,"product_images":1265},[1266,1267,1268],"https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F6a345462-a66a-4140-bb93-7463f2e636d2.png","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fbe41b887-b4c1-4f18-90f7-d6449f0c73e8.png","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F539c33d3-926c-42a7-901c-275eb52b4ca6.png",{"slug":447,"title":448,"logo":449,"baseline":450,"categories":1270},[1271,1272,1273],{"id":284,"title":285,"slug":453},{"id":455,"title":456,"slug":457},{"id":272,"title":273,"slug":373},{"slug":535,"title":536,"description":538,"canonical_path":1275,"image":1276,"image_alt":1277,"kind":1249,"preview":1278,"app":1283},"\u002Fexamples\u002Fapps\u002Flatitude-2","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fc0a22c6e-ce3d-4cd2-be40-36bd4e1d4a08.png","Latitude.sh SaaS interface",{"marketing_image":1276,"product_images":1279},[1280,1281,1282],"https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F127cfc79-a00f-43a6-8afc-c14a611b0d34.png","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F41736481-1a1f-4a15-8dc2-c75ad9c2980a.png","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fadac69b5-63ee-4daf-bfb7-ee161e3f0a37.png",{"slug":535,"title":536,"logo":537,"baseline":538,"categories":1284},[1285],{"id":280,"title":281,"slug":419},{"slug":490,"title":491,"description":493,"canonical_path":1287,"image":1288,"image_alt":1289,"kind":1249,"preview":1290,"app":1295},"\u002Fexamples\u002Fapps\u002Falloy","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fced4162a-0452-4687-987f-84bfcb00fbfb.png","Alloy SaaS interface",{"marketing_image":1288,"product_images":1291},[1292,1293,1294],"https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fb11bbae6-ac7d-460e-adc2-a7e99bac82e3.png","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F021531fc-20dc-49f5-b079-244923b0e7ee.png","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ffff5f9e0-1a99-499a-a352-298188e62b07.png",{"slug":490,"title":491,"logo":492,"baseline":493,"categories":1296},[1297,1298,1299],{"id":280,"title":281,"slug":419},{"id":272,"title":273,"slug":373},{"id":498,"title":499,"slug":500},{"slug":569,"title":543,"description":571,"canonical_path":1301,"image":1302,"image_alt":1303,"kind":1249,"preview":1304,"app":1309},"\u002Fexamples\u002Fapps\u002Fflask","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F09265d1c-a6c5-4618-9187-078d4707cdb7.png","Flask SaaS interface",{"marketing_image":1302,"product_images":1305},[1306,1307,1308],"https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe8d38731-32a9-4b6e-a554-d8d890a8a558.png","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd6260c8a-79a4-4779-8623-96f8536c3b45.png","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fc3364381-8834-4519-a9d3-016d654bca3d.png",{"slug":569,"title":543,"logo":570,"baseline":571,"categories":1310},[1311,1312,1313],{"id":102,"title":574,"slug":575},{"id":276,"title":277,"slug":577},{"id":579,"title":580,"slug":581},{"slug":622,"title":623,"description":625,"canonical_path":1315,"image":1316,"image_alt":1317,"kind":1249,"preview":1318,"app":1323},"\u002Fexamples\u002Fapps\u002Finference","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F4c00aed1-5590-44b4-81f7-90d27a8ca766.png","Inference SaaS interface",{"marketing_image":1316,"product_images":1319},[1320,1321,1322],"https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F3ab89d31-ea33-439f-b3a7-fc4d3ef3c4f6.png","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ff2920d6d-7b9a-4213-b9cc-185fb5025558.png","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F67c0be58-90f2-43e3-bb9e-132e2cee7f64.png",{"slug":622,"title":623,"logo":624,"baseline":625,"categories":1324},[1325,1326,1327,1328],{"id":280,"title":281,"slug":419},{"id":140,"title":629,"slug":630},{"id":291,"title":292,"slug":421},{"id":272,"title":273,"slug":373},{"slug":655,"title":635,"description":657,"canonical_path":1330,"image":1331,"image_alt":1332,"kind":1249,"preview":1333,"app":1338},"\u002Fexamples\u002Fapps\u002Fuseorigin","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F80df626f-5c7f-4994-9894-0ad598fe075b.png","Origin Financial SaaS interface",{"marketing_image":1331,"product_images":1334},[1335,1336,1337],"https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ffe6cd493-fb53-4e5e-9961-ba60a0b70d62.png","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fc7763101-7fe3-4cee-9fcc-2696e360b472.png","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fecf82c79-5e0a-485c-9b36-5b14753ac0f4.png",{"slug":655,"title":635,"logo":656,"baseline":657,"categories":1339},[1340,1341,1342],{"id":295,"title":296,"slug":413},{"id":661,"title":662,"slug":663},{"id":272,"title":273,"slug":373},{"slug":743,"title":744,"description":746,"canonical_path":1344,"image":1345,"image_alt":1346,"kind":1249,"preview":1347,"app":1352},"\u002Fexamples\u002Fapps\u002Fsteel","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F57b9f0a2-0a12-4402-8963-55e4c366be8d.png","Steel SaaS interface",{"marketing_image":1345,"product_images":1348},[1349,1350,1351],"https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fc4d24d29-a01d-4370-9ff2-8704219b34b7.png","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe02f0b84-0d08-4710-aacd-9e03f646bf98.png","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fcdf7d5c9-78b9-4589-9a04-4b5948deae76.png",{"slug":743,"title":744,"logo":745,"baseline":746,"categories":1353},[1354,1355,1356,1357],{"id":280,"title":281,"slug":419},{"id":272,"title":273,"slug":373},{"id":291,"title":292,"slug":421},{"id":135,"title":752,"slug":753},[],{"published_at":1360,"updated_at":1361},"2026-05-04T17:51:34.000Z","2026-09-25T08:13:02.000Z",{"left":339,"top":339,"width":1363,"height":1363,"rotate":339,"vFlip":1364,"hFlip":1364,"body":1365},20,false,"\u003Cg fill=\"none\">\u003Cpath d=\"M9.7334 2.41699H10.2666C11.3987 2.41699 12.2028 2.41737 12.832 2.46875C13.4526 2.51945 13.8371 2.61637 14.1416 2.77148C14.7531 3.08307 15.2509 3.57988 15.5625 4.19141C15.7176 4.49587 15.8136 4.88039 15.8643 5.50098C15.9157 6.13035 15.916 6.93496 15.916 8.06738V15.1338C15.916 15.6634 15.9153 16.0086 15.8926 16.2578C15.879 16.4067 15.8598 16.4744 15.8525 16.4971C15.8095 16.5461 15.7506 16.576 15.6855 16.5811C15.6634 16.5734 15.5976 16.5486 15.4697 16.4697C15.2568 16.3384 14.9804 16.1313 14.5566 15.8135L11.4102 13.4541C11.1193 13.236 10.8105 12.9878 10.4453 12.8916C10.1533 12.8147 9.84573 12.8147 9.55371 12.8916C9.18862 12.9879 8.88057 13.2361 8.58984 13.4541L5.44336 15.8135C5.01942 16.1314 4.74231 16.3384 4.5293 16.4697C4.40092 16.5489 4.33537 16.5735 4.31348 16.5811C4.24875 16.5759 4.18941 16.5468 4.14648 16.498C4.13942 16.4762 4.12019 16.4085 4.10645 16.2578C4.08375 16.0086 4.08301 15.6634 4.08301 15.1338V8.06738C4.08301 6.93498 4.08335 6.13034 4.13477 5.50098C4.18547 4.88035 4.28236 4.49588 4.4375 4.19141C4.74906 3.58004 5.24605 3.08305 5.85742 2.77148C6.16189 2.61635 6.54637 2.51946 7.16699 2.46875C7.79636 2.41734 8.60099 2.41699 9.7334 2.41699Z\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linejoin=\"round\"\u002F>\u003C\u002Fg>"]