[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fkajabi\u002Fcomponents":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":55,"showcases":205,"links":206,"dates":243},"\u002Fexamples\u002Fapps\u002Fkajabi\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Kajabi UI components examples - Nicelydone","Browse Kajabi UI component design examples. Preview individual interface elements and explore related component categories. Where Creators Build Businesses","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fec4a4f20-d909-4403-8593-17ebdcc862df.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},"Kajabi design examples","\u002Fexamples\u002Fapps\u002Fkajabi",{"label":23,"to":4},"Kajabi 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":30,"categories":34},"Kajabi","kajabi","Where Creators Build Businesses","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fkajabi-a4858d70.png","https:\u002F\u002Fkajabi.com\u002F",[35,39,43,47,51],{"id":36,"title":37,"slug":38},32,"Education","education",{"id":40,"title":41,"slug":42},25,"Marketing","marketing",{"id":44,"title":45,"slug":46},1,"Communities","communities",{"id":48,"title":49,"slug":50},27,"Email Newsletters","email-newsletters",{"id":52,"title":53,"slug":54},33,"E-Learning","e-learning",[56,71,84,97,110,123,133,146,159,172,185,195],{"uuid":57,"title":58,"description":59,"canonical_path":4,"image":11,"width":60,"height":61,"image_alt":62,"kind":63,"categories":64,"app":69},"f78b782d-7606-4f28-a0d1-77fc7bb77e86","Kajabi UI component","A modal prompting the user to set up a website domain for a simpler email setup.",1637,659,"UI component from Kajabi","component",[65],{"id":66,"title":67,"slug":68},167,"Alert","alert",{"slug":30,"title":29,"logo":32,"categories":70},[],{"uuid":72,"title":58,"description":73,"canonical_path":4,"image":74,"width":75,"height":76,"image_alt":62,"kind":63,"categories":77,"app":82},"11940bfb-ce51-4427-ba43-067a8deb0eb3","A modal for controlling Kajabi branding with an upgrade option.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F64116813-c3a0-4459-be88-fda69e29fa36.png",2547,692,[78],{"id":79,"title":80,"slug":81},255,"Upgrade your plan","upgrade-your-plan",{"slug":30,"title":29,"logo":32,"categories":83},[],{"uuid":85,"title":58,"description":86,"canonical_path":4,"image":87,"width":88,"height":89,"image_alt":62,"kind":63,"categories":90,"app":95},"c6435464-f2cb-4fcf-b473-082d9df35cea","A project card displaying a video playback with metadata.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fbe6f8ed7-c8da-43b0-aec0-48203b4b9dc0.png",835,849,[91],{"id":92,"title":93,"slug":94},174,"Card","card",{"slug":30,"title":29,"logo":32,"categories":96},[],{"uuid":98,"title":58,"description":99,"canonical_path":4,"image":100,"width":101,"height":102,"image_alt":62,"kind":63,"categories":103,"app":108},"2d261751-2173-414d-bf77-43e4b445edcb","A dropdown menu for filtering posts by time range.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F91e94bc8-a242-44ef-bfb3-127fa94256f4.png",609,807,[104],{"id":105,"title":106,"slug":107},184,"Datepicker","datepicker",{"slug":30,"title":29,"logo":32,"categories":109},[],{"uuid":111,"title":58,"description":112,"canonical_path":4,"image":113,"width":114,"height":115,"image_alt":62,"kind":63,"categories":116,"app":121},"61be2007-d017-4d97-bdbc-0da406c0c218","A dashboard overview of email metrics.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F30963073-45c6-4c7b-9f70-45d2257f5133.png",2552,656,[117],{"id":118,"title":119,"slug":120},248,"Table","table-2",{"slug":30,"title":29,"logo":32,"categories":122},[],{"uuid":124,"title":58,"description":125,"canonical_path":4,"image":126,"width":127,"height":128,"image_alt":62,"kind":63,"categories":129,"app":131},"21bf87d7-d3d2-4d74-aeda-809000574ceb","A table displaying circles with their details.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F7e2e5f8e-43f3-44bf-b6ea-72e9a92a7890.png",2176,929,[130],{"id":118,"title":119,"slug":120},{"slug":30,"title":29,"logo":32,"categories":132},[],{"uuid":134,"title":58,"description":135,"canonical_path":4,"image":136,"width":137,"height":138,"image_alt":62,"kind":63,"categories":139,"app":144},"d682163b-c002-4d80-99fa-cc59abb3709c","A modal to upload a logo","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F6215f6a2-356f-4622-bc25-5cafbcf89142.png",1256,619,[140],{"id":141,"title":142,"slug":143},188,"File upload input","file-upload-input",{"slug":30,"title":29,"logo":32,"categories":145},[],{"uuid":147,"title":58,"description":148,"canonical_path":4,"image":149,"width":150,"height":151,"image_alt":62,"kind":63,"categories":152,"app":157},"bd3b6281-1cdd-44f8-a039-31d08a5574d1","A modal for managing email notifications for a circle.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F08d97302-ec06-4a13-b32b-78f089f58c38.png",2175,827,[153],{"id":154,"title":155,"slug":156},236,"Toggle\u002FSwitch","toggle-switch",{"slug":30,"title":29,"logo":32,"categories":158},[],{"uuid":160,"title":58,"description":161,"canonical_path":4,"image":162,"width":163,"height":164,"image_alt":62,"kind":63,"categories":165,"app":170},"e3622d65-5ca5-41b2-92f6-32a07d9550d5","A modal displaying a connection test in progress.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F63a0252d-9347-4008-b310-f69e92d28313.png",1130,968,[166],{"id":167,"title":168,"slug":169},213,"Progress indicator","progress-indicator",{"slug":30,"title":29,"logo":32,"categories":171},[],{"uuid":173,"title":58,"description":174,"canonical_path":4,"image":175,"width":176,"height":177,"image_alt":62,"kind":63,"categories":178,"app":183},"0639d69a-d541-40ae-88a2-96b751606dd1","A welcome screen for a live feature with an illustration.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F31657b9a-1e06-4937-bda8-3f55ac547951.png",1272,1364,[179],{"id":180,"title":181,"slug":182},278,"Illustration","illustration",{"slug":30,"title":29,"logo":32,"categories":184},[],{"uuid":186,"title":58,"description":187,"canonical_path":4,"image":188,"width":189,"height":190,"image_alt":62,"kind":63,"categories":191,"app":193},"0d5df2fd-f679-47b2-ae95-14b54222f23b","A modal with an illustration explaining recording saving.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fe5826040-9991-4f69-a5cf-3b81d715aef4.png",1351,1400,[192],{"id":180,"title":181,"slug":182},{"slug":30,"title":29,"logo":32,"categories":194},[],{"uuid":196,"title":58,"description":197,"canonical_path":4,"image":198,"width":199,"height":200,"image_alt":62,"kind":63,"categories":201,"app":203},"dbcf1b4d-7b8f-4716-afb2-08611e6dcc65","A modal requesting camera and microphone access.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fbdb6a16d-c212-479e-9095-b66dfa30bd2e.png",1309,1379,[202],{"id":180,"title":181,"slug":182},{"slug":30,"title":29,"logo":32,"categories":204},[],[],[207,210,213,216,219,222,225,227,231,235,239],{"label":208,"to":209},"Kajabi product screens","\u002Fexamples\u002Fapps\u002Fkajabi\u002Fscreens",{"label":211,"to":212},"Kajabi marketing pages","\u002Fexamples\u002Fapps\u002Fkajabi\u002Fmarketing",{"label":214,"to":215},"Kajabi user flows","\u002Fexamples\u002Fapps\u002Fkajabi\u002Fflows",{"label":217,"to":218},"Education app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Feducation",{"label":220,"to":221},"Marketing app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fmarketing",{"label":223,"to":224},"Communities app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcommunities",{"label":226,"to":18},"All SaaS app examples",{"label":228,"to":229,"description":230},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":232,"to":233,"description":234},"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":236,"to":237,"description":238},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":240,"to":241,"description":242},"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":244,"updated_at":245},"2025-01-26T18:25:36.000Z","2026-09-13T13:02:39.000Z"]