[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fdeepnote\u002Fcomponents":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":52,"showcases":224,"links":225,"dates":244},"\u002Fexamples\u002Fapps\u002Fdeepnote\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Deepnote UI components examples - Nicelydone","Browse Deepnote UI component design examples. Preview individual interface elements and explore related component categories. Data science notebook for teams","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Faef02c32-ccdd-46d3-9ace-4740828a0123.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},"Deepnote design examples","\u002Fexamples\u002Fapps\u002Fdeepnote",{"label":23,"to":4},"Deepnote UI components examples",{"title":23,"eyebrow":25,"description":10,"sections":26,"body":27},"SaaS app examples",[],[],{"title":29,"slug":30,"description":31,"logo":32,"url":33,"twitter_username":34,"categories":35},"Deepnote","deepnote","Data science notebook for teams","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fdeepnote-144edbc1.png","https:\u002F\u002Fdeepnote.com","DeepnoteHQ",[36,40,44,48],{"id":37,"title":38,"slug":39},57,"Big data","big-data",{"id":41,"title":42,"slug":43},46,"Analytics","analytics",{"id":45,"title":46,"slug":47},23,"Collaboration","collaboration",{"id":49,"title":50,"slug":51},77,"Machine learning","machine-learning",[53,68,83,98,113,128,140,152,167,182,197,210],{"uuid":54,"title":55,"description":56,"canonical_path":4,"image":11,"width":57,"height":58,"image_alt":59,"kind":60,"categories":61,"app":66},"aef02c32-ccdd-46d3-9ace-4740828a0123","Members list table","A table displaying workspace members with their names, emails, and access levels. It includes a search filter in the header and dropdowns to change access levels for pending invitations.",2196,689,"Members list table from Deepnote","component",[62],{"id":63,"title":64,"slug":65},248,"Table","table-2",{"slug":30,"title":29,"logo":32,"categories":67},[],{"uuid":69,"title":70,"description":71,"canonical_path":4,"image":72,"width":73,"height":74,"image_alt":75,"kind":60,"categories":76,"app":81},"3df01526-bfd4-4b3a-a258-7bfde2dba272","Keyboard shortcuts helper","A single line of text providing keyboard shortcut instructions for navigating and interacting with a command palette or menu.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F3df01526-bfd4-4b3a-a258-7bfde2dba272.png",1002,152,"Keyboard shortcuts helper from Deepnote",[77],{"id":78,"title":79,"slug":80},235,"Tips","tips",{"slug":30,"title":29,"logo":32,"categories":82},[],{"uuid":84,"title":85,"description":86,"canonical_path":4,"image":87,"width":88,"height":89,"image_alt":90,"kind":60,"categories":91,"app":96},"8c1ae6f3-4e0f-4118-9e9e-1b1cd6834b9c","Deepnote UI component","A dropdown menu with project actions.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F8c1ae6f3-4e0f-4118-9e9e-1b1cd6834b9c.png",519,981,"UI component from Deepnote",[92],{"id":93,"title":94,"slug":95},190,"Dropdown menu","dropdown-menu",{"slug":30,"title":29,"logo":32,"categories":97},[],{"uuid":99,"title":100,"description":101,"canonical_path":4,"image":102,"width":103,"height":104,"image_alt":105,"kind":60,"categories":106,"app":111},"47717a6a-26ba-4b3b-ba61-e760d36dfcdf","Copy link field","A read-only input field displaying a truncated URL with a copy icon button.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F47717a6a-26ba-4b3b-ba61-e760d36dfcdf.png",714,192,"Copy link field from Deepnote",[107],{"id":108,"title":109,"slug":110},241,"Click to copy","click-to-copy",{"slug":30,"title":29,"logo":32,"categories":112},[],{"uuid":114,"title":115,"description":116,"canonical_path":4,"image":117,"width":118,"height":119,"image_alt":120,"kind":60,"categories":121,"app":126},"f68b1925-1320-4ac6-baf9-938cc880f869","Activity history timeline","A vertical list of recent events in a notebook, showing the action taken, the file affected, relative timestamps, and the user who performed the action. One item is expanded to show action buttons.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Ff68b1925-1320-4ac6-baf9-938cc880f869.png",570,842,"Activity history timeline from Deepnote",[122],{"id":123,"title":124,"slug":125},249,"Timeline & history","timeline-history",{"slug":30,"title":29,"logo":32,"categories":127},[],{"uuid":129,"title":130,"description":131,"canonical_path":4,"image":132,"width":133,"height":134,"image_alt":135,"kind":60,"categories":136,"app":138},"ec0e35fc-c5b3-4d5a-a288-72ac0cb6cdad","Copyable code block","A light gray code block displaying a SQL query with a 'Copy to clipboard' action in the top right corner.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fec0e35fc-c5b3-4d5a-a288-72ac0cb6cdad.png",1412,435,"Copyable code block from Deepnote",[137],{"id":108,"title":109,"slug":110},{"slug":30,"title":29,"logo":32,"categories":139},[],{"uuid":141,"title":142,"description":143,"canonical_path":4,"image":144,"width":145,"height":146,"image_alt":147,"kind":60,"categories":148,"app":150},"e579e830-3aed-4a41-8a42-24faef6122cd","Inline edit tip","A blue pill-shaped tooltip or helper text that appears inline, instructing the user on how to edit a block of content.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fe579e830-3aed-4a41-8a42-24faef6122cd.png",646,114,"Inline edit tip from Deepnote",[149],{"id":78,"title":79,"slug":80},{"slug":30,"title":29,"logo":32,"categories":151},[],{"uuid":153,"title":154,"description":155,"canonical_path":4,"image":156,"width":157,"height":158,"image_alt":159,"kind":60,"categories":160,"app":165},"de6cd292-3e93-4850-a122-a5372c0022e6","Navigation Tabs","A horizontal row of text-based tabs used for navigating between different sections of a project workspace. The 'Project' tab is currently active, indicated by bolder, darker text.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fde6cd292-3e93-4850-a122-a5372c0022e6.png",561,150,"Navigation Tabs from Deepnote",[161],{"id":162,"title":163,"slug":164},233,"Tabs","tabs",{"slug":30,"title":29,"logo":32,"categories":166},[],{"uuid":168,"title":169,"description":170,"canonical_path":4,"image":171,"width":172,"height":173,"image_alt":174,"kind":60,"categories":175,"app":180},"2158bccd-da83-454f-a6b3-e0ececa8f329","Split button","A split button with a primary action to run a notebook and a dropdown for additional options.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F2158bccd-da83-454f-a6b3-e0ececa8f329.png",476,222,"Split button from Deepnote",[176],{"id":177,"title":178,"slug":179},175,"Button","button",{"slug":30,"title":29,"logo":32,"categories":181},[],{"uuid":183,"title":184,"description":185,"canonical_path":4,"image":186,"width":187,"height":188,"image_alt":189,"kind":60,"categories":190,"app":195},"635d25d2-40c1-4c34-a893-24e54293f324","SQL Code Block","A code block component displaying a SQL query with syntax highlighting. It includes a top toolbar for selecting the database connection and saving to a variable, and a bottom footer indicating hidden output with a link to show it.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F635d25d2-40c1-4c34-a893-24e54293f324.png",2052,853,"SQL Code Block from Deepnote",[191],{"id":192,"title":193,"slug":194},187,"Code block","code-block",{"slug":30,"title":29,"logo":32,"categories":196},[],{"uuid":198,"title":85,"description":199,"canonical_path":4,"image":200,"width":201,"height":202,"image_alt":90,"kind":60,"categories":203,"app":208},"d855721e-bae5-4327-aa33-b68ad28ac5b8","This is a side navigation menu with a search bar and a list of options.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fd855721e-bae5-4327-aa33-b68ad28ac5b8.png",507,1738,[204],{"id":205,"title":206,"slug":207},209,"Vertical navigation","vertical-navigation",{"slug":30,"title":29,"logo":32,"categories":209},[],{"uuid":211,"title":212,"description":213,"canonical_path":4,"image":214,"width":215,"height":74,"image_alt":216,"kind":60,"categories":217,"app":222},"315192e2-14bb-4474-a9bf-850982ba977d","Breadcrumb navigation","A simple two-level breadcrumb showing the current location within a workspace.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F315192e2-14bb-4474-a9bf-850982ba977d.png",460,"Breadcrumb navigation from Deepnote",[218],{"id":219,"title":220,"slug":221},177,"Breadcrumb","breadcrumb",{"slug":30,"title":29,"logo":32,"categories":223},[],[],[226,229,232,235,238,241],{"label":227,"to":228},"Deepnote product screens","\u002Fexamples\u002Fapps\u002Fdeepnote\u002Fscreens",{"label":230,"to":231},"Deepnote marketing pages","\u002Fexamples\u002Fapps\u002Fdeepnote\u002Fmarketing",{"label":233,"to":234},"Deepnote user flows","\u002Fexamples\u002Fapps\u002Fdeepnote\u002Fflows",{"label":236,"to":237},"Big data app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fbig-data",{"label":239,"to":240},"Analytics app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fanalytics",{"label":242,"to":243},"Collaboration app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcollaboration",{"published_at":245,"updated_at":246},"2022-10-25T18:33:02.000Z","2026-09-13T13:02:39.000Z"]