[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Ffractional\u002Fcomponents":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":29,"examples":49,"showcases":225,"links":226,"dates":263},"\u002Fexamples\u002Fapps\u002Ffractional\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Fractional UI components examples - Nicelydone","Browse Fractional UI component design examples. Preview individual interface elements and explore related component categories. Fractional ownership of…","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F345c7e40-af2f-4c17-bd2b-3277119d26e3.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},"Fractional design examples","\u002Fexamples\u002Fapps\u002Ffractional",{"label":23,"to":4},"Fractional UI components examples",{"title":23,"eyebrow":25,"description":26,"sections":27,"body":28},"SaaS app examples","Browse Fractional UI component design examples. Preview individual interface elements and explore related component categories. Fractional ownership of investment properties",[],[],{"title":30,"slug":31,"description":32,"logo":33,"url":34,"twitter_username":35,"categories":36},"Fractional","fractional","Fractional ownership of investment properties","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Ffractional-6509e35a.png","https:\u002F\u002Fwww.fractional.app","fractionalapp",[37,41,45],{"id":38,"title":39,"slug":40},9,"Real Estate","real-estate",{"id":42,"title":43,"slug":44},34,"Crowdfunding","crowdfunding",{"id":46,"title":47,"slug":48},36,"Finance","finance",[50,65,80,95,109,124,139,154,169,181,195,210],{"uuid":51,"title":52,"description":53,"canonical_path":4,"image":11,"width":54,"height":55,"image_alt":56,"kind":57,"categories":58,"app":63},"345c7e40-af2f-4c17-bd2b-3277119d26e3","Property Type Badge","A pill-shaped badge displaying the property type 'Single Family' in blue text on a light blue background.",287,176,"Property Type Badge from Fractional","component",[59],{"id":60,"title":61,"slug":62},260,"Badge","badge",{"slug":31,"title":30,"logo":33,"categories":64},[],{"uuid":66,"title":67,"description":68,"canonical_path":4,"image":69,"width":70,"height":71,"image_alt":72,"kind":57,"categories":73,"app":78},"23b06cb9-31cf-43c4-ada9-0e86ae9252d3","Workspace sidebar","A vertical sidebar navigation menu with a workspace switcher rail on the left, a main navigation list with nested items, and a user profile dropdown at the bottom.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F23b06cb9-31cf-43c4-ada9-0e86ae9252d3.png",761,1894,"Workspace sidebar from Fractional",[74],{"id":75,"title":76,"slug":77},209,"Vertical navigation","vertical-navigation",{"slug":31,"title":30,"logo":33,"categories":79},[],{"uuid":81,"title":82,"description":83,"canonical_path":4,"image":84,"width":85,"height":86,"image_alt":87,"kind":57,"categories":88,"app":93},"9ce53302-df9f-4666-8044-c94384e29016","Progress bar","A linear progress bar with a numeric step indicator showing '1 of 6'.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F9ce53302-df9f-4666-8044-c94384e29016.png",828,118,"Progress bar from Fractional",[89],{"id":90,"title":91,"slug":92},213,"Progress indicator","progress-indicator",{"slug":31,"title":30,"logo":33,"categories":94},[],{"uuid":96,"title":97,"description":98,"canonical_path":4,"image":99,"width":100,"height":101,"image_alt":102,"kind":57,"categories":103,"app":107},"e5591b27-5ae1-48fd-91dd-637b4bc58aa9","Rich text editor","A rich text editor component with a top toolbar for formatting text. It includes options for bold, italic, underline, code, headings, lists, and alignment, followed by a text area with a placeholder.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fe5591b27-5ae1-48fd-91dd-637b4bc58aa9.png",864,384,"Rich text editor from Fractional",[104],{"id":105,"title":97,"slug":106},221,"rich-text-editor",{"slug":31,"title":30,"logo":33,"categories":108},[],{"uuid":110,"title":111,"description":112,"canonical_path":4,"image":113,"width":114,"height":115,"image_alt":116,"kind":57,"categories":117,"app":122},"6b010c66-0775-4495-b274-d1768ef68dac","4-digit OTP input","A four-digit one-time password input field with a prompt to enter a code sent via email.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F6b010c66-0775-4495-b274-d1768ef68dac.png",660,305,"4-digit OTP input from Fractional",[118],{"id":119,"title":120,"slug":121},288,"Input code","input-code",{"slug":31,"title":30,"logo":33,"categories":123},[],{"uuid":125,"title":126,"description":127,"canonical_path":4,"image":128,"width":129,"height":130,"image_alt":131,"kind":57,"categories":132,"app":137},"b87b9e6e-f3cd-4ab8-8cf2-78254c5a856e","Continue with email button","A solid blue, pill-shaped button labeled 'Continue with email'.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fb87b9e6e-f3cd-4ab8-8cf2-78254c5a856e.png",768,224,"Continue with email button from Fractional",[133],{"id":134,"title":135,"slug":136},175,"Button","button",{"slug":31,"title":30,"logo":33,"categories":138},[],{"uuid":140,"title":141,"description":142,"canonical_path":4,"image":143,"width":144,"height":145,"image_alt":146,"kind":57,"categories":147,"app":152},"0be1f10f-1daf-461a-a5ac-96d66b27b887","CTA Section and Footer","A centered call-to-action section with a headline and a primary button, followed by a simple footer containing navigation links, copyright, and address information.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F0be1f10f-1daf-461a-a5ac-96d66b27b887.png",2198,819,"CTA Section and Footer from Fractional",[148],{"id":149,"title":150,"slug":151},202,"Footer","footer",{"slug":31,"title":30,"logo":33,"categories":153},[],{"uuid":155,"title":156,"description":157,"canonical_path":4,"image":158,"width":159,"height":160,"image_alt":161,"kind":57,"categories":162,"app":167},"43a335b6-f8b6-44df-a07d-b75775eda7ad","Website Header","A top navigation header featuring a logo on the left, a set of navigation links, and sign-in\u002Fsign-up actions on the right.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F43a335b6-f8b6-44df-a07d-b75775eda7ad.png",2206,352,"Website Header from Fractional",[163],{"id":164,"title":165,"slug":166},258,"Header","header",{"slug":31,"title":30,"logo":33,"categories":168},[],{"uuid":170,"title":171,"description":172,"canonical_path":4,"image":173,"width":174,"height":175,"image_alt":176,"kind":57,"categories":177,"app":179},"06b473ce-78af-4fb6-9a74-ba991d2f5948","Interest Badges","A row of three pill-shaped badges, each containing an emoji and a text label representing an interest or location. The badges use different background and text colors.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F06b473ce-78af-4fb6-9a74-ba991d2f5948.png",1263,304,"Interest Badges from Fractional",[178],{"id":60,"title":61,"slug":62},{"slug":31,"title":30,"logo":33,"categories":180},[],{"uuid":182,"title":183,"description":184,"canonical_path":4,"image":185,"width":186,"height":187,"image_alt":188,"kind":57,"categories":189,"app":193},"b73c9f28-f7a5-468f-b469-bac84ccc5acd","Partner Logo Wall","A section displaying partner logos within a rounded container, accompanied by a heading and a brief explanatory paragraph.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fb73c9f28-f7a5-468f-b469-bac84ccc5acd.png",2080,807,"Partner Logo Wall from Fractional",[190],{"id":130,"title":191,"slug":192},"Social proof","social-proof",{"slug":31,"title":30,"logo":33,"categories":194},[],{"uuid":196,"title":197,"description":198,"canonical_path":4,"image":199,"width":200,"height":201,"image_alt":202,"kind":57,"categories":203,"app":208},"fe1c6ff6-19a4-43db-9c45-da23f604eb0e","Testimonial Carousel","A section displaying a carousel of testimonials from real estate agents. Each card includes an avatar, name, location or agency, and a quote.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Ffe1c6ff6-19a4-43db-9c45-da23f604eb0e.png",2023,1089,"Testimonial Carousel from Fractional",[204],{"id":205,"title":206,"slug":207},232,"Testimonial","testimonial",{"slug":31,"title":30,"logo":33,"categories":209},[],{"uuid":211,"title":212,"description":213,"canonical_path":4,"image":214,"width":215,"height":216,"image_alt":217,"kind":57,"categories":218,"app":223},"7ad25f3f-b4b2-42b2-9521-f84a9ebdd807","Investment proposal card","A central card displaying an investment proposal with a slider to adjust the investment amount, flanked by two partially obscured cards showing a timeline and a user profile.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F7ad25f3f-b4b2-42b2-9521-f84a9ebdd807.png",839,710,"Investment proposal card from Fractional",[219],{"id":220,"title":221,"slug":222},278,"Illustration","illustration",{"slug":31,"title":30,"logo":33,"categories":224},[],[],[227,230,233,236,239,242,245,247,251,255,259],{"label":228,"to":229},"Fractional product screens","\u002Fexamples\u002Fapps\u002Ffractional\u002Fscreens",{"label":231,"to":232},"Fractional marketing pages","\u002Fexamples\u002Fapps\u002Ffractional\u002Fmarketing",{"label":234,"to":235},"Fractional user flows","\u002Fexamples\u002Fapps\u002Ffractional\u002Fflows",{"label":237,"to":238},"Real Estate app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Freal-estate",{"label":240,"to":241},"Crowdfunding app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcrowdfunding",{"label":243,"to":244},"Finance app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Ffinance",{"label":246,"to":18},"All SaaS app examples",{"label":248,"to":249,"description":250},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":252,"to":253,"description":254},"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":256,"to":257,"description":258},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":260,"to":261,"description":262},"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":264,"updated_at":265},"2022-11-17T18:48:46.000Z","2026-09-13T13:02:39.000Z"]