[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Ffey\u002Fcomponents":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":29,"examples":40,"showcases":196,"links":197,"dates":228},"\u002Fexamples\u002Fapps\u002Ffey\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Fey UI components examples - Nicelydone","Browse Fey UI component design examples. Preview individual interface elements and explore related component categories. Strategic, secure investing for…","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F07225ce0-bb74-4b13-822e-aa426fdb1e52.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},"Fey design examples","\u002Fexamples\u002Fapps\u002Ffey",{"label":23,"to":4},"Fey UI components examples",{"title":23,"eyebrow":25,"description":26,"sections":27,"body":28},"SaaS app examples","Browse Fey UI component design examples. Preview individual interface elements and explore related component categories. Strategic, secure investing for everyday traders",[],[],{"title":30,"slug":31,"description":32,"logo":33,"url":34,"categories":35},"Fey","fey","Strategic, secure investing for everyday traders","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Ffey-706d1395.png","https:\u002F\u002Ffeyapp.com",[36],{"id":37,"title":38,"slug":39},36,"Finance","finance",[41,56,71,83,95,109,124,136,148,160,172,184],{"uuid":42,"title":43,"description":44,"canonical_path":4,"image":11,"width":45,"height":46,"image_alt":47,"kind":48,"categories":49,"app":54},"9b963162-04a7-4510-9239-6f4dbfde634f","Success toast","A dark-themed toast notification confirming a subscription update, featuring a green success icon and white text.",696,180,"Success toast from Fey","component",[50],{"id":51,"title":52,"slug":53},167,"Alert","alert",{"slug":31,"title":30,"logo":33,"categories":55},[],{"uuid":57,"title":58,"description":59,"canonical_path":4,"image":60,"width":61,"height":62,"image_alt":63,"kind":48,"categories":64,"app":69},"17cb5de6-31e2-4740-add9-2ad62692462c","Filter dropdown menu","A dropdown menu overlaying a data table, providing a list of filter categories like Exchange, Sector, and Industry. The menu includes a search input at the top with a keyboard shortcut indicator.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F11a3d01d-a1e7-48c1-b5e1-a6421c9e4b1d.png",1406,648,"Filter dropdown menu from Fey",[65],{"id":66,"title":67,"slug":68},225,"Sorting & filtering","sorting-filtering",{"slug":31,"title":30,"logo":33,"categories":70},[],{"uuid":72,"title":73,"description":74,"canonical_path":4,"image":75,"width":76,"height":77,"image_alt":78,"kind":48,"categories":79,"app":81},"0f821211-ee2a-42e5-bdc4-810d7ebd2c4c","Filter header","A page header containing a title and an active filter chip with a clear button, followed by an add filter button.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F8012bdf2-9ed3-44f0-ad7d-17331bd1bd2d.png",1238,317,"Filter header from Fey",[80],{"id":66,"title":67,"slug":68},{"slug":31,"title":30,"logo":33,"categories":82},[],{"uuid":84,"title":85,"description":86,"canonical_path":4,"image":87,"width":88,"height":89,"image_alt":90,"kind":48,"categories":91,"app":93},"8888d90e-7e06-42ff-8da9-d40739ef084c","Keyboard shortcut toast","A dark-themed toast notification suggesting a keyboard shortcut to open the screener.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fcfd7e1f4-b608-4329-9b61-0710633573c8.png",617,146,"Keyboard shortcut toast from Fey",[92],{"id":51,"title":52,"slug":53},{"slug":31,"title":30,"logo":33,"categories":94},[],{"uuid":96,"title":97,"description":98,"canonical_path":4,"image":99,"width":100,"height":101,"image_alt":102,"kind":48,"categories":103,"app":107},"21554327-50dd-4ee7-a3f3-0a6c3cc6a7db","Notification Toast","A dark-themed toast notification confirming that a stock ticker has been added to a list. It features a company logo and a brief confirmation message.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fd3911a26-7e2e-40b2-9cdb-a2593c5c1800.png",683,296,"Notification Toast from Fey",[104],{"id":105,"title":97,"slug":106},247,"notification-element",{"slug":31,"title":30,"logo":33,"categories":108},[],{"uuid":110,"title":111,"description":112,"canonical_path":4,"image":113,"width":114,"height":115,"image_alt":116,"kind":48,"categories":117,"app":122},"0cb1129c-c798-4587-99e0-5eaaa95acff6","Financial KPI Card","A dark-themed card displaying a primary growth metric at the top, followed by a list of related financial metrics with color-coded indicators.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F21f505ce-4461-4b42-948f-7b8ff6cc59fb.png",666,693,"Financial KPI Card from Fey",[118],{"id":119,"title":120,"slug":121},186,"Charts","charts",{"slug":31,"title":30,"logo":33,"categories":123},[],{"uuid":125,"title":126,"description":127,"canonical_path":4,"image":128,"width":129,"height":130,"image_alt":131,"kind":48,"categories":132,"app":134},"dd5d170d-68ae-4125-ac43-73aaad0410d6","Income Statement Chart","A combination bar and line chart displaying income statement data over a five-year period. It features dual y-axes for absolute values and percentages.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F89c51a61-5590-4704-8b18-bd718731d6bf.png",1003,714,"Income Statement Chart from Fey",[133],{"id":119,"title":120,"slug":121},{"slug":31,"title":30,"logo":33,"categories":135},[],{"uuid":137,"title":138,"description":139,"canonical_path":4,"image":140,"width":141,"height":142,"image_alt":143,"kind":48,"categories":144,"app":146},"1d1f5ef1-9f85-4fc6-ae1d-feb2fe7ba203","EPS Performance Chart","A scatter plot chart comparing actual vs expected Earnings Per Share (EPS) over several quarters. The chart uses colored dots to indicate whether the actual EPS 'missed' or 'beat' expectations, with a summary at the top showing the most recent actual and expected EPS figures.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fea9a21d0-c2bb-4774-9bec-465d3ed3db83.png",987,701,"EPS Performance Chart from Fey",[145],{"id":119,"title":120,"slug":121},{"slug":31,"title":30,"logo":33,"categories":147},[],{"uuid":149,"title":150,"description":151,"canonical_path":4,"image":152,"width":153,"height":154,"image_alt":155,"kind":48,"categories":156,"app":158},"7ebb776e-b3a0-432e-ac5b-2042bfdc31f6","P\u002FE Ratio Comparison Chart","A financial data visualization showing a primary metric (Price to Earnings ratio) at the top, followed by a horizontal bar chart comparing the stock's P\u002FE ratio against its sector and industry averages.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F06c1c155-ef0f-4841-b4e9-f8916b05aedc.png",678,541,"P\u002FE Ratio Comparison Chart from Fey",[157],{"id":119,"title":120,"slug":121},{"slug":31,"title":30,"logo":33,"categories":159},[],{"uuid":161,"title":162,"description":163,"canonical_path":4,"image":164,"width":165,"height":166,"image_alt":167,"kind":48,"categories":168,"app":170},"929724d7-c339-4a91-9aee-3bc4643977d5","Target price chart","A minimalist chart displaying a stock's current price relative to a target price. It uses a horizontal dashed line as a baseline, with vertical lines connecting to the current and target values.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F97d51148-3ca1-4ca0-bf58-27a26339d3fd.png",980,500,"Target price chart from Fey",[169],{"id":119,"title":120,"slug":121},{"slug":31,"title":30,"logo":33,"categories":171},[],{"uuid":173,"title":174,"description":175,"canonical_path":4,"image":176,"width":177,"height":178,"image_alt":179,"kind":48,"categories":180,"app":182},"a73fed5d-ecc0-458c-8949-455e576576ad","Analyst Rating Radar Chart","A radar chart displaying analyst ratings for a stock, categorized into Strong Buy, Buy, Neutral, Sell, and Strong Sell. A summary headline indicates the overall sentiment.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fbfa4850c-324d-4ff4-aa0f-748298eac92f.png",676,705,"Analyst Rating Radar Chart from Fey",[181],{"id":119,"title":120,"slug":121},{"slug":31,"title":30,"logo":33,"categories":183},[],{"uuid":185,"title":186,"description":187,"canonical_path":4,"image":188,"width":189,"height":190,"image_alt":191,"kind":48,"categories":192,"app":194},"17e35c68-35a3-4265-a63d-64e859ec4d4e","Stock price chart","A line chart displaying historical stock price data with an interactive tooltip showing price and date at a specific point. It includes a header with the current price and performance, and a time range selector at the bottom.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F05a87f10-8723-4a52-bd4c-24d193f63a04.png",1978,1029,"Stock price chart from Fey",[193],{"id":119,"title":120,"slug":121},{"slug":31,"title":30,"logo":33,"categories":195},[],[],[198,201,204,207,210,212,216,220,224],{"label":199,"to":200},"Fey product screens","\u002Fexamples\u002Fapps\u002Ffey\u002Fscreens",{"label":202,"to":203},"Fey marketing pages","\u002Fexamples\u002Fapps\u002Ffey\u002Fmarketing",{"label":205,"to":206},"Fey user flows","\u002Fexamples\u002Fapps\u002Ffey\u002Fflows",{"label":208,"to":209},"Finance app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Ffinance",{"label":211,"to":18},"All SaaS app examples",{"label":213,"to":214,"description":215},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":217,"to":218,"description":219},"SaaS marketing page examples","\u002Fexamples\u002Fpages","Browse real SaaS marketing pages grouped by page type, from landing pages to pricing and customer story pages.",{"label":221,"to":222,"description":223},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":225,"to":226,"description":227},"User flow examples from SaaS apps","\u002Fexamples\u002Fflows","Explore user flow examples for sign-up, onboarding, billing, and other SaaS tasks. Compare the order of screens and preview the opening steps from real apps.",{"published_at":229,"updated_at":230},"2020-12-08T19:30:55.000Z","2026-09-17T00:05:26.000Z"]