[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fmagnific\u002Fcomponents":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":29,"examples":48,"showcases":194,"links":195,"dates":232},"\u002Fexamples\u002Fapps\u002Fmagnific\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Magnific UI components examples - Nicelydone","Browse Magnific UI component design examples. Preview individual interface elements and explore related component categories. The creative platform to…","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F18e8e971-53e2-4f0c-abf2-4c40f85503c6.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},"Magnific design examples","\u002Fexamples\u002Fapps\u002Fmagnific",{"label":23,"to":4},"Magnific UI components examples",{"title":23,"eyebrow":25,"description":26,"sections":27,"body":28},"SaaS app examples","Browse Magnific UI component design examples. Preview individual interface elements and explore related component categories. The creative platform to direct your best work.",[],[],{"title":30,"slug":31,"description":32,"logo":33,"url":34,"categories":35},"Magnific","magnific","The creative platform to direct your best work.","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F07fe44bd-fed6-494e-8806-f1effa3458cb.png","https:\u002F\u002Fmagnific.com\u002F",[36,40,44],{"id":37,"title":38,"slug":39},8,"Design","design",{"id":41,"title":42,"slug":43},15,"Media and Entertainment","media-and-entertainment",{"id":45,"title":46,"slug":47},80,"Artificial Intelligence","artificial-intelligence",[49,64,74,84,97,110,123,136,146,156,168,181],{"uuid":50,"title":51,"description":52,"canonical_path":4,"image":11,"width":53,"height":54,"image_alt":55,"kind":56,"categories":57,"app":62},"ba9dae0f-e911-442b-9c9f-6c8d6b39295a","Magnific UI component","An AI chat interface for creative work and website design, featuring conversational prompts and tool integration.",871,1854,"UI component from Magnific","component",[58],{"id":59,"title":60,"slug":61},294,"Artificial intelligence","ai",{"slug":31,"title":30,"logo":33,"categories":63},[],{"uuid":65,"title":51,"description":66,"canonical_path":4,"image":67,"width":68,"height":69,"image_alt":55,"kind":56,"categories":70,"app":72},"9578c4d3-49a7-4dc9-be49-1819cd2ddc0c","A floating toolbar for image editing with text input, tool selection, and settings.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fa7f8203d-a63d-4367-9570-95df746174be.png",1542,446,[71],{"id":59,"title":60,"slug":61},{"slug":31,"title":30,"logo":33,"categories":73},[],{"uuid":75,"title":51,"description":76,"canonical_path":4,"image":77,"width":78,"height":79,"image_alt":55,"kind":56,"categories":80,"app":82},"b4e1e3d3-adfa-44f0-8001-b1763321d2fa","An interface for an image generation tool, featuring prompt input, model selection, and reference options.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F546dcf41-f826-4bb5-965e-ee2c159cd5c8.png",735,1632,[81],{"id":59,"title":60,"slug":61},{"slug":31,"title":30,"logo":33,"categories":83},[],{"uuid":85,"title":51,"description":86,"canonical_path":4,"image":87,"width":88,"height":89,"image_alt":55,"kind":56,"categories":90,"app":95},"1143a3c9-5148-42cd-abe2-dc732bb5b402","A popover displaying a text prompt with options to copy or reuse it, along with aspect ratio selections.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F0c5a1d96-e6a3-4a12-92f4-8b08e94c6eb5.png",1229,424,[91],{"id":92,"title":93,"slug":94},254,"Tooltip","tooltip-element",{"slug":31,"title":30,"logo":33,"categories":96},[],{"uuid":98,"title":51,"description":99,"canonical_path":4,"image":100,"width":101,"height":102,"image_alt":55,"kind":56,"categories":103,"app":108},"49c2f810-0e8a-4fcf-9c9f-2cabd51b660e","A user account modal displaying profile information, action buttons, and a list of settings and navigation options.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F2278ca0a-713a-4442-a021-2ee9cfebfeb5.png",760,1361,[104],{"id":105,"title":106,"slug":107},190,"Dropdown menu","dropdown-menu",{"slug":31,"title":30,"logo":33,"categories":109},[],{"uuid":111,"title":51,"description":112,"canonical_path":4,"image":113,"width":114,"height":115,"image_alt":55,"kind":56,"categories":116,"app":121},"2ae43030-4921-4545-8366-6a1ab3d90fcb","A user interface element for model selection with an upgrade prompt","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F114efa4a-3275-46a5-b22b-3cda93f6f7a1.png",734,284,[117],{"id":118,"title":119,"slug":120},255,"Upgrade your plan","upgrade-your-plan",{"slug":31,"title":30,"logo":33,"categories":122},[],{"uuid":124,"title":51,"description":125,"canonical_path":4,"image":126,"width":127,"height":128,"image_alt":55,"kind":56,"categories":129,"app":134},"ee2d8ae2-985c-4831-b4ba-d9a7e5de64be","An interface for an AI image generator with options for model selection, references, and a text prompt.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F2a99560f-0429-4ce6-af9f-e7b6c8fcbacc.png",1299,1286,[130],{"id":131,"title":132,"slug":133},227,"Stepper","stepper",{"slug":31,"title":30,"logo":33,"categories":135},[],{"uuid":137,"title":51,"description":138,"canonical_path":4,"image":139,"width":140,"height":141,"image_alt":55,"kind":56,"categories":142,"app":144},"ae42d131-ce46-43cc-b1ea-091da2c66010","A card representing a personal folder with a context menu displaying actions.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F7a7cc086-c432-42e0-a2d4-55152c0fba38.png",845,863,[143],{"id":105,"title":106,"slug":107},{"slug":31,"title":30,"logo":33,"categories":145},[],{"uuid":147,"title":51,"description":148,"canonical_path":4,"image":149,"width":150,"height":151,"image_alt":55,"kind":56,"categories":152,"app":154},"88213972-189f-4afd-a451-46a15909c64e","A dropdown menu for creating new projects or exploring templates, categorized by content type, displayed over a sidebar navigation and a main content area.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F65bf54ef-b49d-4921-b5c1-ad0b55b333e2.png",638,838,[153],{"id":105,"title":106,"slug":107},{"slug":31,"title":30,"logo":33,"categories":155},[],{"uuid":157,"title":51,"description":158,"canonical_path":4,"image":159,"width":160,"height":54,"image_alt":55,"kind":56,"categories":161,"app":166},"ba386565-e26e-4b03-a704-356396e6ce2c","A vertical navigation sidebar featuring a brand logo, a primary action button, and a series of functional icons for various application features.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fe4e071d9-b72c-4c9d-8b9d-74514af2bd6e.png",309,[162],{"id":163,"title":164,"slug":165},209,"Vertical navigation","vertical-navigation",{"slug":31,"title":30,"logo":33,"categories":167},[],{"uuid":169,"title":51,"description":170,"canonical_path":4,"image":171,"width":172,"height":173,"image_alt":55,"kind":56,"categories":174,"app":179},"ad9bf2b6-17fd-41b0-ab83-473d45298c72","A user interface element for selecting a preferred display mode, offering dark, light, and system options.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F7e4d0f8f-5048-40fa-b3ca-ae29037c3f36.png",755,295,[175],{"id":176,"title":177,"slug":178},256,"Theme settings","theme-settings",{"slug":31,"title":30,"logo":33,"categories":180},[],{"uuid":182,"title":51,"description":183,"canonical_path":4,"image":184,"width":185,"height":186,"image_alt":55,"kind":56,"categories":187,"app":192},"5b1e4b96-1467-4f79-bdef-4892888bcb24","A frequently asked questions page with expandable sections categorized by topic.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Ff69058d5-2da5-4dda-aa1d-bea3b712a168.png",2848,2849,[188],{"id":189,"title":190,"slug":191},189,"FAQ","faq",{"slug":31,"title":30,"logo":33,"categories":193},[],[],[196,199,202,205,208,211,214,216,220,224,228],{"label":197,"to":198},"Magnific product screens","\u002Fexamples\u002Fapps\u002Fmagnific\u002Fscreens",{"label":200,"to":201},"Magnific marketing pages","\u002Fexamples\u002Fapps\u002Fmagnific\u002Fmarketing",{"label":203,"to":204},"Magnific user flows","\u002Fexamples\u002Fapps\u002Fmagnific\u002Fflows",{"label":206,"to":207},"Design app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdesign",{"label":209,"to":210},"Media and Entertainment app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fmedia-and-entertainment",{"label":212,"to":213},"Artificial Intelligence app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fartificial-intelligence",{"label":215,"to":18},"All SaaS app examples",{"label":217,"to":218,"description":219},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":221,"to":222,"description":223},"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":225,"to":226,"description":227},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":229,"to":230,"description":231},"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":233,"updated_at":234},"2026-07-02T08:38:13.000Z","2026-09-14T12:05:04.000Z"]