[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fmonarch\u002Fcomponents":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":40,"showcases":188,"links":189,"dates":220},"\u002Fexamples\u002Fapps\u002Fmonarch\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Monarch UI components examples - Nicelydone","Browse Monarch UI component design examples. Preview individual interface elements and explore related component categories. The modern way to manage money","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fa2f6174b-6829-467e-b6db-43cb4aa0a9eb.png",[13,16,19,22],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":21},"Monarch design examples","\u002Fexamples\u002Fapps\u002Fmonarch",{"label":23,"to":4},"Monarch UI components examples",{"title":23,"eyebrow":25,"description":10,"sections":26,"body":27},"SaaS app examples",[],[],{"title":29,"slug":30,"description":31,"logo":32,"url":33,"twitter_username":34,"categories":35},"Monarch","monarch","The modern way to manage money","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fmonarch-58e7e32a.png","https:\u002F\u002Fwww.monarchmoney.com","monarch_money",[36],{"id":37,"title":38,"slug":39},36,"Finance","finance",[41,56,69,82,95,108,121,131,141,154,164,176],{"uuid":42,"title":43,"description":44,"canonical_path":4,"image":11,"width":45,"height":46,"image_alt":47,"kind":48,"categories":49,"app":54},"79eff97b-f30f-4ed5-a766-8a02389817c0","Monarch UI component","This is a screenshot of a user profile dropdown menu.",565,542,"UI component from Monarch","component",[50],{"id":51,"title":52,"slug":53},190,"Dropdown menu","dropdown-menu",{"slug":30,"title":29,"logo":32,"categories":55},[],{"uuid":57,"title":43,"description":58,"canonical_path":4,"image":59,"width":60,"height":61,"image_alt":47,"kind":48,"categories":62,"app":67},"e2caa799-def5-4091-9dde-4ef4f17a349f","The screenshot displays a modal or section with a tabbed interface for creating a new rule.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F754bc1e7-9f79-4e2c-a61d-39ffd9d3492c.png",644,275,[63],{"id":64,"title":65,"slug":66},233,"Tabs","tabs",{"slug":30,"title":29,"logo":32,"categories":68},[],{"uuid":70,"title":43,"description":71,"canonical_path":4,"image":72,"width":73,"height":74,"image_alt":47,"kind":48,"categories":75,"app":80},"d26bc42d-326d-4af9-a73e-171e15c472fd","The screenshot displays a modal or section indicating that there are no categories in the current group, with a call to action to create a new category.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F5ee0898b-83e6-4ca8-9a22-738558bffbba.png",2036,690,[76],{"id":77,"title":78,"slug":79},302,"Empty state","emptystate",{"slug":30,"title":29,"logo":32,"categories":81},[],{"uuid":83,"title":43,"description":84,"canonical_path":4,"image":85,"width":86,"height":87,"image_alt":47,"kind":48,"categories":88,"app":93},"ac10252e-e38d-4430-a21e-6476a73c88c8","A modal window showing display settings.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F890ba35d-14f4-432b-8f52-48b0ca3924b7.png",2144,919,[89],{"id":90,"title":91,"slug":92},256,"Theme settings","theme-settings",{"slug":30,"title":29,"logo":32,"categories":94},[],{"uuid":96,"title":43,"description":97,"canonical_path":4,"image":98,"width":99,"height":100,"image_alt":47,"kind":48,"categories":101,"app":106},"2992ddaf-9728-4550-930d-97e7e9da5905","A line chart showing net worth over one month.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F21d02234-7514-4b04-b82a-669feb8d124d.png",1508,1020,[102],{"id":103,"title":104,"slug":105},186,"Charts","charts",{"slug":30,"title":29,"logo":32,"categories":107},[],{"uuid":109,"title":43,"description":110,"canonical_path":4,"image":111,"width":112,"height":113,"image_alt":47,"kind":48,"categories":114,"app":119},"612b6eaa-9df5-4d47-863f-61d4e6fabb93","The screenshot displays a recommendation card with a progress bar and an edit option.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Ff6181e43-990d-470d-9890-b627c93fc03c.png",1994,881,[115],{"id":116,"title":117,"slug":118},213,"Progress indicator","progress-indicator",{"slug":30,"title":29,"logo":32,"categories":120},[],{"uuid":122,"title":43,"description":123,"canonical_path":4,"image":124,"width":125,"height":126,"image_alt":47,"kind":48,"categories":127,"app":129},"df3da257-222b-4e65-b5a3-b6469697017d","A financial dashboard showing investment allocation with a bar chart and a table.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fc24a2bcf-4e4b-483d-99f5-16c499df3b3f.png",2782,1974,[128],{"id":103,"title":104,"slug":105},{"slug":30,"title":29,"logo":32,"categories":130},[],{"uuid":132,"title":43,"description":133,"canonical_path":4,"image":134,"width":135,"height":136,"image_alt":47,"kind":48,"categories":137,"app":139},"d7799d6a-a4e8-4e24-9eb8-5405879f99ba","A financial dashboard showing portfolio performance against benchmarks.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F847c5e0e-b880-4cd0-898e-ced161fb0c37.png",2780,1438,[138],{"id":103,"title":104,"slug":105},{"slug":30,"title":29,"logo":32,"categories":140},[],{"uuid":142,"title":43,"description":143,"canonical_path":4,"image":144,"width":145,"height":146,"image_alt":47,"kind":48,"categories":147,"app":152},"452ceb17-ff74-4b19-b516-625f36ba7e1e","The image shows a date range selector and a dropdown menu.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fe71ccf07-ba30-4589-a4ca-92dab58fd04e.png",1385,336,[148],{"id":149,"title":150,"slug":151},225,"Sorting & filtering","sorting-filtering",{"slug":30,"title":29,"logo":32,"categories":153},[],{"uuid":155,"title":43,"description":156,"canonical_path":4,"image":157,"width":158,"height":159,"image_alt":47,"kind":48,"categories":160,"app":162},"c90636c3-d927-43e7-ae84-0e7267e4f1aa","A contributions chart showing budget and actual contributions over time.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F1cdc8103-5a62-4e8b-bb1c-10a6dab87f90.png",2004,908,[161],{"id":103,"title":104,"slug":105},{"slug":30,"title":29,"logo":32,"categories":163},[],{"uuid":165,"title":43,"description":166,"canonical_path":4,"image":167,"width":135,"height":168,"image_alt":47,"kind":48,"categories":169,"app":174},"3e5f532f-40ef-4a24-8361-5be8d98ab6ab","A calendar view showing scheduled events.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F0ec6e6f5-6822-4703-9e35-967920174627.png",1563,[170],{"id":171,"title":172,"slug":173},249,"Timeline & history","timeline-history",{"slug":30,"title":29,"logo":32,"categories":175},[],{"uuid":177,"title":43,"description":178,"canonical_path":4,"image":179,"width":135,"height":180,"image_alt":47,"kind":48,"categories":181,"app":186},"85ccfb4b-95c7-4520-82e9-74d2a390593c","A table displaying financial transactions.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fec4cf14c-c41a-4f83-84ce-8008e80c59e3.png",696,[182],{"id":183,"title":184,"slug":185},248,"Table","table-2",{"slug":30,"title":29,"logo":32,"categories":187},[],[],[190,193,196,199,202,204,208,212,216],{"label":191,"to":192},"Monarch product screens","\u002Fexamples\u002Fapps\u002Fmonarch\u002Fscreens",{"label":194,"to":195},"Monarch marketing pages","\u002Fexamples\u002Fapps\u002Fmonarch\u002Fmarketing",{"label":197,"to":198},"Monarch user flows","\u002Fexamples\u002Fapps\u002Fmonarch\u002Fflows",{"label":200,"to":201},"Finance app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Ffinance",{"label":203,"to":18},"All SaaS app examples",{"label":205,"to":206,"description":207},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":209,"to":210,"description":211},"SaaS marketing page examples","\u002Fexamples\u002Fpages","Browse real SaaS marketing pages grouped by page type, from landing pages to pricing and customer story pages.",{"label":213,"to":214,"description":215},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":217,"to":218,"description":219},"User flow examples from SaaS apps","\u002Fexamples\u002Fflows","Explore user flow examples for sign-up, onboarding, billing, and other SaaS tasks. Compare the order of screens and preview the opening steps from real apps.",{"published_at":221,"updated_at":222},"2025-03-17T08:31:51.000Z","2026-09-13T13:02:39.000Z"]