[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fraycast\u002Fcomponents":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":40,"showcases":92,"links":93,"dates":124},"\u002Fexamples\u002Fapps\u002Fraycast\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Raycast UI components examples - Nicelydone","Browse Raycast UI component design examples. Preview individual interface elements and explore related component categories. Supercharged productivity","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fd447a071-c534-4b9a-874c-0b3f7d6825d2.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},"Raycast design examples","\u002Fexamples\u002Fapps\u002Fraycast",{"label":23,"to":4},"Raycast 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},"Raycast","raycast","Supercharged productivity","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fraycast-qcad4vip.png","https:\u002F\u002Fwww.raycast.com","raycastapp",[36],{"id":37,"title":38,"slug":39},30,"Productivity","productivity",[41,56,68,80],{"uuid":42,"title":43,"description":44,"canonical_path":4,"image":11,"width":45,"height":46,"image_alt":47,"kind":48,"categories":49,"app":54},"31892890-fc6e-419f-a136-409724605f2e","Feature grid","A bento grid layout showcasing features of an extension store. It includes a large top card with a product screenshot and two smaller cards below, each highlighting different aspects with text and visuals.",3029,3652,"Feature grid from Raycast","component",[50],{"id":51,"title":52,"slug":53},298,"Bento box","bento-grid",{"slug":30,"title":29,"logo":32,"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":66},"c1daa2c2-cbe5-4b36-bffe-0e6011758fc1","Bento Grid Section","A dark-themed section featuring a headline, subheadline, and a bento grid layout with three cards. The top card spans the full width and showcases a code editor alongside a command palette UI. The bottom two cards are side-by-side, highlighting community and story aspects with icons and text.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F6cd82567-7fed-4c17-8159-fd776d5585d3.png",2872,3080,"Bento Grid Section from Raycast",[65],{"id":51,"title":52,"slug":53},{"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":48,"categories":76,"app":78},"2f6130b5-eb64-4710-a78e-bd1e6aef2456","Feature bento grid","A large bento grid showcasing various features of the application. Each card highlights a specific capability with an icon, title, description, and often a visual preview or interactive element.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F15ece3a4-0650-4039-8865-d1f4fede2b60.png",2256,6029,"Feature bento grid from Raycast",[77],{"id":51,"title":52,"slug":53},{"slug":30,"title":29,"logo":32,"categories":79},[],{"uuid":81,"title":82,"description":83,"canonical_path":4,"image":84,"width":85,"height":86,"image_alt":87,"kind":48,"categories":88,"app":90},"8931e8d3-c3ba-48aa-a934-474bfcba2283","Feature Bento Grid","A bento grid layout showcasing team features. The top section features a large hero card with a gradient background, text, a CTA button, and a mock UI of a team member directory. Below are three smaller, equal-sized feature cards detailing specific capabilities.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F06e5b803-ef71-4090-a1a3-00670a99c466.png",2792,3067,"Feature Bento Grid from Raycast",[89],{"id":51,"title":52,"slug":53},{"slug":30,"title":29,"logo":32,"categories":91},[],[],[94,97,100,103,106,108,112,116,120],{"label":95,"to":96},"Raycast product screens","\u002Fexamples\u002Fapps\u002Fraycast\u002Fscreens",{"label":98,"to":99},"Raycast marketing pages","\u002Fexamples\u002Fapps\u002Fraycast\u002Fmarketing",{"label":101,"to":102},"Raycast user flows","\u002Fexamples\u002Fapps\u002Fraycast\u002Fflows",{"label":104,"to":105},"Productivity app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fproductivity",{"label":107,"to":18},"All SaaS app examples",{"label":109,"to":110,"description":111},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":113,"to":114,"description":115},"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":117,"to":118,"description":119},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":121,"to":122,"description":123},"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":125,"updated_at":126},"2022-07-21T11:32:44.000Z","2026-09-13T13:02:39.000Z"]