[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fangellist\u002Fcomponents":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":43,"showcases":221,"links":222,"dates":238},"\u002Fexamples\u002Fapps\u002Fangellist\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Angellist UI components examples - Nicelydone","Browse Angellist UI component design examples. Preview individual interface elements and explore related component categories. Build, Lead, Invest","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fe4501469-8697-4c85-9f31-46ce7d4b0edd.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},"Angellist design examples","\u002Fexamples\u002Fapps\u002Fangellist",{"label":23,"to":4},"Angellist 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":30,"categories":34},"Angellist","angellist","Build, Lead, Invest","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fangellist-c5f0f682.png","https:\u002F\u002Fwww.angellist.com",[35,39],{"id":36,"title":37,"slug":38},36,"Finance","finance",{"id":40,"title":41,"slug":42},63,"Startups","startups",[44,59,74,89,104,119,134,149,164,176,191,206],{"uuid":45,"title":46,"description":47,"canonical_path":4,"image":11,"width":48,"height":49,"image_alt":50,"kind":51,"categories":52,"app":57},"e9124009-b0c1-427e-ab8c-07d4ae899eb9","Vertical Stepper","A vertical stepper component showing progress through a multi-step form or process. It displays completed, active, and upcoming steps with icons and text labels.",768,577,"Vertical Stepper from Angellist","component",[53],{"id":54,"title":55,"slug":56},213,"Progress indicator","progress-indicator",{"slug":30,"title":29,"logo":32,"categories":58},[],{"uuid":60,"title":61,"description":62,"canonical_path":4,"image":63,"width":64,"height":65,"image_alt":66,"kind":51,"categories":67,"app":72},"13158e0b-4971-457c-beca-b201f8b2814b","Terms Checkbox Group","A group of checkboxes for agreeing to various closing terms, with inline links to relevant documents.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F85bbd902-f060-4d81-96d7-c189677efae6.png",1361,684,"Terms Checkbox Group from Angellist",[68],{"id":69,"title":70,"slug":71},179,"Checkbox & radio","checkbox-radio",{"slug":30,"title":29,"logo":32,"categories":73},[],{"uuid":75,"title":76,"description":77,"canonical_path":4,"image":78,"width":79,"height":80,"image_alt":81,"kind":51,"categories":82,"app":87},"d6396e78-89d9-40be-92d4-d68d4c4c3608","Rich Text Editor","A rich text editor pre-populated with a template for writing an investment deal memo. It includes a toolbar with standard formatting options.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F669f593c-3daf-41dd-b9c2-7916c3c11573.png",1524,1652,"Rich Text Editor from Angellist",[83],{"id":84,"title":85,"slug":86},221,"Rich text editor","rich-text-editor",{"slug":30,"title":29,"logo":32,"categories":88},[],{"uuid":90,"title":91,"description":92,"canonical_path":4,"image":93,"width":94,"height":95,"image_alt":96,"kind":51,"categories":97,"app":102},"edc9e143-2eb0-4d31-9499-8fb64933fc26","Angellist UI component","A toggle switch with a label and a description","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F125e8c3d-84bb-4822-94d5-27d317eb06cd.png",1496,329,"UI component from Angellist",[98],{"id":99,"title":100,"slug":101},236,"Toggle\u002FSwitch","toggle-switch",{"slug":30,"title":29,"logo":32,"categories":103},[],{"uuid":105,"title":106,"description":107,"canonical_path":4,"image":108,"width":109,"height":110,"image_alt":111,"kind":51,"categories":112,"app":117},"6f47bc48-357f-4456-add2-a2e7b4b3be35","Two-Factor Authentication Input","A form section for entering a two-factor authentication code, featuring a title, instructional text, a help link, and a text input field.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F9cbec259-b086-486b-ac9a-6b07716bdc8d.png",1360,496,"Two-Factor Authentication Input from Angellist",[113],{"id":114,"title":115,"slug":116},288,"Input code","input-code",{"slug":30,"title":29,"logo":32,"categories":118},[],{"uuid":120,"title":121,"description":122,"canonical_path":4,"image":123,"width":124,"height":125,"image_alt":126,"kind":51,"categories":127,"app":132},"1c465cce-49e0-4586-9712-5f4f33a15ed3","Success Toast","A success notification toast confirming an item was added to a wishlist, featuring a green checkmark icon, text, and a close button.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F613c0e4d-6378-4594-a5df-14dc42e6f565.png",981,232,"Success Toast from Angellist",[128],{"id":129,"title":130,"slug":131},247,"Notification Toast","notification-element",{"slug":30,"title":29,"logo":32,"categories":133},[],{"uuid":135,"title":136,"description":137,"canonical_path":4,"image":138,"width":139,"height":140,"image_alt":141,"kind":51,"categories":142,"app":147},"fefae063-1267-46ac-9f6b-5472837e9a36","Comparison bar chart","A horizontal bar chart comparing the user's metrics against other investors over the past 12 months.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F17f25cc8-3ace-41f4-b28e-ed5c20bd4044.png",1079,705,"Comparison bar chart from Angellist",[143],{"id":144,"title":145,"slug":146},186,"Charts","charts",{"slug":30,"title":29,"logo":32,"categories":148},[],{"uuid":150,"title":151,"description":152,"canonical_path":4,"image":153,"width":154,"height":155,"image_alt":156,"kind":51,"categories":157,"app":162},"73ea205e-cd73-4a76-a718-ab27b6162422","Investments Table","A data table displaying a list of investments with a search bar, filter, export, and add investment actions above it.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F6c69ae62-d4db-45ce-9691-dc04abd78c88.png",2464,885,"Investments Table from Angellist",[158],{"id":159,"title":160,"slug":161},248,"Table","table-2",{"slug":30,"title":29,"logo":32,"categories":163},[],{"uuid":165,"title":166,"description":167,"canonical_path":4,"image":168,"width":169,"height":170,"image_alt":171,"kind":51,"categories":172,"app":174},"8c3b8e2e-ef96-4702-9cdb-27b9a7de5a08","Portfolio Performance Dashboard","A dashboard section displaying key portfolio metrics in three KPI tiles above a stacked area chart showing value over time.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Ff8c2548f-80c2-446c-b1d1-90ef9afc84f0.png",2336,1183,"Portfolio Performance Dashboard from Angellist",[173],{"id":144,"title":145,"slug":146},{"slug":30,"title":29,"logo":32,"categories":175},[],{"uuid":177,"title":178,"description":179,"canonical_path":4,"image":180,"width":181,"height":182,"image_alt":183,"kind":51,"categories":184,"app":189},"4645be1f-7163-44e2-8da1-13763d30321a","Currency input field","A form field for entering a monetary amount, featuring a label 'Invested' and an input box with a currency prefix 'USD ($)' and a pre-filled value '14,000.00'.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F1b17a473-6ff5-44d2-b068-d9a88a12ebd9.png",528,259,"Currency input field from Angellist",[185],{"id":186,"title":187,"slug":188},198,"Input amount","input-amount",{"slug":30,"title":29,"logo":32,"categories":190},[],{"uuid":192,"title":193,"description":194,"canonical_path":4,"image":195,"width":196,"height":197,"image_alt":198,"kind":51,"categories":199,"app":204},"69cfb2e9-492b-4c8d-8c3c-10d3942e393a","Range filter popover","A popover containing a minimum and maximum input field to filter a list by a numeric range, with a clear button and a primary action button to apply the filter.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F1da7cc5a-7896-4cfb-935c-f8b0034c1031.png",1380,851,"Range filter popover from Angellist",[200],{"id":201,"title":202,"slug":203},225,"Sorting & filtering","sorting-filtering",{"slug":30,"title":29,"logo":32,"categories":205},[],{"uuid":207,"title":208,"description":209,"canonical_path":4,"image":210,"width":211,"height":212,"image_alt":213,"kind":51,"categories":214,"app":219},"f834899c-15ac-4879-8c1d-584fd36cc182","Page Header with Tabs","A page header containing a large title and a horizontal tab navigation menu below it.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F1ac0cca9-2333-4716-bbaa-94d2f036ecce.png",1213,478,"Page Header with Tabs from Angellist",[215],{"id":216,"title":217,"slug":218},233,"Tabs","tabs",{"slug":30,"title":29,"logo":32,"categories":220},[],[],[223,226,229,232,235],{"label":224,"to":225},"Angellist product screens","\u002Fexamples\u002Fapps\u002Fangellist\u002Fscreens",{"label":227,"to":228},"Angellist marketing pages","\u002Fexamples\u002Fapps\u002Fangellist\u002Fmarketing",{"label":230,"to":231},"Angellist user flows","\u002Fexamples\u002Fapps\u002Fangellist\u002Fflows",{"label":233,"to":234},"Finance app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Ffinance",{"label":236,"to":237},"Startups app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fstartups",{"published_at":239,"updated_at":240},"2023-07-10T11:20:08.000Z","2026-09-14T12:25:33.000Z"]