[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Frows\u002Fcomponents":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":47,"showcases":215,"links":216,"dates":253},"\u002Fexamples\u002Fapps\u002Frows\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Rows UI components examples - Nicelydone","Browse Rows UI component design examples. Preview individual interface elements and explore related component categories. The spreadsheet with superpowers","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fe65c024d-1d88-427e-8463-902a3e79b251.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},"Rows design examples","\u002Fexamples\u002Fapps\u002Frows",{"label":23,"to":4},"Rows 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,"categories":34},"Rows","rows","The spreadsheet with superpowers","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Frows-010b7a7a.png","http:\u002F\u002Frows.com",[35,39,43],{"id":36,"title":37,"slug":38},30,"Productivity","productivity",{"id":40,"title":41,"slug":42},46,"Analytics","analytics",{"id":44,"title":45,"slug":46},80,"Artificial Intelligence","artificial-intelligence",[48,63,78,93,108,123,137,149,164,176,188,200],{"uuid":49,"title":50,"description":51,"canonical_path":4,"image":11,"width":52,"height":53,"image_alt":54,"kind":55,"categories":56,"app":61},"6aa9061e-ef70-402f-a8da-d161ac59e3c5","Header with open mega menu","A website header featuring a logo, navigation links, and authentication buttons. The 'Resources' navigation item is active, displaying a full-width dropdown menu with three distinct resource categories, each accompanied by an icon and a brief description.",2809,873,"Header with open mega menu from Rows","component",[57],{"id":58,"title":59,"slug":60},290,"Flyout menu","flyout-menu",{"slug":30,"title":29,"logo":32,"categories":62},[],{"uuid":64,"title":65,"description":66,"canonical_path":4,"image":67,"width":68,"height":69,"image_alt":70,"kind":55,"categories":71,"app":76},"2e1961d9-8dea-41de-829e-681799255477","Product Landing Page Hero","A hero section featuring a top navigation bar, a large headline, a subheadline, call-to-action buttons, and a prominent product interface mockup showing a spreadsheet and a mobile view.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F9b87010e-b3a2-4997-8ffb-66fb86d4de42.png",2796,2791,"Product Landing Page Hero from Rows",[72],{"id":73,"title":74,"slug":75},197,"Hero section","hero-section",{"slug":30,"title":29,"logo":32,"categories":77},[],{"uuid":79,"title":80,"description":81,"canonical_path":4,"image":82,"width":83,"height":84,"image_alt":85,"kind":55,"categories":86,"app":91},"4ad5b946-c579-4f6d-b9f3-c7e358fe4e51","Usage limit alert","A card displaying the current usage of integration executions, indicating that the limit has been reached and prompting the user to upgrade.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F5464bd6e-8b75-4bd9-a058-1acfbe31a4f3.png",2520,421,"Usage limit alert from Rows",[87],{"id":88,"title":89,"slug":90},255,"Upgrade your plan","upgrade-your-plan",{"slug":30,"title":29,"logo":32,"categories":92},[],{"uuid":94,"title":95,"description":96,"canonical_path":4,"image":97,"width":98,"height":99,"image_alt":100,"kind":55,"categories":101,"app":106},"257b18bc-f2ab-42d8-a461-9b00d84745e1","Invite member input row","A form row showing an entered email address as a tag, a dropdown to select the role, and helper text explaining the default access level.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fa40b4510-117c-4e1f-84f8-c84e2bbc9258.png",1337,363,"Invite member input row from Rows",[102],{"id":103,"title":104,"slug":105},252,"Input tag","input-tag",{"slug":30,"title":29,"logo":32,"categories":107},[],{"uuid":109,"title":110,"description":111,"canonical_path":4,"image":112,"width":113,"height":114,"image_alt":115,"kind":55,"categories":116,"app":121},"b77070c8-a5e1-44c2-bb8b-96ac7edc275d","Sidebar navigation","A vertical sidebar navigation menu featuring a workspace switcher, a list of folders, and a usage quota indicator at the bottom.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Faf6150b2-32e5-4eab-9647-a3f21a33fff1.png",438,1661,"Sidebar navigation from Rows",[117],{"id":118,"title":119,"slug":120},209,"Vertical navigation","vertical-navigation",{"slug":30,"title":29,"logo":32,"categories":122},[],{"uuid":124,"title":125,"description":126,"canonical_path":4,"image":127,"width":128,"height":53,"image_alt":129,"kind":55,"categories":130,"app":135},"bfc3a804-f57a-4690-8e98-64f7f906c265","Color picker popover","A popover containing a color picker with tabs for text and fill color, a color gradient area, a hue slider, a hex input, a toggle for auto colorizing text, and an add color button.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fd96cc975-f464-4f4b-962b-f1034ab6e020.png",591,"Color picker popover from Rows",[131],{"id":132,"title":133,"slug":134},183,"Color picker","color-picker",{"slug":30,"title":29,"logo":32,"categories":136},[],{"uuid":138,"title":139,"description":140,"canonical_path":4,"image":141,"width":142,"height":143,"image_alt":144,"kind":55,"categories":145,"app":147},"adf65703-0d2e-4c03-b9c7-255ffd199653","Text color picker popover","A popover menu displaying a grid of color swatches for text formatting, opened from a toolbar button.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fc8584d80-7803-465e-a1fe-11c4d4692896.png",670,435,"Text color picker popover from Rows",[146],{"id":132,"title":133,"slug":134},{"slug":30,"title":29,"logo":32,"categories":148},[],{"uuid":150,"title":151,"description":152,"canonical_path":4,"image":153,"width":154,"height":155,"image_alt":156,"kind":55,"categories":157,"app":162},"a11c2d64-6d68-4fab-9a10-97f158d9ab4a","Feature tooltip","A tooltip providing a tip on how to use a feature, including a link to learn more and a badge indicating it's a premium feature.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F389d3d5a-267c-4cef-86ac-eff1d5d48cdd.png",784,312,"Feature tooltip from Rows",[158],{"id":159,"title":160,"slug":161},254,"Tooltip","tooltip-element",{"slug":30,"title":29,"logo":32,"categories":163},[],{"uuid":165,"title":166,"description":167,"canonical_path":4,"image":168,"width":169,"height":170,"image_alt":171,"kind":55,"categories":172,"app":174},"4c107144-1963-4424-8ea6-ff4601c2665e","Function configuration panel with tooltip","A side panel for configuring a text classification function, featuring a 'Show example' button that triggers an informational tooltip. The panel also includes a text input field currently in an error state.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fa5d9dad5-cfd0-4880-9b5c-a6580ff20ee5.png",1262,673,"Function configuration panel with tooltip from Rows",[173],{"id":159,"title":160,"slug":161},{"slug":30,"title":29,"logo":32,"categories":175},[],{"uuid":177,"title":178,"description":179,"canonical_path":4,"image":180,"width":181,"height":182,"image_alt":183,"kind":55,"categories":184,"app":186},"b02b3805-bb56-42d9-ad18-950ad07760ae","Upgrade prompt card","A small card displaying usage limits for integration executions on a free plan, with a link to upgrade.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F1377ccea-5c53-4418-851a-22df8472a847.png",976,333,"Upgrade prompt card from Rows",[185],{"id":88,"title":89,"slug":90},{"slug":30,"title":29,"logo":32,"categories":187},[],{"uuid":189,"title":190,"description":191,"canonical_path":4,"image":192,"width":193,"height":194,"image_alt":195,"kind":55,"categories":196,"app":198},"f334244b-5872-4d57-acdf-03c666707814","Embed code snippet with upgrade prompt","A read-only text area displaying an iframe embed code, accompanied by a disabled toggle to remove branding and a tooltip prompting the user to upgrade their plan.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F5a4cf311-9d31-4834-a88d-7d2225baf28f.png",1280,582,"Embed code snippet with upgrade prompt from Rows",[197],{"id":88,"title":89,"slug":90},{"slug":30,"title":29,"logo":32,"categories":199},[],{"uuid":201,"title":202,"description":203,"canonical_path":4,"image":204,"width":205,"height":206,"image_alt":207,"kind":55,"categories":208,"app":213},"87520a8b-c5fc-461a-8e9e-45661348ca09","Table settings menu","A dropdown menu containing various table configuration options, actions, and toggles.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fd18309d8-085a-4f48-a08b-762498dcd85a.png",629,1250,"Table settings menu from Rows",[209],{"id":210,"title":211,"slug":212},190,"Dropdown menu","dropdown-menu",{"slug":30,"title":29,"logo":32,"categories":214},[],[],[217,220,223,226,229,232,235,237,241,245,249],{"label":218,"to":219},"Rows product screens","\u002Fexamples\u002Fapps\u002Frows\u002Fscreens",{"label":221,"to":222},"Rows marketing pages","\u002Fexamples\u002Fapps\u002Frows\u002Fmarketing",{"label":224,"to":225},"Rows user flows","\u002Fexamples\u002Fapps\u002Frows\u002Fflows",{"label":227,"to":228},"Productivity app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fproductivity",{"label":230,"to":231},"Analytics app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fanalytics",{"label":233,"to":234},"Artificial Intelligence app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fartificial-intelligence",{"label":236,"to":18},"All SaaS app examples",{"label":238,"to":239,"description":240},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":242,"to":243,"description":244},"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":246,"to":247,"description":248},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":250,"to":251,"description":252},"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":254,"updated_at":255},"2021-02-21T21:11:31.000Z","2026-09-26T12:10:07.000Z"]