[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fscreens\u002Fc07f9eee-92f7-4f4d-b277-698fb318ff50":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"examples":26,"showcases":102,"links":103,"dates":116},"\u002Fexamples\u002Fscreens\u002Fc07f9eee-92f7-4f4d-b277-698fb318ff50","detail","screens",true,{"title":9,"description":10,"og_image":11},"Learn · Paper - Nicelydone","Screen UI design example from Paper. App section where the user can browse video tutorials to learn how to sync designs with their codebase, use real data…","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fc07f9eee-92f7-4f4d-b277-698fb318ff50.png",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS screen examples","\u002Fexamples\u002Fscreens",{"label":20,"to":4},"Learn · Paper",{"title":20,"eyebrow":22,"description":23,"sections":24,"body":25},"Screen design","Screen UI design example from Paper. App section where the user can browse video tutorials to learn how to sync designs with their codebase, use real data from Notion, and apply Paper Shaders.",[],[],[27],{"uuid":28,"title":20,"description":29,"canonical_path":30,"image":11,"width":31,"height":32,"image_alt":33,"published_at":34,"kind":35,"patterns":36,"component_categories":73,"app":86},"c07f9eee-92f7-4f4d-b277-698fb318ff50","App section where the user can browse video tutorials to learn how to sync designs with their codebase, use real data from Notion, and apply Paper Shaders.","\u002Fexamples\u002Fapps\u002Fpaper\u002Fscreens",3024,1780,"Learn · Paper from Paper","2026-03-23T12:01:33.000Z","screen",[37,46,55,64],{"id":38,"label":39,"slug":40,"rank":41,"group":42},79,"Browse","browse",0,{"id":43,"label":44,"slug":45},8,"Pages & Content","pages-and-content",{"id":47,"label":48,"slug":49,"rank":50,"group":51},76,"Tutorial","tutorial",1,{"id":52,"label":53,"slug":54},7,"Onboarding & Education","onboarding-and-education",{"id":56,"label":57,"slug":58,"rank":59,"group":60},92,"Upgrade Prompt","upgrade-prompt",2,{"id":61,"label":62,"slug":63},9,"Plans & Limits","plans-and-limits",{"id":65,"label":66,"slug":67,"rank":68,"group":69},41,"Dashboard","dashboard",3,{"id":70,"label":71,"slug":72},4,"Data & Analysis","data-and-analysis",[74,78,82],{"id":75,"title":76,"slug":77},174,"Card","card",{"id":79,"title":80,"slug":81},175,"Button","button",{"id":83,"title":84,"slug":85},260,"Badge","badge",{"slug":87,"title":88,"logo":89,"baseline":90,"categories":91},"paper","Paper","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F6406196d-df59-4e20-b60a-7d067ada271c.png","Design, share, ship",[92,95,98],{"id":52,"title":93,"slug":94},"Web Development","web-development",{"id":43,"title":96,"slug":97},"Design","design",{"id":99,"title":100,"slug":101},23,"Collaboration","collaboration",[],[104,106,108,110,112,114],{"label":39,"to":105},"\u002Fexamples\u002Fscreens\u002Fbrowse",{"label":66,"to":107},"\u002Fexamples\u002Fscreens\u002Fdashboard",{"label":48,"to":109},"\u002Fexamples\u002Fscreens\u002Ftutorial",{"label":57,"to":111},"\u002Fexamples\u002Fscreens\u002Fupgrade-prompt",{"label":113,"to":30},"Paper screen designs",{"label":115,"to":18},"All screen examples",{"published_at":117,"updated_at":118},"2026-03-22T20:54:11.000Z","2026-06-13T22:17:57.369Z"]