[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Ftags\u002Fdark-theme":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"totals":8,"category":11,"seo":15,"breadcrumbs":19,"content":28,"examples":33,"showcases":531,"links":532,"dates":593},"\u002Fexamples\u002Ftags\u002Fdark-theme","collection","screens",true,{"example_count":9,"app_count":10},1010,116,{"id":12,"title":13,"description":14},111,"Dark theme","",{"title":16,"description":17,"og_image":18},"Dark theme screen examples - Nicelydone","Dark theme screen design examples from SaaS apps. Browse examples from Riverside, Flora, Liveblocks.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F7bafa9b1-b80e-47f7-9034-fb95918a0196.png",[20,23,26],{"label":21,"to":22},"Examples","\u002Fexamples",{"label":24,"to":25},"tags","\u002Fexamples\u002Ftags",{"label":27,"to":4},"Dark theme screen examples",{"title":27,"eyebrow":29,"description":17,"sections":30,"body":31},"Tag category",[],[32],"1010 screens",[34,65,114,143,198,254,288,352,399,432,472,496],{"uuid":35,"title":36,"description":37,"canonical_path":38,"image":18,"width":39,"height":40,"image_alt":41,"published_at":42,"kind":43,"patterns":44,"component_categories":54,"app":55},"7bafa9b1-b80e-47f7-9034-fb95918a0196","Riverside Studio","Full-screen loading state displaying a single centered spinner on a dark background.","\u002Fexamples\u002Fapps\u002Friverside\u002Fscreens",3024,1758,"Riverside Studio from Riverside","2026-08-24T09:31:05.000Z","screen",[45],{"id":46,"label":47,"slug":48,"rank":49,"group":50},120,"Loading","loading",0,{"id":51,"label":52,"slug":53},12,"States & Feedback","states-and-feedback",[],{"slug":56,"title":57,"logo":58,"baseline":59,"categories":60},"riverside","Riverside","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fcc94468d-7b59-49b7-b969-3aee258a2348.png","HD podcast and video recording and editing software",[61],{"id":62,"title":63,"slug":64},100,"Video","video",{"uuid":66,"title":67,"description":68,"canonical_path":69,"image":70,"width":39,"height":40,"image_alt":71,"published_at":72,"kind":43,"patterns":73,"component_categories":87,"app":96},"75e6f0da-fcd4-46b0-be0d-d23efdd45d1f","FLORA","Password recovery screen where the user enters an emailed confirmation code and sets a new password.","\u002Fexamples\u002Fapps\u002Fflora\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F75e6f0da-fcd4-46b0-be0d-d23efdd45d1f.png","FLORA from Flora","2026-05-26T09:34:20.000Z",[74,82],{"id":75,"label":76,"slug":77,"rank":49,"group":78},2,"Forgot Password","forgot-password",{"id":79,"label":80,"slug":81},1,"Access & Account","access-and-account",{"id":83,"label":84,"slug":85,"rank":79,"group":86},6,"Verification","verification",{"id":79,"label":80,"slug":81},[88,92],{"id":89,"title":90,"slug":91},174,"Card","card",{"id":93,"title":94,"slug":95},175,"Button","button",{"slug":97,"title":98,"logo":99,"baseline":100,"categories":101},"flora","Flora","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F5c3c6f99-7e88-4853-9e21-6fd175f2aa62.png","Your creative environement",[102,106,110],{"id":103,"title":104,"slug":105},80,"Artificial Intelligence","artificial-intelligence",{"id":107,"title":108,"slug":109},8,"Design","design",{"id":111,"title":112,"slug":113},23,"Collaboration","collaboration",{"uuid":115,"title":116,"description":117,"canonical_path":118,"image":119,"width":39,"height":120,"image_alt":121,"published_at":122,"kind":43,"patterns":123,"component_categories":126,"app":128},"4d0fec02-7f56-4f7b-bcfd-aa87a7cb4e15","Check your email","Verification screen where the user enters a 6-digit code sent to their email to complete authentication, featuring a countdown timer for resending the code.","\u002Fexamples\u002Fapps\u002Fliveblocks\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F4d0fec02-7f56-4f7b-bcfd-aa87a7cb4e15.png",1588,"Check your email from Liveblocks","2026-04-27T19:43:19.000Z",[124],{"id":83,"label":84,"slug":85,"rank":49,"group":125},{"id":79,"label":80,"slug":81},[127],{"id":89,"title":90,"slug":91},{"slug":129,"title":130,"logo":131,"baseline":132,"categories":133},"liveblocks","Liveblocks","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F081e178d-2cab-4e0b-93f8-061e021783fa.png","Build amazing real‑time collaborative products",[134,138,139],{"id":135,"title":136,"slug":137},48,"Developer Tools","developer-tools",{"id":111,"title":112,"slug":113},{"id":140,"title":141,"slug":142},37,"Developer APIs","developer-apis",{"uuid":144,"title":145,"description":146,"canonical_path":147,"image":148,"width":39,"height":149,"image_alt":150,"published_at":151,"kind":43,"patterns":152,"component_categories":168,"app":179},"05dab7a1-97ba-45fa-92d7-98757f2faeae","app.cushion.so\u002Fmy-test-worskpace\u002Fmessages?inbox=true","Settings modal where the user configures application preferences like color theme, default landing page, and chat send behavior.","\u002Fexamples\u002Fapps\u002Fcushion-so\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F05dab7a1-97ba-45fa-92d7-98757f2faeae.png",1776,"app.cushion.so\u002Fmy-test-worskpace\u002Fmessages?inbox=true from Cushion","2026-04-14T11:44:00.000Z",[153,161],{"id":154,"label":155,"slug":156,"rank":49,"group":157},94,"Account Settings","account-settings",{"id":158,"label":159,"slug":160},10,"Settings & Admin","settings-and-admin",{"id":162,"label":163,"slug":164,"rank":79,"group":165},71,"Workspace Switcher","workspace-switcher",{"id":83,"label":166,"slug":167},"Navigation & Commands","navigation-and-commands",[169,173,177,178],{"id":170,"title":171,"slug":172},284,"Modal","modal",{"id":174,"title":175,"slug":176},169,"Avatar","avatar",{"id":89,"title":90,"slug":91},{"id":93,"title":94,"slug":95},{"slug":180,"title":181,"logo":182,"baseline":183,"categories":184},"cushion-so","Cushion","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fd3bfd512-8e39-4369-9b22-a647bf6a1868.png","Work messaging that keeps your team organised",[185,186,190,194],{"id":111,"title":112,"slug":113},{"id":187,"title":188,"slug":189},42,"Messaging","messaging",{"id":191,"title":192,"slug":193},82,"Communication","communication",{"id":195,"title":196,"slug":197},89,"Remote","remote",{"uuid":199,"title":200,"description":201,"canonical_path":202,"image":203,"width":39,"height":204,"image_alt":205,"published_at":206,"kind":43,"patterns":207,"component_categories":237,"app":247},"655bb6cd-c964-490b-a213-892acc910efb","Variant – Endless designs for your ideas, just scroll","Personal workspace home where the user browses saved boards and reads archived notes in a master-detail view.","\u002Fexamples\u002Fapps\u002Fvariant\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F655bb6cd-c964-490b-a213-892acc910efb.png",1780,"Variant – Endless designs for your ideas, just scroll from Variant","2026-03-23T11:18:16.000Z",[208,215,219,224,231],{"id":209,"label":210,"slug":211,"rank":49,"group":212},79,"Browse","browse",{"id":107,"label":213,"slug":214},"Pages & Content","pages-and-content",{"id":103,"label":216,"slug":217,"rank":79,"group":218},"Files","files",{"id":107,"label":213,"slug":214},{"id":220,"label":221,"slug":222,"rank":75,"group":223},69,"Tabs","tabs",{"id":83,"label":166,"slug":167},{"id":51,"label":225,"slug":226,"rank":227,"group":228},"Favorite","favorite",3,{"id":75,"label":229,"slug":230},"Actions","actions",{"id":232,"label":233,"slug":234,"rank":235,"group":236},11,"Edit","edit",4,{"id":75,"label":229,"slug":230},[238,242,244,245,246],{"id":239,"title":240,"slug":241},260,"Badge","badge",{"id":243,"title":221,"slug":222},233,{"id":174,"title":175,"slug":176},{"id":89,"title":90,"slug":91},{"id":93,"title":94,"slug":95},{"slug":248,"title":249,"logo":250,"baseline":251,"categories":252},"variant","Variant","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F10aff1b7-1378-4835-8fd2-648e36381153.png","Endless designs for your ideas, just scroll",[253],{"id":107,"title":108,"slug":109},{"uuid":255,"title":256,"description":257,"canonical_path":258,"image":259,"width":39,"height":204,"image_alt":260,"published_at":261,"kind":43,"patterns":262,"component_categories":275,"app":279},"ad6f1bdf-9162-4145-ade2-92e7332649d8","Test 01 \u002F Guest Project - Morphic Studio","In-app upgrade modal where the user compares individual and team subscription tiers and can toggle between monthly and yearly billing.","\u002Fexamples\u002Fapps\u002Fmorphic\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fad6f1bdf-9162-4145-ade2-92e7332649d8.png","Test 01 \u002F Guest Project - Morphic Studio from Morphic","2026-03-16T20:52:14.000Z",[263,270],{"id":195,"label":264,"slug":265,"rank":49,"group":266},"Pricing","pricing",{"id":267,"label":268,"slug":269},9,"Plans & Limits","plans-and-limits",{"id":271,"label":272,"slug":273,"rank":79,"group":274},92,"Upgrade Prompt","upgrade-prompt",{"id":267,"label":268,"slug":269},[276,277,278],{"id":170,"title":171,"slug":172},{"id":243,"title":221,"slug":222},{"id":93,"title":94,"slug":95},{"slug":280,"title":281,"logo":282,"baseline":283,"categories":284},"morphic","Morphic","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F17b1263a-8707-435d-8214-460280911e23.png","A new era of storytelling",[285,286,287],{"id":62,"title":63,"slug":64},{"id":107,"title":108,"slug":109},{"id":103,"title":104,"slug":105},{"uuid":289,"title":290,"description":291,"canonical_path":292,"image":293,"width":39,"height":204,"image_alt":294,"published_at":295,"kind":43,"patterns":296,"component_categories":326,"app":333},"d9c177d9-10de-4111-821d-7a3a316b4148","Dovetail | Customer Intelligence Platform","Landing page hero section pitching an AI-powered user feedback analysis tool, featuring a product UI mockup showing support trends and theme analysis.","\u002Fexamples\u002Fapps\u002Fdovetail\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd9c177d9-10de-4111-821d-7a3a316b4148.png","Dovetail | Customer Intelligence Platform from Dovetail","2026-03-02T20:51:47.000Z",[297,304,311,316,321],{"id":298,"label":299,"slug":300,"rank":49,"group":301},41,"Dashboard","dashboard",{"id":235,"label":302,"slug":303},"Data & Analysis","data-and-analysis",{"id":305,"label":306,"slug":307,"rank":79,"group":308},34,"AI Summary","ai-summary",{"id":227,"label":309,"slug":310},"AI","ai",{"id":312,"label":313,"slug":314,"rank":75,"group":315},40,"Charts","charts",{"id":235,"label":302,"slug":303},{"id":317,"label":318,"slug":319,"rank":227,"group":320},81,"Home","home",{"id":107,"label":213,"slug":214},{"id":322,"label":323,"slug":324,"rank":235,"group":325},13,"Filter & Sort","filter-and-sort",{"id":75,"label":229,"slug":230},[327,331,332],{"id":328,"title":329,"slug":330},258,"Header","header",{"id":243,"title":221,"slug":222},{"id":93,"title":94,"slug":95},{"slug":334,"title":335,"logo":336,"baseline":337,"categories":338},"dovetail","Dovetail","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F6b47c81d-b89f-43c4-9087-0c1e1df518d7.png","Helps you with the key steps of UX research",[339,340,344,348],{"id":107,"title":108,"slug":109},{"id":341,"title":342,"slug":343},22,"Knowledge Management","knowledge-management",{"id":345,"title":346,"slug":347},35,"Feedback","feedback",{"id":349,"title":350,"slug":351},104,"User Research","user-research",{"uuid":353,"title":354,"description":355,"canonical_path":356,"image":357,"width":39,"height":204,"image_alt":358,"published_at":359,"kind":43,"patterns":360,"component_categories":375,"app":381},"bd23bbeb-311f-407f-9f5d-d920349181d3","Nicelydone | Sessions","List view for sessions showing zero unique participants and total rooms, with an empty data table and filtering controls.","\u002Fexamples\u002Fapps\u002Flivekit\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fbd23bbeb-311f-407f-9f5d-d920349181d3.png","Nicelydone | Sessions from Livekit","2025-11-24T14:08:38.000Z",[361,366,371,373],{"id":362,"label":363,"slug":364,"rank":49,"group":365},115,"Empty State","empty-state",{"id":51,"label":52,"slug":53},{"id":367,"label":368,"slug":369,"rank":79,"group":370},47,"Table","table",{"id":235,"label":302,"slug":303},{"id":298,"label":299,"slug":300,"rank":75,"group":372},{"id":235,"label":302,"slug":303},{"id":322,"label":323,"slug":324,"rank":227,"group":374},{"id":75,"label":229,"slug":230},[376,380],{"id":377,"title":378,"slug":379},177,"Breadcrumb","breadcrumb",{"id":93,"title":94,"slug":95},{"slug":382,"title":383,"logo":384,"baseline":385,"categories":386},"livekit","Livekit","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fe61f12ad-e18b-4b1e-91fb-39d0e1ce98ce.png","Build voice, video, and physical AI",[387,388,389,393,394,398],{"id":103,"title":104,"slug":105},{"id":140,"title":141,"slug":142},{"id":390,"title":391,"slug":392},45,"Open Source","open-source",{"id":135,"title":136,"slug":137},{"id":395,"title":396,"slug":397},70,"Video streaming","video-streaming",{"id":62,"title":63,"slug":64},{"uuid":400,"title":401,"description":402,"canonical_path":403,"image":404,"width":39,"height":204,"image_alt":405,"published_at":406,"kind":43,"patterns":407,"component_categories":410,"app":412},"e61402b9-69f5-4442-a827-bb3f7a688936","Huly","Auth screen where the user enters and confirms a new password to recover their account.","\u002Fexamples\u002Fapps\u002Fhuly\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe61402b9-69f5-4442-a827-bb3f7a688936.png","Huly from Huly","2025-06-03T09:36:48.000Z",[408],{"id":75,"label":76,"slug":77,"rank":49,"group":409},{"id":79,"label":80,"slug":81},[411],{"id":93,"title":94,"slug":95},{"slug":413,"title":401,"logo":414,"baseline":415,"categories":416},"huly","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fhuly-umc26pfq.png","Everything App for your teams",[417,421,422,426,430,431],{"id":418,"title":419,"slug":420},29,"Task Management","task-management",{"id":341,"title":342,"slug":343},{"id":423,"title":424,"slug":425},30,"Productivity","productivity",{"id":427,"title":428,"slug":429},86,"Product management","product-management",{"id":111,"title":112,"slug":113},{"id":390,"title":391,"slug":392},{"uuid":433,"title":434,"description":435,"canonical_path":436,"image":437,"width":39,"height":438,"image_alt":439,"published_at":440,"kind":43,"patterns":441,"component_categories":459,"app":465},"9958aaff-cf6b-4906-a0a6-b28af46389f0","Microsoft Copilot: Your AI companion","AI chat interface where the user is greeted by name and presented with a message composer, prompt suggestions, and an open theme settings popover.","\u002Fexamples\u002Fapps\u002Fcopilot\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F9958aaff-cf6b-4906-a0a6-b28af46389f0.png",1714,"Microsoft Copilot: Your AI companion from Copilot","2025-05-05T11:00:42.000Z",[442,447,452,454],{"id":443,"label":444,"slug":445,"rank":49,"group":446},28,"AI Chat","ai-chat",{"id":227,"label":309,"slug":310},{"id":448,"label":449,"slug":450,"rank":79,"group":451},27,"AI Assistant","ai-assistant",{"id":227,"label":309,"slug":310},{"id":362,"label":363,"slug":364,"rank":75,"group":453},{"id":51,"label":52,"slug":53},{"id":455,"label":456,"slug":457,"rank":227,"group":458},33,"AI Settings","ai-settings",{"id":227,"label":309,"slug":310},[460,464],{"id":461,"title":462,"slug":463},214,"Popover","popover",{"id":93,"title":94,"slug":95},{"slug":466,"title":467,"logo":468,"baseline":469,"categories":470},"copilot","Copilot","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fcopilot-rnbvo0y1.png","Your AI companion",[471],{"id":103,"title":104,"slug":105},{"uuid":473,"title":474,"description":475,"canonical_path":476,"image":477,"width":39,"height":438,"image_alt":478,"published_at":479,"kind":43,"patterns":480,"component_categories":488,"app":490},"75f699e1-7175-481d-a2a9-4f9671c5362f","Grok","Search overlay where the user types a query to find quick actions like switching the theme or previewing past conversations.","\u002Fexamples\u002Fapps\u002Fgrok\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F75f699e1-7175-481d-a2a9-4f9671c5362f.png","Grok from Grok","2025-04-14T08:55:44.000Z",[481,486],{"id":482,"label":483,"slug":484,"rank":49,"group":485},63,"Command Palette","command-palette",{"id":83,"label":166,"slug":167},{"id":448,"label":449,"slug":450,"rank":79,"group":487},{"id":227,"label":309,"slug":310},[489],{"id":174,"title":175,"slug":176},{"slug":491,"title":474,"logo":492,"baseline":493,"categories":494},"grok","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fgrok-hpyfsu57.png",null,[495],{"id":103,"title":104,"slug":105},{"uuid":497,"title":498,"description":499,"canonical_path":500,"image":501,"width":39,"height":502,"image_alt":503,"published_at":504,"kind":43,"patterns":505,"component_categories":516,"app":522},"a7da795a-8f80-4822-8077-7c3e62cba033","Workspace","Workspace gallery where the user browses their recently recorded video supercuts.","\u002Fexamples\u002Fapps\u002Fsupercut\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fa7da795a-8f80-4822-8077-7c3e62cba033.png",1778,"Workspace from Supercut","2025-03-03T15:15:27.000Z",[506,508,510,512],{"id":103,"label":216,"slug":217,"rank":49,"group":507},{"id":107,"label":213,"slug":214},{"id":209,"label":210,"slug":211,"rank":79,"group":509},{"id":107,"label":213,"slug":214},{"id":317,"label":318,"slug":319,"rank":75,"group":511},{"id":107,"label":213,"slug":214},{"id":349,"label":513,"slug":514,"rank":227,"group":515},"Team Management","team-management",{"id":158,"label":159,"slug":160},[517,518,519,520,521],{"id":239,"title":240,"slug":241},{"id":377,"title":378,"slug":379},{"id":174,"title":175,"slug":176},{"id":89,"title":90,"slug":91},{"id":93,"title":94,"slug":95},{"slug":523,"title":524,"logo":525,"baseline":526,"categories":527},"supercut","Supercut","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fsupercut-tlod2xbm.png","Record your screen & communicate like a pro",[528,529,530],{"id":111,"title":112,"slug":113},{"id":191,"title":192,"slug":193},{"id":62,"title":63,"slug":64},[],[533,535,537,539,541,543,545,547,549,551,553,555,557,560,563,566,569,572,575,578,581,584,587,590],{"label":449,"to":534,"count":75},"\u002Fexamples\u002Fscreens\u002Fai-assistant",{"label":210,"to":536,"count":75},"\u002Fexamples\u002Fscreens\u002Fbrowse",{"label":299,"to":538,"count":75},"\u002Fexamples\u002Fscreens\u002Fdashboard",{"label":363,"to":540,"count":75},"\u002Fexamples\u002Fscreens\u002Fempty-state",{"label":216,"to":542,"count":75},"\u002Fexamples\u002Fscreens\u002Ffiles",{"label":323,"to":544,"count":75},"\u002Fexamples\u002Fscreens\u002Ffilter-and-sort",{"label":76,"to":546,"count":75},"\u002Fexamples\u002Fscreens\u002Fforgot-password",{"label":318,"to":548,"count":75},"\u002Fexamples\u002Fscreens\u002Fhome",{"label":84,"to":550,"count":75},"\u002Fexamples\u002Fscreens\u002Fverification",{"label":155,"to":552,"count":79},"\u002Fexamples\u002Fscreens\u002Faccount-settings",{"label":444,"to":554,"count":79},"\u002Fexamples\u002Fscreens\u002Fai-chat",{"label":456,"to":556,"count":79},"\u002Fexamples\u002Fscreens\u002Fai-settings",{"label":558,"to":559},"Riverside design examples","\u002Fexamples\u002Fapps\u002Friverside",{"label":561,"to":562},"Flora design examples","\u002Fexamples\u002Fapps\u002Fflora",{"label":564,"to":565},"Liveblocks design examples","\u002Fexamples\u002Fapps\u002Fliveblocks",{"label":567,"to":568},"Cushion design examples","\u002Fexamples\u002Fapps\u002Fcushion-so",{"label":570,"to":571},"Variant design examples","\u002Fexamples\u002Fapps\u002Fvariant",{"label":573,"to":574},"Morphic design examples","\u002Fexamples\u002Fapps\u002Fmorphic",{"label":576,"to":577},"Dovetail design examples","\u002Fexamples\u002Fapps\u002Fdovetail",{"label":579,"to":580},"Livekit design examples","\u002Fexamples\u002Fapps\u002Flivekit",{"label":582,"to":583},"Huly design examples","\u002Fexamples\u002Fapps\u002Fhuly",{"label":585,"to":586},"Copilot design examples","\u002Fexamples\u002Fapps\u002Fcopilot",{"label":588,"to":589},"Grok design examples","\u002Fexamples\u002Fapps\u002Fgrok",{"label":591,"to":592},"Supercut design examples","\u002Fexamples\u002Fapps\u002Fsupercut",{"published_at":594,"updated_at":595},"2024-12-11T09:52:00.000Z","2026-09-16T10:00:09.318Z"]