[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Frewatch\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":219,"links":220,"dates":257},"\u002Fexamples\u002Fapps\u002Frewatch\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Rewatch UI components examples - Nicelydone","Browse Rewatch UI component design examples. Preview individual interface elements and explore related component categories. Video that empowers your entire…","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F81530a93-36a6-440f-821c-7f09b0f3b380.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},"Rewatch design examples","\u002Fexamples\u002Fapps\u002Frewatch",{"label":23,"to":4},"Rewatch UI components examples",{"title":23,"eyebrow":25,"description":26,"sections":27,"body":28},"SaaS app examples","Browse Rewatch UI component design examples. Preview individual interface elements and explore related component categories. Video that empowers your entire team",[],[],{"title":30,"slug":31,"description":32,"logo":33,"url":34,"twitter_username":35,"categories":36},"Rewatch","rewatch","Video that empowers your entire team","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Frewatch-9kpmf87l.png","https:\u002F\u002Frewatch.com","gorewatch",[37,41,45],{"id":38,"title":39,"slug":40},23,"Collaboration","collaboration",{"id":42,"title":43,"slug":44},100,"Video","video",{"id":46,"title":47,"slug":48},82,"Communication","communication",[50,65,80,95,110,125,140,155,170,185,196,208],{"uuid":51,"title":52,"description":53,"canonical_path":4,"image":11,"width":54,"height":55,"image_alt":56,"kind":57,"categories":58,"app":63},"d42aee4d-94d4-44e3-b92a-842be982926d","Range slider with inputs","A horizontal range slider for selecting a time duration, featuring draggable handles and numeric input fields for precise start and end times.",2118,498,"Range slider with inputs from Rewatch","component",[59],{"id":60,"title":61,"slug":62},246,"Toolbox","toolbox",{"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},"d7940cca-4706-4240-b263-fe44d5b3b276","User profile row","A row displaying a user's avatar, full name, email address, and a badge indicating it is the current user.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fe67c5553-4c63-4318-bfb0-bed4fce0f59e.png",560,204,"User profile row from Rewatch",[74],{"id":75,"title":76,"slug":77},169,"Avatar","avatar",{"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},"8c0e0c7b-fa67-4ab2-9ad3-be6aaec057a8","Cover background picker","A popover menu allowing users to select a background cover. It features an upload button, a grid of preset gradient swatches with the first one selected, and a save button.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F080a882c-690b-4012-b54b-11798a28c79a.png",1029,722,"Cover background picker from Rewatch",[89],{"id":90,"title":91,"slug":92},183,"Color picker","color-picker",{"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":108},"8890ce87-cebb-49a0-ac06-3b8b3f958c01","Success Alert","A blue, pill-shaped alert banner displaying a success message for a sent invitation.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F93615857-64a8-4a76-a89a-02ba802d0480.png",1062,210,"Success Alert from Rewatch",[104],{"id":105,"title":106,"slug":107},167,"Alert","alert",{"slug":31,"title":30,"logo":33,"categories":109},[],{"uuid":111,"title":112,"description":113,"canonical_path":4,"image":114,"width":115,"height":116,"image_alt":117,"kind":57,"categories":118,"app":123},"9331a5f6-0057-40f0-b37d-acb7cc735a7f","Video thumbnail card","A card displaying a video thumbnail with a duration badge, title, date, and a play icon.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F9ae481d3-2e94-41bb-90a8-4f11902d36cc.png",573,477,"Video thumbnail card from Rewatch",[119],{"id":120,"title":121,"slug":122},174,"Card","card",{"slug":31,"title":30,"logo":33,"categories":124},[],{"uuid":126,"title":127,"description":128,"canonical_path":4,"image":129,"width":130,"height":131,"image_alt":132,"kind":57,"categories":133,"app":138},"ad191075-f206-4027-b218-15802d92c338","Onboarding checklist modal","A floating modal displaying a checklist of onboarding tasks. One task is expanded to show more details and action buttons.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F1e940331-847a-4c14-8026-1bfae341d5c5.png",1142,884,"Onboarding checklist modal from Rewatch",[134],{"id":135,"title":136,"slug":137},179,"Checkbox & radio","checkbox-radio",{"slug":31,"title":30,"logo":33,"categories":139},[],{"uuid":141,"title":142,"description":143,"canonical_path":4,"image":144,"width":145,"height":146,"image_alt":147,"kind":57,"categories":148,"app":153},"6493cfba-c554-4376-bd2d-bce6f8e51c53","Trial status card","A small card displaying the remaining days in a trial period, with a button to view subscription plans.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F22fbd405-4878-4ddb-b4ba-07dde13a3b48.png",554,443,"Trial status card from Rewatch",[149],{"id":150,"title":151,"slug":152},255,"Upgrade your plan","upgrade-your-plan",{"slug":31,"title":30,"logo":33,"categories":154},[],{"uuid":156,"title":157,"description":158,"canonical_path":4,"image":159,"width":160,"height":161,"image_alt":162,"kind":57,"categories":163,"app":168},"97078d95-232b-4cbc-bb9f-ecb588a85baa","Sidebar navigation","A vertical sidebar navigation menu featuring a workspace switcher, search bar, primary navigation links, a prominent 'Add video' CTA, utility links, and a trial status card.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fde4b5aec-cb0a-467b-a50b-2554c03697f6.png",562,1791,"Sidebar navigation from Rewatch",[164],{"id":165,"title":166,"slug":167},209,"Vertical navigation","vertical-navigation",{"slug":31,"title":30,"logo":33,"categories":169},[],{"uuid":171,"title":172,"description":173,"canonical_path":4,"image":174,"width":175,"height":176,"image_alt":177,"kind":57,"categories":178,"app":183},"17761cdb-2e56-4e2f-8cf3-291ebc465cb6","Calendar illustration","A stylized illustration of a weekly calendar view showing various scheduled events like meetings and focus time, used during an onboarding flow.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fc500739e-ff4b-48d0-b95a-854f9b6fe077.png",1505,1673,"Calendar illustration from Rewatch",[179],{"id":180,"title":181,"slug":182},278,"Illustration","illustration",{"slug":31,"title":30,"logo":33,"categories":184},[],{"uuid":186,"title":187,"description":188,"canonical_path":4,"image":189,"width":190,"height":176,"image_alt":191,"kind":57,"categories":192,"app":194},"cf892149-dca7-4cf1-a0dc-d1c4f7428e3d","App UI Illustration","An abstract, stylized illustration of a web application interface, featuring a sidebar, a main content area with a banner, and skeleton loading states for text and media.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F15c75cf1-52ad-4eb3-9c16-410ba35c3f43.png",1508,"App UI Illustration from Rewatch",[193],{"id":180,"title":181,"slug":182},{"slug":31,"title":30,"logo":33,"categories":195},[],{"uuid":197,"title":198,"description":199,"canonical_path":4,"image":200,"width":201,"height":202,"image_alt":203,"kind":57,"categories":204,"app":206},"b78087cc-e96d-43c0-807f-b5f0a384afdc","Video call illustration","A stylized illustration showing floating video call participant tiles and video conferencing app icons against a gradient background.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F2494ab40-a1e8-4c11-a2e6-8d847255b28d.png",1499,1670,"Video call illustration from Rewatch",[205],{"id":180,"title":181,"slug":182},{"slug":31,"title":30,"logo":33,"categories":207},[],{"uuid":209,"title":210,"description":211,"canonical_path":4,"image":212,"width":213,"height":202,"image_alt":214,"kind":57,"categories":215,"app":217},"56c0c306-5a96-437b-98a0-ea9d29998345","Avatar cards illustration","A decorative illustration showing four overlapping white cards on a light blue background. Each card features a circular photo avatar of a smiling person and abstract placeholder shapes representing text.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F930542a0-ce7f-4832-af76-88c0bc1e29d0.png",1502,"Avatar cards illustration from Rewatch",[216],{"id":180,"title":181,"slug":182},{"slug":31,"title":30,"logo":33,"categories":218},[],[],[221,224,227,230,233,236,239,241,245,249,253],{"label":222,"to":223},"Rewatch product screens","\u002Fexamples\u002Fapps\u002Frewatch\u002Fscreens",{"label":225,"to":226},"Rewatch marketing pages","\u002Fexamples\u002Fapps\u002Frewatch\u002Fmarketing",{"label":228,"to":229},"Rewatch user flows","\u002Fexamples\u002Fapps\u002Frewatch\u002Fflows",{"label":231,"to":232},"Collaboration app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcollaboration",{"label":234,"to":235},"Video app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fvideo",{"label":237,"to":238},"Communication app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcommunication",{"label":240,"to":18},"All SaaS app examples",{"label":242,"to":243,"description":244},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":246,"to":247,"description":248},"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":250,"to":251,"description":252},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":254,"to":255,"description":256},"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":258,"updated_at":259},"2023-08-22T07:22:43.000Z","2026-09-17T00:05:12.000Z"]