[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fplaybook\u002Fcomponents":3},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":11,"content":23,"app":28,"examples":55,"showcases":56,"links":57,"dates":94},"\u002Fexamples\u002Fapps\u002Fplaybook\u002Fcomponents","detail","components",false,{"title":9,"description":10},"Playbook UI components examples - Nicelydone","Browse Playbook UI component design examples. Preview individual interface elements and explore related component categories. One place for all the best…",[12,15,18,21],{"label":13,"to":14},"Examples","\u002Fexamples",{"label":16,"to":17},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":19,"to":20},"Playbook design examples","\u002Fexamples\u002Fapps\u002Fplaybook",{"label":22,"to":4},"Playbook UI components examples",{"title":22,"eyebrow":24,"description":25,"sections":26,"body":27},"SaaS app examples","Browse Playbook UI component design examples. Preview individual interface elements and explore related component categories. One place for all the best design thinking",[],[],{"title":29,"slug":30,"description":31,"logo":32,"url":33,"categories":34},"Playbook","playbook","One place for all the best design thinking","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fplaybook-9f70a0d7.png","https:\u002F\u002Faskplaybook.com",[35,39,43,47,51],{"id":36,"title":37,"slug":38},8,"Design","design",{"id":40,"title":41,"slug":42},25,"Marketing","marketing",{"id":44,"title":45,"slug":46},15,"Media and Entertainment","media-and-entertainment",{"id":48,"title":49,"slug":50},47,"Customer Service","customer-service",{"id":52,"title":53,"slug":54},30,"Productivity","productivity",[],[],[58,61,64,67,70,73,76,78,82,86,90],{"label":59,"to":60},"Playbook product screens","\u002Fexamples\u002Fapps\u002Fplaybook\u002Fscreens",{"label":62,"to":63},"Playbook marketing pages","\u002Fexamples\u002Fapps\u002Fplaybook\u002Fmarketing",{"label":65,"to":66},"Playbook user flows","\u002Fexamples\u002Fapps\u002Fplaybook\u002Fflows",{"label":68,"to":69},"Design app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdesign",{"label":71,"to":72},"Marketing app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fmarketing",{"label":74,"to":75},"Media and Entertainment app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fmedia-and-entertainment",{"label":77,"to":17},"All SaaS app examples",{"label":79,"to":80,"description":81},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":83,"to":84,"description":85},"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":87,"to":88,"description":89},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":91,"to":92,"description":93},"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":95,"updated_at":96},"2017-08-07T21:59:12.000Z","2026-09-13T13:02:39.000Z"]