[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fflows\u002Ff1e0f680-a780-43c3-9a68-f85eb84d229c":3,"content-store-meta":-1,"i-custom:bookmark":401},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"examples":25,"showcases":58,"links":391,"dates":398},"\u002Fexamples\u002Fflows\u002Ff1e0f680-a780-43c3-9a68-f85eb84d229c","detail","flows",true,{"title":9,"description":10,"og_image":11},"Magnific Flow Example: Customizing creative workspace - Nicelydone","Preview this Magnific user flow: Customizing creative workspace. Explore the opening screens.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F2db851ed-f27a-4903-935e-44a731a6acbf.png",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"User flow examples from SaaS apps","\u002Fexamples\u002Fflows",{"label":20,"to":4},"Magnific Flow Example: Customizing creative workspace",{"title":20,"eyebrow":22,"description":10,"sections":23,"body":24},"User flow",[],[],[26],{"uuid":27,"title":28,"description":29,"canonical_path":30,"kind":31,"patterns_count":32,"categories":33,"screens":38,"app":54},"f1e0f680-a780-43c3-9a68-f85eb84d229c","Customizing creative workspace","Browsing template galleries and use cases while customizing workspace presets, tool shortcuts, and side panel configuration","\u002Fexamples\u002Fapps\u002Fmagnific\u002Fflows","flow",3,[34],{"id":35,"title":36,"slug":37},67,"Customizing","customize",[39,46,50],{"uuid":40,"title":41,"description":42,"image":11,"image_alt":43,"width":44,"height":45},"2db851ed-f27a-4903-935e-44a731a6acbf","Magnific | All-in-One AI Creative Suite","Home screen where the user browses use cases like narrating a product catalog or designing a poster, while customizing their workspace presets and tool shortcuts in a side panel.","Magnific | All-in-One AI Creative Suite from Magnific",3024,1758,{"uuid":47,"title":41,"description":48,"image":49,"image_alt":43,"width":44,"height":45},"9a1ac297-2b7d-4bae-bdcf-6fdfaa8e6287","Home screen where the user browses AI generation templates and use cases, with a right panel to customize shortcuts and presets.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F9a1ac297-2b7d-4bae-bdcf-6fdfaa8e6287.png",{"uuid":51,"title":41,"description":52,"image":53,"image_alt":43,"width":44,"height":45},"e65de259-e32d-4284-b4ec-095d0c49ba6d","Home screen where the user browses a gallery of use cases and templates, with a right sidebar to customize their workspace shortcuts and tools.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe65de259-e32d-4284-b4ec-095d0c49ba6d.png",{"slug":55,"title":56,"logo":57},"magnific","Magnific","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F07fe44bd-fed6-494e-8806-f1effa3458cb.png",[59],{"family":6,"title":60,"examples":61},"Related user flows",[62,84,110,135,165,192,226,262,288,315,342,366],{"uuid":63,"title":64,"description":65,"canonical_path":66,"kind":31,"patterns_count":67,"categories":68,"screens":70,"app":80},"9d750d03-4c3b-4cf1-9289-f73af6efa56b","Configuring data view fields","User starts in custom list view and adds columns to a data table via searchable picker in Alloy","\u002Fexamples\u002Fapps\u002Falloy\u002Fflows",2,[69],{"id":35,"title":36,"slug":37},[71,77],{"uuid":72,"title":73,"description":74,"image":75,"image_alt":76,"width":44,"height":45},"ed9d4507-6eca-41c7-bf33-548f757dddcd","Nicely Done » New view","Project management","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fed9d4507-6eca-41c7-bf33-548f757dddcd.png","Nicely Done » New view from Alloy",{"uuid":78,"title":73,"description":74,"image":79,"image_alt":76,"width":44,"height":45},"d4a91b2c-b275-4298-ba3b-fc3030c1167f","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd4a91b2c-b275-4298-ba3b-fc3030c1167f.png",{"slug":81,"title":82,"logo":83},"alloy","Alloy","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F13110ce9-b228-4dcd-99db-7c3272fae2ce.png",{"uuid":85,"title":86,"description":87,"canonical_path":88,"kind":31,"patterns_count":89,"categories":90,"screens":92,"app":107},"a6506283-9d5c-445c-9860-b54e248998e3","Customizing forecast events","User starts on financial forecast dashboard, opens events modal to toggle or add life events, configures specific events like retirement via forms and sliders, then views updated scenario chart with AI summary","\u002Fexamples\u002Fapps\u002Fuseorigin\u002Fflows",6,[91],{"id":35,"title":36,"slug":37},[93,99,103],{"uuid":94,"title":95,"description":96,"image":97,"image_alt":98,"width":44,"height":45},"2d69f36f-4f1a-49a7-8ec8-722463571e11","Origin Financial","Dashboard showing a financial forecast chart with net worth projections over time and scenario comparison options.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F2d69f36f-4f1a-49a7-8ec8-722463571e11.png","Origin Financial from Origin Financial",{"uuid":100,"title":95,"description":101,"image":102,"image_alt":98,"width":44,"height":45},"4962a06c-3363-4b09-a936-604c398bab00","Dashboard overlay where the user can toggle existing life events like retirement or add new ones like buying a home to their financial forecast.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F4962a06c-3363-4b09-a936-604c398bab00.png",{"uuid":104,"title":95,"description":105,"image":106,"image_alt":98,"width":44,"height":45},"2b8bbad4-1f0b-4d13-acb8-b1e4fa844e0a","Dashboard modal where the user toggles life events like retirement or buying a home to update their financial forecast scenario.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F2b8bbad4-1f0b-4d13-acb8-b1e4fa844e0a.png",{"slug":108,"title":95,"logo":109},"useorigin","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F15075243-f5d2-4573-9045-2e4c07c4ce88.png",{"uuid":111,"title":112,"description":113,"canonical_path":114,"kind":31,"patterns_count":115,"categories":116,"screens":118,"app":131},"b3d8f248-12b0-4969-a8ef-afc527dcb2ce","Customizing recording styles","Editing brand styles, text elements, and timeline tracks in the video editor workspace","\u002Fexamples\u002Fapps\u002Friverside\u002Fflows",4,[117],{"id":35,"title":36,"slug":37},[119,125,128],{"uuid":120,"title":121,"description":122,"image":123,"image_alt":124,"width":44,"height":45},"061a6507-1b5a-4acc-910f-3680ba7849a9","Riverside Studio","Video editor","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F061a6507-1b5a-4acc-910f-3680ba7849a9.png","Riverside Studio from Riverside",{"uuid":126,"title":121,"description":122,"image":127,"image_alt":124,"width":44,"height":45},"d915a558-695d-429b-9028-6740cb960d75","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd915a558-695d-429b-9028-6740cb960d75.png",{"uuid":129,"title":121,"description":122,"image":130,"image_alt":124,"width":44,"height":45},"9ad36379-4f8e-458f-ade1-8c18a380d5b2","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F9ad36379-4f8e-458f-ade1-8c18a380d5b2.png",{"slug":132,"title":133,"logo":134},"riverside","Riverside","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fcc94468d-7b59-49b7-b969-3aee258a2348.png",{"uuid":136,"title":137,"description":138,"canonical_path":139,"kind":31,"patterns_count":32,"categories":140,"screens":146,"app":161},"df216645-c8ca-4633-936f-92f31f44f2c7","Adding dashboard spacer","User opens widget popover on dashboard, selects Spacer, names it in modal, and sees unsaved changes banner on dashboard","\u002Fexamples\u002Fapps\u002Faxiom\u002Fflows",[141,145],{"id":142,"title":143,"slug":144},80,"Adding","add",{"id":35,"title":36,"slug":37},[147,153,157],{"uuid":148,"title":149,"description":150,"image":151,"image_alt":152,"width":44,"height":45},"053f16c2-56d5-4965-825c-b0fceea2db72","AxiomTest | Dashboards","Dashboard where the user views log streams, timeseries charts, and heatmaps, with a popover menu open to add new widget types.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F053f16c2-56d5-4965-825c-b0fceea2db72.png","AxiomTest | Dashboards from Axiom",{"uuid":154,"title":149,"description":155,"image":156,"image_alt":152,"width":44,"height":45},"e31bff28-9039-47cc-b1f2-2176df77fff5","Dashboard overlay where the user names and adds a resizable spacer widget to their layout.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe31bff28-9039-47cc-b1f2-2176df77fff5.png",{"uuid":158,"title":149,"description":159,"image":160,"image_alt":152,"width":44,"height":45},"2be0d7b9-a06e-4604-bb14-add6d66fefa7","Data visualization","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F2be0d7b9-a06e-4604-bb14-add6d66fefa7.png",{"slug":162,"title":163,"logo":164},"axiom","Axiom","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F22cc0be3-ce3f-442a-903f-4da9befc54cd.png",{"uuid":166,"title":167,"description":168,"canonical_path":169,"kind":31,"patterns_count":170,"categories":171,"screens":173,"app":188},"b276c0b9-422a-4fe1-9275-4e0f0a96a6ed","Customizing brand theme","Admin configures workspace brand theme across appearance settings screens with live client portal preview, color\u002Flayout\u002Ffont controls, asset uploads, and upgrade prompts","\u002Fexamples\u002Fapps\u002Fdock\u002Fflows",11,[172],{"id":35,"title":36,"slug":37},[174,180,184],{"uuid":175,"title":176,"description":177,"image":178,"image_alt":179,"width":44,"height":45},"2b397bcd-f071-454a-baf5-0e46603f93b1","Custom Branding · Dock","Navigation bar Sidebar Progress bar Project management Settings Sidebar navigation Account settings Hierarchical navigation","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F2b397bcd-f071-454a-baf5-0e46603f93b1.png","Custom Branding · Dock from Dock",{"uuid":181,"title":176,"description":182,"image":183,"image_alt":179,"width":44,"height":45},"e39541a5-76dd-40ca-9b9f-03760b437629","Modern Design Color palette Sidebar Progress bar File upload Settings Form layout Form Sidebar navigation Configuration Split view Save changes","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe39541a5-76dd-40ca-9b9f-03760b437629.png",{"uuid":185,"title":176,"description":186,"image":187,"image_alt":179,"width":44,"height":45},"f2f03713-1017-47ba-b8b6-e66be4df9fbc","Workspace settings","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ff2f03713-1017-47ba-b8b6-e66be4df9fbc.png",{"slug":189,"title":190,"logo":191},"dock","Dock","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fdock-k4tgvy1y.png",{"uuid":193,"title":194,"description":195,"canonical_path":196,"kind":31,"patterns_count":89,"categories":197,"screens":207,"app":222},"3e3289a0-9743-4914-b385-60d99ebf4e9f","Configuring auth email templates","User navigates Auth settings to review and edit email templates for verification, magic URL, OTP, password reset and other auth flows, with SMTP requirement and upgrade gate for branding removal","\u002Fexamples\u002Fapps\u002Fappwrite\u002Fflows",[198,199,203],{"id":35,"title":36,"slug":37},{"id":200,"title":201,"slug":202},60,"Editing","edit",{"id":204,"title":205,"slug":206},71,"Settings","settings",[208,214,218],{"uuid":209,"title":210,"description":211,"image":212,"image_alt":213,"width":44,"height":45},"916782b4-bff8-4ab8-a097-8728087aacaa","Team - Appwrite","Project dashboard","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F916782b4-bff8-4ab8-a097-8728087aacaa.png","Team - Appwrite from Appwrite",{"uuid":215,"title":210,"description":216,"image":217,"image_alt":213,"width":44,"height":45},"2d62ccac-579c-4677-8ba9-c9d205833773","Settings page where the user configures the verification email template, including sender details, subject, and HTML message body with copyable variables.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F2d62ccac-579c-4677-8ba9-c9d205833773.png",{"uuid":219,"title":210,"description":220,"image":221,"image_alt":213,"width":44,"height":45},"10030880-5c39-4fc1-a206-c0229369c784","Settings page where the user configures the email template for account verification, including sender details, subject, and HTML message body.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F10030880-5c39-4fc1-a206-c0229369c784.png",{"slug":223,"title":224,"logo":225},"appwrite","Appwrite","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Faba3119b-0179-4fbd-b6d0-2bb3a0bfda07.png",{"uuid":227,"title":228,"description":229,"canonical_path":230,"kind":31,"patterns_count":231,"categories":232,"screens":243,"app":258},"587feb58-6eb1-43dd-b888-05000632e703","Configuring webchat integration","User configures installation snippet, appearance, security, and deployment options for Voiceflow AI agent's webchat widget across multiple settings screens, with upgrade prompts for advanced features","\u002Fexamples\u002Fapps\u002Fvoiceflow\u002Fflows",9,[233,237,238,239],{"id":234,"title":235,"slug":236},62,"Connecting to integration","connect-to-integration",{"id":35,"title":36,"slug":37},{"id":204,"title":205,"slug":206},{"id":240,"title":241,"slug":242},49,"Upgrading subscription","upgrade-your-plan",[244,250,254],{"uuid":245,"title":246,"description":247,"image":248,"image_alt":249,"width":44,"height":45},"8c9b554d-cc6d-4706-9701-9a4f76898e50","My first AI agent","Settings page where the user configures the installation snippet, appearance, and security of their webchat widget, while an onboarding prompt encourages them to build their first agent.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F8c9b554d-cc6d-4706-9701-9a4f76898e50.png","My first AI agent from Voiceflow",{"uuid":251,"title":246,"description":252,"image":253,"image_alt":249,"width":44,"height":45},"3721cc19-003b-4c2b-b753-06c6e0fdc618","SaaS pricing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F3721cc19-003b-4c2b-b753-06c6e0fdc618.png",{"uuid":255,"title":246,"description":256,"image":257,"image_alt":249,"width":44,"height":45},"7f47927e-2c63-4b54-8754-881092ef0f39","Code snippet","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F7f47927e-2c63-4b54-8754-881092ef0f39.png",{"slug":259,"title":260,"logo":261},"voiceflow","Voiceflow","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fvoiceflow-ba430e40.png",{"uuid":263,"title":264,"description":265,"canonical_path":266,"kind":31,"patterns_count":231,"categories":267,"screens":269,"app":284},"48a3db3e-7785-44f4-a71d-3dbc4bf971ea","Configuring avatar appearance","User configures AI avatar name, demographics, appearance prompt, orientation, pose and style inside creation modal before generating preview image or video","\u002Fexamples\u002Fapps\u002Fheygen\u002Fflows",[268],{"id":35,"title":36,"slug":37},[270,276,280],{"uuid":271,"title":272,"description":273,"image":274,"image_alt":275,"width":44,"height":45},"c9fc6311-3bc1-4aa0-a7f3-4341ef3cb092","HeyGen - AI Spokesperson Video Creator","Modal where the user configures a new AI avatar by defining its name, demographics, appearance description, orientation, and pose.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fc9fc6311-3bc1-4aa0-a7f3-4341ef3cb092.png","HeyGen - AI Spokesperson Video Creator from HeyGen",{"uuid":277,"title":272,"description":278,"image":279,"image_alt":275,"width":44,"height":45},"122bc4ae-d632-49b5-b795-dec347386f0c","Creation modal where the user configures basic details, appearance, and style to generate a new AI avatar character.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F122bc4ae-d632-49b5-b795-dec347386f0c.png",{"uuid":281,"title":272,"description":282,"image":283,"image_alt":275,"width":44,"height":45},"6c921201-15a7-43b3-aeb5-eabcb86ed360","Creation modal where the user configures the name, age, gender, appearance, orientation, pose, and style to generate a new AI avatar.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F6c921201-15a7-43b3-aeb5-eabcb86ed360.png",{"slug":285,"title":286,"logo":287},"heygen","HeyGen","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fd8cda81f-5b21-444e-8401-676a6cf2f817.png",{"uuid":289,"title":290,"description":291,"canonical_path":292,"kind":31,"patterns_count":32,"categories":293,"screens":296,"app":311},"91bf5d3b-00fd-4627-b703-ceee818585b7","Editing wallet profile","User opens context menu on a wallet in settings and edits its name and color identifier in a modal","\u002Fexamples\u002Fapps\u002Ffamily\u002Fflows",[294,295],{"id":35,"title":36,"slug":37},{"id":200,"title":201,"slug":202},[297,303,307],{"uuid":298,"title":299,"description":300,"image":301,"image_alt":302,"width":44,"height":45},"01231f1f-19bb-4ff3-94db-84aaef4d5cce","Aave Account","Account settings","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F01231f1f-19bb-4ff3-94db-84aaef4d5cce.png","Aave Account from Family",{"uuid":304,"title":299,"description":305,"image":306,"image_alt":302,"width":44,"height":45},"21ed0f86-dacd-4028-b5e8-cce5ccaacc11","Settings page where the user edits a wallet's name and selects a custom color identifier from a grid.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F21ed0f86-dacd-4028-b5e8-cce5ccaacc11.png",{"uuid":308,"title":299,"description":309,"image":310,"image_alt":302,"width":44,"height":45},"6f88fb4a-f0fc-47fa-bb35-ee0c251d5d2b","Settings page where the user customizes their crypto wallet by selecting an icon color and editing the wallet name in a modal.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F6f88fb4a-f0fc-47fa-bb35-ee0c251d5d2b.png",{"slug":312,"title":313,"logo":314},"family","Family","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F54b399c5-e1bc-4b2d-9748-6c66246cee2b.png",{"uuid":316,"title":317,"description":318,"canonical_path":319,"kind":31,"patterns_count":320,"categories":321,"screens":324,"app":339},"cbf2e4a1-d842-4d6b-a82f-3a9ae70223b2","Customizing home layout","User opens Home Layout Settings Modal and navigates through five sequential modals to reorder widgets, toggle visibility, set auto-hide rules, and choose display locations for threads and tasks on the home screen and sidebars.","\u002Fexamples\u002Fapps\u002Ftown\u002Fflows",5,[322,323],{"id":35,"title":36,"slug":37},{"id":204,"title":205,"slug":206},[325,331,335],{"uuid":326,"title":327,"description":328,"image":329,"image_alt":330,"width":44,"height":45},"1ad2d02c-5ab7-427e-9caf-57b7644ced29","Town","Settings modal where the user configures the visibility and order of widgets like Need to know and Suggestions for their home screen right bar.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F1ad2d02c-5ab7-427e-9caf-57b7644ced29.png","Town from Town",{"uuid":332,"title":327,"description":333,"image":334,"image_alt":330,"width":44,"height":45},"197c4284-b773-458d-b743-71ecd8ee2e2a","Settings modal where the user configures their right sidebar by reordering widgets and toggling suggestion types like time-sensitive tasks.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F197c4284-b773-458d-b743-71ecd8ee2e2a.png",{"uuid":336,"title":327,"description":337,"image":338,"image_alt":330,"width":44,"height":45},"7cec4201-16bb-4629-abcd-cb7240949a83","Settings modal where the user configures auto-hide rules and timeframes for their task list.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F7cec4201-16bb-4629-abcd-cb7240949a83.png",{"slug":340,"title":327,"logo":341},"town","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fb6cf707d-df49-4190-b803-766b8914df89.png",{"uuid":343,"title":344,"canonical_path":345,"kind":31,"patterns_count":320,"categories":346,"screens":348,"app":362},"6e4db342-3ac5-4ac4-89a8-bd870a04b0f2","Customizing portal","\u002Fexamples\u002Fapps\u002Fassembly-2\u002Fflows",[347],{"id":35,"title":36,"slug":37},[349,355,358],{"uuid":350,"title":351,"description":352,"image":353,"image_alt":354,"width":44,"height":45},"1ca48894-fb0f-4c8b-98cc-5f548a4ee3e9","Assembly Dashboard – Nicelydone Club","Trial banner","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F1ca48894-fb0f-4c8b-98cc-5f548a4ee3e9.png","Assembly Dashboard – Nicelydone Club from Assembly AI App Builder",{"uuid":356,"title":351,"description":352,"image":357,"image_alt":354,"width":44,"height":45},"54182981-c4dd-4ffd-9640-7f9f765389c5","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F54182981-c4dd-4ffd-9640-7f9f765389c5.png",{"uuid":359,"title":351,"description":360,"image":361,"image_alt":354,"width":44,"height":45},"73525f0b-132d-42c0-b5a0-f306f75aad16","Settings page where the user configures the portal's appearance, including sidebar colors, accent color, font, and meta data, with a live preview.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F73525f0b-132d-42c0-b5a0-f306f75aad16.png",{"slug":363,"title":364,"logo":365},"assembly-2","Assembly AI App Builder","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fe0ead769-d687-403b-a7bd-124ca7356944.png",{"uuid":367,"title":368,"canonical_path":369,"kind":31,"patterns_count":32,"categories":370,"screens":372,"app":387},"22f517d4-9383-4864-aab9-18bbec203769","Styling element","\u002Fexamples\u002Fapps\u002Flovable\u002Fflows",[371],{"id":35,"title":36,"slug":37},[373,379,383],{"uuid":374,"title":375,"description":376,"image":377,"image_alt":378,"width":44,"height":45},"d5e079fb-e458-4cc9-844f-28d781b8c760","Portfolio Showcase - Lovable","Design editor where the user modifies the typography and styling of an h1 element using an inspector panel and inline AI prompts.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd5e079fb-e458-4cc9-844f-28d781b8c760.png","Portfolio Showcase - Lovable from Lovable",{"uuid":380,"title":375,"description":381,"image":382,"image_alt":378,"width":44,"height":45},"76e6da6a-571f-4ce9-a952-ca66a7116743","Design editor where the user modifies the typography, colors, and spacing of a selected h1 element on a website canvas, with an AI prompt input for further modifications.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F76e6da6a-571f-4ce9-a952-ca66a7116743.png",{"uuid":384,"title":375,"description":385,"image":386,"image_alt":378,"width":44,"height":45},"c6b5a031-e1ec-499b-9cc5-b3ccba3f15e2","Design editor where the user selects an h1 heading on the canvas and uses an AI prompt to modify its visual properties like spacing, borders, and effects.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fc6b5a031-e1ec-499b-9cc5-b3ccba3f15e2.png",{"slug":388,"title":389,"logo":390},"lovable","Lovable","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F371498a3-d8de-4908-8af8-e73a603ffa34.png",[392,394,396],{"label":36,"to":393},"\u002Fexamples\u002Fflows\u002Fcustomize",{"label":395,"to":30},"Magnific user flows",{"label":397,"to":18},"All user flow examples",{"published_at":399,"updated_at":400},"2026-05-18T10:56:53.000Z","2026-09-25T07:30:37.000Z",{"left":402,"top":402,"width":403,"height":403,"rotate":402,"vFlip":404,"hFlip":404,"body":405},0,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>"]