[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fstream":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"app":34,"examples":53,"showcases":54,"links":401,"dates":421},"\u002Fexamples\u002Fapps\u002Fstream","detail","apps",true,{"title":9,"description":10,"og_image":11},"Stream design examples - Nicelydone","Explore Stream UI design examples. The API for scalable feeds","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fstream_sign-in_50cd9386_nicelydone.jpg",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":4},"Stream design examples",{"title":20,"eyebrow":22,"description":10,"sections":23,"body":33},"SaaS app examples",[24],{"title":25,"links":26},"Explore Stream",[27,30],{"label":28,"to":29},"product screens","\u002Fexamples\u002Fapps\u002Fstream\u002Fscreens",{"label":31,"to":32},"marketing pages","\u002Fexamples\u002Fapps\u002Fstream\u002Fmarketing",[],{"title":35,"slug":36,"description":37,"logo":38,"url":39,"categories":40},"Stream","stream","The API for scalable feeds","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fstream-d81f5a5b.png","https:\u002F\u002Fgetstream.io",[41,45,49],{"id":42,"title":43,"slug":44},37,"Developer APIs","developer-apis",{"id":46,"title":47,"slug":48},42,"Messaging","messaging",{"id":50,"title":51,"slug":52},48,"Developer Tools","developer-tools",[],[55,398],{"family":56,"examples":57},"screens",[58,91,108,129,172,213,243,265,287,313,348,374],{"uuid":59,"title":60,"description":61,"canonical_path":29,"image":11,"width":62,"height":63,"image_alt":64,"kind":65,"patterns":66,"component_categories":76,"app":89},"27380222-9a73-4a92-8a48-6357de28916c","Sign in","Sign-in overlay where the user authenticates with GitHub or via a username and password form.",2880,1520,"Sign in from Stream","screen",[67],{"id":68,"label":69,"slug":70,"rank":71,"group":72},4,"Sign In","sign-in",0,{"id":73,"label":74,"slug":75},1,"Access & Account","access-and-account",[77,81,85],{"id":78,"title":79,"slug":80},284,"Modal","modal",{"id":82,"title":83,"slug":84},240,"Horizontal navigation","horizontal-navigation",{"id":86,"title":87,"slug":88},175,"Button","button",{"slug":36,"title":35,"logo":38,"categories":90},[],{"uuid":92,"title":93,"description":94,"canonical_path":29,"image":95,"width":62,"height":63,"image_alt":96,"kind":65,"patterns":97,"component_categories":103,"app":106},"0ccdb787-8959-46ad-bf1c-75c164e4cd00","Password reset","Password recovery modal where the user enters their email address to receive a reset link, overlaid on the marketing homepage.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fstream_password-reset_39f4cd6e_nicelydone.jpg","Password reset from Stream",[98],{"id":99,"label":100,"slug":101,"rank":71,"group":102},2,"Forgot Password","forgot-password",{"id":73,"label":74,"slug":75},[104,105],{"id":78,"title":79,"slug":80},{"id":86,"title":87,"slug":88},{"slug":36,"title":35,"logo":38,"categories":107},[],{"uuid":109,"title":110,"description":111,"canonical_path":29,"image":112,"width":62,"height":63,"image_alt":113,"kind":65,"patterns":114,"component_categories":124,"app":127},"3208893e-a401-4d59-a3f8-7ba77b90a6e1","Sign up","Signup modal where the user creates a free account using GitHub or by providing a username, email, and password.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fstream_sign-up_24b829b5_nicelydone.jpg","Sign up from Stream",[115,120],{"id":116,"label":117,"slug":118,"rank":71,"group":119},5,"Sign Up","sign-up",{"id":73,"label":74,"slug":75},{"id":73,"label":121,"slug":122,"rank":73,"group":123},"Account Setup","account-setup",{"id":73,"label":74,"slug":75},[125,126],{"id":78,"title":79,"slug":80},{"id":86,"title":87,"slug":88},{"slug":36,"title":35,"logo":38,"categories":128},[],{"uuid":130,"title":131,"description":132,"canonical_path":29,"image":133,"width":62,"height":134,"image_alt":135,"kind":65,"patterns":136,"component_categories":155,"app":170},"0381cb4c-4726-4e96-8359-ffcb095a0353","Onboarding","Onboarding step where the user begins a 5-part interactive tutorial to build a scalable newsfeed using their generated API key.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fstream_onboarding_fd597d42_nicelydone.jpg",1626,"Onboarding from Stream",[137,145,150],{"id":138,"label":139,"slug":140,"rank":71,"group":141},73,"Guided Tour","guided-tour",{"id":142,"label":143,"slug":144},7,"Onboarding & Education","onboarding-and-education",{"id":146,"label":147,"slug":148,"rank":73,"group":149},76,"Tutorial","tutorial",{"id":142,"label":143,"slug":144},{"id":151,"label":152,"slug":153,"rank":99,"group":154},72,"Getting Started","getting-started",{"id":142,"label":143,"slug":144},[156,160,164,168,169],{"id":157,"title":158,"slug":159},227,"Stepper","stepper",{"id":161,"title":162,"slug":163},174,"Card","card",{"id":165,"title":166,"slug":167},169,"Avatar","avatar",{"id":82,"title":83,"slug":84},{"id":86,"title":87,"slug":88},{"slug":36,"title":35,"logo":38,"categories":171},[],{"uuid":173,"title":131,"description":174,"canonical_path":29,"image":175,"width":62,"height":176,"image_alt":135,"kind":65,"patterns":177,"component_categories":197,"app":211},"07c4fd7e-3c67-4dfb-a54a-bb89acb02933","Interactive developer demo step where the user runs a code snippet to add an activity to a feed and sees the live result in a simulated UI.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fstream_onboarding-2_de14e8a7_nicelydone.jpg",2700,[178,180,187,189],{"id":146,"label":147,"slug":148,"rank":71,"group":179},{"id":142,"label":143,"slug":144},{"id":181,"label":182,"slug":183,"rank":73,"group":184},53,"Code Editor","code-editor",{"id":116,"label":185,"slug":186},"Media & Tools","media-and-tools",{"id":151,"label":152,"slug":153,"rank":99,"group":188},{"id":142,"label":143,"slug":144},{"id":190,"label":191,"slug":192,"rank":193,"group":194},30,"AI Generation","ai-generation",3,{"id":193,"label":195,"slug":196},"AI","ai",[198,202,206,207,208,209,210],{"id":199,"title":200,"slug":201},233,"Tabs","tabs",{"id":203,"title":204,"slug":205},258,"Header","header",{"id":157,"title":158,"slug":159},{"id":161,"title":162,"slug":163},{"id":165,"title":166,"slug":167},{"id":82,"title":83,"slug":84},{"id":86,"title":87,"slug":88},{"slug":36,"title":35,"logo":38,"categories":212},[],{"uuid":214,"title":131,"description":215,"canonical_path":29,"image":216,"width":62,"height":134,"image_alt":135,"kind":65,"patterns":217,"component_categories":233,"app":241},"779398be-b63b-4608-99e0-bc1dd601e2bf","Interactive demo step explaining how to build a follow feature using the API, featuring a multi-language code snippet and a visual representation of cascading feeds.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fstream_onboarding-3_5599a4e5_nicelydone.jpg",[218,220,222,227],{"id":151,"label":152,"slug":153,"rank":71,"group":219},{"id":142,"label":143,"slug":144},{"id":146,"label":147,"slug":148,"rank":73,"group":221},{"id":142,"label":143,"slug":144},{"id":223,"label":224,"slug":225,"rank":99,"group":226},28,"AI Chat","ai-chat",{"id":193,"label":195,"slug":196},{"id":228,"label":200,"slug":201,"rank":193,"group":229},69,{"id":230,"label":231,"slug":232},6,"Navigation & Commands","navigation-and-commands",[234,235,236,237,238,239,240],{"id":199,"title":200,"slug":201},{"id":203,"title":204,"slug":205},{"id":157,"title":158,"slug":159},{"id":161,"title":162,"slug":163},{"id":165,"title":166,"slug":167},{"id":82,"title":83,"slug":84},{"id":86,"title":87,"slug":88},{"slug":36,"title":35,"logo":38,"categories":242},[],{"uuid":244,"title":131,"description":245,"canonical_path":29,"image":246,"width":62,"height":247,"image_alt":135,"kind":65,"patterns":248,"component_categories":257,"app":263},"e4216f3c-e21c-4694-b215-12ff3a6cfbe5","Feature page explaining aggregated feeds with an interactive code editor and visual feed examples.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fstream_onboarding-4_816b1402_nicelydone.jpg",1898,[249,251,253,255],{"id":151,"label":152,"slug":153,"rank":71,"group":250},{"id":142,"label":143,"slug":144},{"id":146,"label":147,"slug":148,"rank":73,"group":252},{"id":142,"label":143,"slug":144},{"id":181,"label":182,"slug":183,"rank":99,"group":254},{"id":116,"label":185,"slug":186},{"id":228,"label":200,"slug":201,"rank":193,"group":256},{"id":230,"label":231,"slug":232},[258,259,260,261,262],{"id":199,"title":200,"slug":201},{"id":203,"title":204,"slug":205},{"id":161,"title":162,"slug":163},{"id":165,"title":166,"slug":167},{"id":86,"title":87,"slug":88},{"slug":36,"title":35,"logo":38,"categories":264},[],{"uuid":266,"title":131,"description":267,"canonical_path":29,"image":268,"width":62,"height":269,"image_alt":135,"kind":65,"patterns":270,"component_categories":277,"app":285},"594e3b6b-05d4-4bad-a26b-ac1c238cc290","Interactive tutorial step demonstrating real-time feed updates with a runnable code snippet and live visual previews.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fstream_onboarding-5_4ee392a3_nicelydone.jpg",1678,[271,273,275],{"id":146,"label":147,"slug":148,"rank":71,"group":272},{"id":142,"label":143,"slug":144},{"id":181,"label":182,"slug":183,"rank":73,"group":274},{"id":116,"label":185,"slug":186},{"id":151,"label":152,"slug":153,"rank":99,"group":276},{"id":142,"label":143,"slug":144},[278,279,280,281,282,283,284],{"id":199,"title":200,"slug":201},{"id":203,"title":204,"slug":205},{"id":157,"title":158,"slug":159},{"id":161,"title":162,"slug":163},{"id":165,"title":166,"slug":167},{"id":82,"title":83,"slug":84},{"id":86,"title":87,"slug":88},{"slug":36,"title":35,"logo":38,"categories":286},[],{"uuid":288,"title":131,"description":289,"canonical_path":29,"image":290,"width":62,"height":291,"image_alt":135,"kind":65,"patterns":292,"component_categories":305,"app":311},"93bf773f-69ad-409a-8d5f-c5b7e47e9d98","Tutorial completion page where the user reviews supported API clients and integrations before submitting feedback.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fstream_onboarding-6_8a5575bb_nicelydone.jpg",1728,[293,295,303],{"id":146,"label":147,"slug":148,"rank":71,"group":294},{"id":142,"label":143,"slug":144},{"id":296,"label":297,"slug":298,"rank":73,"group":299},117,"Feedback","feedback",{"id":300,"label":301,"slug":302},12,"States & Feedback","states-and-feedback",{"id":151,"label":152,"slug":153,"rank":99,"group":304},{"id":142,"label":143,"slug":144},[306,307,308,309,310],{"id":203,"title":204,"slug":205},{"id":157,"title":158,"slug":159},{"id":161,"title":162,"slug":163},{"id":82,"title":83,"slug":84},{"id":86,"title":87,"slug":88},{"slug":36,"title":35,"logo":38,"categories":312},[],{"uuid":314,"title":315,"description":316,"canonical_path":29,"image":317,"width":62,"height":318,"image_alt":319,"kind":65,"patterns":320,"component_categories":341,"app":346},"dc001593-f68f-4330-be27-5b519acaadc4","Home","Dashboard showing API usage metrics and application credentials for an organization.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fstream_home_77096491_nicelydone.jpg",1950,"Home from Stream",[321,328,336],{"id":322,"label":323,"slug":324,"rank":71,"group":325},41,"Dashboard","dashboard",{"id":68,"label":326,"slug":327},"Data & Analysis","data-and-analysis",{"id":329,"label":330,"slug":331,"rank":73,"group":332},104,"Team Management","team-management",{"id":333,"label":334,"slug":335},10,"Settings & Admin","settings-and-admin",{"id":337,"label":338,"slug":339,"rank":99,"group":340},95,"API Keys","api-keys",{"id":333,"label":334,"slug":335},[342,343,344,345],{"id":165,"title":166,"slug":167},{"id":161,"title":162,"slug":163},{"id":82,"title":83,"slug":84},{"id":86,"title":87,"slug":88},{"slug":36,"title":35,"logo":38,"categories":347},[],{"uuid":349,"title":350,"description":351,"canonical_path":29,"image":352,"width":62,"height":63,"image_alt":353,"kind":65,"patterns":354,"component_categories":367,"app":372},"dda650e1-cbe5-4ec3-a8ca-ca89c9afd898","Invite team","Settings page where an admin invites new users to their organization by entering an email address and selecting between Admin or Read Only access levels.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fstream_invite-team_66801b57_nicelydone.jpg","Invite team from Stream",[355,357,362],{"id":329,"label":330,"slug":331,"rank":71,"group":356},{"id":333,"label":334,"slug":335},{"id":358,"label":359,"slug":360,"rank":73,"group":361},100,"Roles & Permissions","roles-and-permissions",{"id":333,"label":334,"slug":335},{"id":363,"label":364,"slug":365,"rank":99,"group":366},114,"Confirmation","confirmation",{"id":300,"label":301,"slug":302},[368,369,370,371],{"id":78,"title":79,"slug":80},{"id":165,"title":166,"slug":167},{"id":82,"title":83,"slug":84},{"id":86,"title":87,"slug":88},{"slug":36,"title":35,"logo":38,"categories":373},[],{"uuid":375,"title":376,"description":377,"canonical_path":29,"image":378,"width":62,"height":379,"image_alt":380,"kind":65,"patterns":381,"component_categories":391,"app":396},"aa9a86a9-af13-4c64-9400-f0bf18c6ef3c","Team","Settings page where the user manages active and pending team members, views their permission levels, and checks two-factor authentication status.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fstream_team_f60e8ba7_nicelydone.jpg",1924,"Team from Stream",[382,384,386],{"id":329,"label":330,"slug":331,"rank":71,"group":383},{"id":333,"label":334,"slug":335},{"id":358,"label":359,"slug":360,"rank":73,"group":385},{"id":333,"label":334,"slug":335},{"id":387,"label":388,"slug":389,"rank":99,"group":390},98,"MFA","mfa",{"id":333,"label":334,"slug":335},[392,393,394,395],{"id":161,"title":162,"slug":163},{"id":165,"title":166,"slug":167},{"id":82,"title":83,"slug":84},{"id":86,"title":87,"slug":88},{"slug":36,"title":35,"logo":38,"categories":397},[],{"family":399,"examples":400},"pages",[],[402,404,406,409,412,415,418],{"label":403,"to":29},"Stream product screens",{"label":405,"to":32},"Stream marketing pages",{"label":407,"to":408},"Stream user flows","\u002Fexamples\u002Fapps\u002Fstream\u002Fflows",{"label":410,"to":411},"Stream UI components","\u002Fexamples\u002Fapps\u002Fstream\u002Fcomponents",{"label":413,"to":414},"Developer APIs app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-apis",{"label":416,"to":417},"Messaging app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fmessaging",{"label":419,"to":420},"Developer Tools app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-tools",{"published_at":422,"updated_at":423},"2016-12-12T08:00:00.000Z","2026-09-13T13:02:39.000Z"]