[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fsecfi\u002Fcomponents":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":29,"examples":40,"showcases":181,"links":182,"dates":195},"\u002Fexamples\u002Fapps\u002Fsecfi\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Secfi UI components examples - Nicelydone","Browse Secfi UI component design examples. Preview individual interface elements and explore related component categories. The leading financial advisor for…","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F82463cfc-9f27-418f-95fc-9bd18a3e55b1.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},"Secfi design examples","\u002Fexamples\u002Fapps\u002Fsecfi",{"label":23,"to":4},"Secfi UI components examples",{"title":23,"eyebrow":25,"description":26,"sections":27,"body":28},"SaaS app examples","Browse Secfi UI component design examples. Preview individual interface elements and explore related component categories. The leading financial advisor for tech people",[],[],{"title":30,"slug":31,"description":32,"logo":33,"url":34,"categories":35},"Secfi","secfi","The leading financial advisor for tech people","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fsecfi-680f7b1f.png","https:\u002F\u002Fsecfi.com",[36],{"id":37,"title":38,"slug":39},36,"Finance","finance",[41,56,69,82,95,108,118,127,136,145,158,168],{"uuid":42,"title":43,"description":44,"canonical_path":4,"image":11,"width":45,"height":46,"image_alt":47,"kind":48,"categories":49,"app":54},"4bc43395-ce97-4aab-909c-67bfea1c15cc","Secfi UI component","A user profile dropdown menu.",629,1052,"UI component from Secfi","component",[50],{"id":51,"title":52,"slug":53},190,"Dropdown menu","dropdown-menu",{"slug":31,"title":30,"logo":33,"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},"c8063d03-0bbd-47a7-842e-743e0bd05e93","A dashboard displaying equity information with a line chart and a donut chart.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F867d877f-0477-4977-bc3d-b332d7085547.png",2656,1279,[63],{"id":64,"title":65,"slug":66},186,"Charts","charts",{"slug":31,"title":30,"logo":33,"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},"18603b39-0ff2-42ff-ac6d-d49becac2f48","A welcome message modal","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Ff73d5634-87dd-4400-baa3-cbeea65733d8.png",661,215,[76],{"id":77,"title":78,"slug":79},247,"Notification Toast","notification-element",{"slug":31,"title":30,"logo":33,"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},"319f4c28-786c-4c34-8e6e-80d549fb5b80","A financing status modal with a progress indicator.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fac0fe7a4-4ca3-4490-b66e-123c66a79ec4.png",600,1118,[89],{"id":90,"title":91,"slug":92},227,"Stepper","stepper",{"slug":31,"title":30,"logo":33,"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},"dd039f70-ffb0-4e0d-b4de-cdfd57a1aa8b","A modal showing share vesting information with sliders.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F67f6b981-4d19-4b88-a968-6fb746588a4d.png",1197,1032,[102],{"id":103,"title":104,"slug":105},223,"Slider","slider",{"slug":31,"title":30,"logo":33,"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":116},"8660261f-8c23-41a9-bd26-a7713934cbce","A financial calculator for company exits.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fdf6e0e2c-d28b-4b30-a06c-09c17661bcb8.png",2696,2220,[115],{"id":64,"title":65,"slug":66},{"slug":31,"title":30,"logo":33,"categories":117},[],{"uuid":119,"title":43,"description":120,"canonical_path":4,"image":121,"width":112,"height":122,"image_alt":47,"kind":48,"categories":123,"app":125},"324fd050-1e0c-482b-b34d-9ac6e751f926","A tax breakdown visualization with a bar chart and a table.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Ff4452eea-427d-48cd-9d94-dea2c1ad2859.png",2781,[124],{"id":64,"title":65,"slug":66},{"slug":31,"title":30,"logo":33,"categories":126},[],{"uuid":128,"title":43,"description":129,"canonical_path":4,"image":130,"width":112,"height":131,"image_alt":47,"kind":48,"categories":132,"app":134},"975a4801-b26c-4901-b2a8-f3569cf3f46c","A tax analysis interface showing tax implications of exercising ISOs.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F85b52981-a8e2-4387-a2c3-60f4032c4729.png",1993,[133],{"id":64,"title":65,"slug":66},{"slug":31,"title":30,"logo":33,"categories":135},[],{"uuid":137,"title":43,"description":138,"canonical_path":4,"image":139,"width":112,"height":140,"image_alt":47,"kind":48,"categories":141,"app":143},"831fed4d-a050-496f-9978-ed7cb1c07e8e","A financial calculator to explore savings when exercising pre-exit stock options.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fd0f3391a-5789-4a84-8697-440c471423b2.png",2583,[142],{"id":64,"title":65,"slug":66},{"slug":31,"title":30,"logo":33,"categories":144},[],{"uuid":146,"title":43,"description":147,"canonical_path":4,"image":148,"width":149,"height":150,"image_alt":47,"kind":48,"categories":151,"app":156},"25e70916-3244-4f29-8f65-acf9c040670b","A timeline of equity grants with details and a call to action.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fa471f212-356a-4ed0-8d75-4b392447d195.png",1752,1688,[152],{"id":153,"title":154,"slug":155},249,"Timeline & history","timeline-history",{"slug":31,"title":30,"logo":33,"categories":157},[],{"uuid":159,"title":43,"description":160,"canonical_path":4,"image":161,"width":162,"height":163,"image_alt":47,"kind":48,"categories":164,"app":166},"403bd5cf-e753-42be-94fa-cb0e70fd6209","A screen for estimating company exit with equity information.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fc37051ff-5691-4122-9366-055e7431ff42.png",2436,1072,[165],{"id":153,"title":154,"slug":155},{"slug":31,"title":30,"logo":33,"categories":167},[],{"uuid":169,"title":43,"description":170,"canonical_path":4,"image":171,"width":172,"height":173,"image_alt":47,"kind":48,"categories":174,"app":179},"c249b446-a6ee-4243-9b57-30a1a5b6fa5f","A number input with increment and decrement buttons.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Ffdaf64f5-0c92-40d5-b919-dc62b744f19e.png",706,287,[175],{"id":176,"title":177,"slug":178},257,"Input number","input-number",{"slug":31,"title":30,"logo":33,"categories":180},[],[],[183,186,189,192],{"label":184,"to":185},"Secfi product screens","\u002Fexamples\u002Fapps\u002Fsecfi\u002Fscreens",{"label":187,"to":188},"Secfi marketing pages","\u002Fexamples\u002Fapps\u002Fsecfi\u002Fmarketing",{"label":190,"to":191},"Secfi user flows","\u002Fexamples\u002Fapps\u002Fsecfi\u002Fflows",{"label":193,"to":194},"Finance app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Ffinance",{"published_at":196,"updated_at":197},"2025-02-03T08:41:05.000Z","2026-09-13T13:02:39.000Z"]