[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fresend\u002Fcomponents":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":48,"showcases":215,"links":216,"dates":253},"\u002Fexamples\u002Fapps\u002Fresend\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Resend UI components examples - Nicelydone","Browse Resend UI component design examples. Preview individual interface elements and explore related component categories. The email API for developers","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F1f548737-a2f4-4e60-8ccb-fde5ac6b1ac5.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},"Resend design examples","\u002Fexamples\u002Fapps\u002Fresend",{"label":23,"to":4},"Resend 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},"Resend","resend","The email API for developers","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fresend-b17177b5.png","https:\u002F\u002Fresend.com\u002F","resendlabs",[36,40,44],{"id":37,"title":38,"slug":39},37,"Developer APIs","developer-apis",{"id":41,"title":42,"slug":43},27,"Email Newsletters","email-newsletters",{"id":45,"title":46,"slug":47},92,"Email","email",[49,64,79,94,104,119,133,148,158,173,185,200],{"uuid":50,"title":51,"description":52,"canonical_path":4,"image":11,"width":53,"height":54,"image_alt":55,"kind":56,"categories":57,"app":62},"a3a7c389-1ecf-449c-8bd4-15075cd1c82e","Bar Chart KPI Card","A dark-themed card displaying a key performance indicator (Total Emails) alongside a bar chart showing daily volume over the last 7 days.",2208,1048,"Bar Chart KPI Card from Resend","component",[58],{"id":59,"title":60,"slug":61},186,"Charts","charts",{"slug":30,"title":29,"logo":32,"categories":63},[],{"uuid":65,"title":66,"description":67,"canonical_path":4,"image":68,"width":69,"height":70,"image_alt":71,"kind":56,"categories":72,"app":77},"ec6918d1-3420-4f05-8f13-7400517e32e6","Usage progress bar","A progress bar showing email usage against a quota, with current count and remaining balance.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F3b1c3435-8fe0-407e-b323-a9784c832e06.png",728,296,"Usage progress bar from Resend",[73],{"id":74,"title":75,"slug":76},213,"Progress indicator","progress-indicator",{"slug":30,"title":29,"logo":32,"categories":78},[],{"uuid":80,"title":81,"description":82,"canonical_path":4,"image":83,"width":84,"height":85,"image_alt":86,"kind":56,"categories":87,"app":92},"beb72210-924e-4e61-8cbf-f12f3281fe78","Secret key field","A read-only input field displaying an obscured signing secret. It includes a success checkmark indicating it was recently copied, and a reveal icon button.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fa1cbaf52-2519-44df-afa1-0acb20f93716.png",616,226,"Secret key field from Resend",[88],{"id":89,"title":90,"slug":91},241,"Click to copy","click-to-copy",{"slug":30,"title":29,"logo":32,"categories":93},[],{"uuid":95,"title":96,"description":97,"canonical_path":4,"image":98,"width":84,"height":85,"image_alt":99,"kind":56,"categories":100,"app":102},"9421942f-d711-4fe4-b570-d4692cb83ac4","Secret Key Field","A read-only input field displaying a masked signing secret, with icons to copy the value or reveal it.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fe8534d66-c872-42b7-b0b9-bd04ee0e3d38.png","Secret Key Field from Resend",[101],{"id":89,"title":90,"slug":91},{"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":56,"categories":112,"app":117},"f872a2c6-dc4a-4808-8373-7c53b0241a42","Permission selector","A form section for selecting API key permissions and domain scope. It includes a radio-style list for access level and a dropdown for domain selection.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F9d116c90-edae-47ae-83be-0e7837358a70.png",940,416,"Permission selector from Resend",[113],{"id":114,"title":115,"slug":116},204,"Input select","input-select",{"slug":30,"title":29,"logo":32,"categories":118},[],{"uuid":120,"title":121,"description":122,"canonical_path":4,"image":123,"width":53,"height":124,"image_alt":125,"kind":56,"categories":126,"app":131},"d0967adc-a9fb-40ea-a157-ec4c207d73cb","API Logs Table","A dark-themed data table displaying API log entries. It includes columns for Endpoint, Status, Method, and Created time, with a pagination indicator at the bottom.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fc03deefa-9241-40da-9dc4-00b6d1aafc1a.png",537,"API Logs Table from Resend",[127],{"id":128,"title":129,"slug":130},248,"Table","table-2",{"slug":30,"title":29,"logo":32,"categories":132},[],{"uuid":134,"title":135,"description":136,"canonical_path":4,"image":137,"width":138,"height":139,"image_alt":140,"kind":56,"categories":141,"app":146},"b086b5b3-9c75-4d7b-ba74-96ca0109e527","Warning alert","A warning alert banner informing the user that DNS records verification is in progress.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F961ffc64-30d5-438e-af91-655b5cb6fb34.png",2108,404,"Warning alert from Resend",[142],{"id":143,"title":144,"slug":145},167,"Alert","alert",{"slug":30,"title":29,"logo":32,"categories":147},[],{"uuid":149,"title":150,"description":151,"canonical_path":4,"image":152,"width":138,"height":139,"image_alt":153,"kind":56,"categories":154,"app":156},"eea717e0-3cb4-434f-b58a-146a2e195de2","Information Alert","An informational alert box providing instructions on how to configure DNS settings.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F15a213d0-8e58-42c6-a998-425d5e5860c8.png","Information Alert from Resend",[155],{"id":143,"title":144,"slug":145},{"slug":30,"title":29,"logo":32,"categories":157},[],{"uuid":159,"title":160,"description":161,"canonical_path":4,"image":162,"width":163,"height":164,"image_alt":165,"kind":56,"categories":166,"app":171},"efba1eb2-ab26-46d3-9d9a-bb4f10fb0c37","Settings toggle with description","A settings section containing a title, a detailed description explaining the feature, and a toggle switch to enable or disable it.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F921bf6a9-dcd6-4c9d-9d3c-9d9d430d2adb.png",1940,478,"Settings toggle with description from Resend",[167],{"id":168,"title":169,"slug":170},236,"Toggle\u002FSwitch","toggle-switch",{"slug":30,"title":29,"logo":32,"categories":172},[],{"uuid":174,"title":175,"description":176,"canonical_path":4,"image":177,"width":178,"height":179,"image_alt":180,"kind":56,"categories":181,"app":183},"5c6426cf-281b-4b3a-81b2-4547253f83d6","Copy URL Input","A read-only input field displaying a shareable URL with a copy-to-clipboard icon button.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F02f3d51e-ef97-4f45-b814-7a8fb1066bb1.png",956,239,"Copy URL Input from Resend",[182],{"id":89,"title":90,"slug":91},{"slug":30,"title":29,"logo":32,"categories":184},[],{"uuid":186,"title":187,"description":188,"canonical_path":4,"image":189,"width":190,"height":191,"image_alt":192,"kind":56,"categories":193,"app":198},"dc6ea2d0-4f0b-453d-90d6-eb4afeec6016","Status Badge","A small, rounded badge indicating a 'Delivered' status with green text on a dark green background.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F7b7ce213-a83b-489e-afde-06b425ddc7e9.png",270,176,"Status Badge from Resend",[194],{"id":195,"title":196,"slug":197},260,"Badge","badge",{"slug":30,"title":29,"logo":32,"categories":199},[],{"uuid":201,"title":202,"description":203,"canonical_path":4,"image":204,"width":205,"height":206,"image_alt":207,"kind":56,"categories":208,"app":213},"b38eaf4e-6978-4f2f-85f7-58f8d48271c2","Success Toast","A success toast notification indicating that an email has been sent.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fd35f683b-80ba-4bc4-81c5-778905c40d55.png",812,220,"Success Toast from Resend",[209],{"id":210,"title":211,"slug":212},247,"Notification Toast","notification-element",{"slug":30,"title":29,"logo":32,"categories":214},[],[],[217,220,223,226,229,232,235,237,241,245,249],{"label":218,"to":219},"Resend product screens","\u002Fexamples\u002Fapps\u002Fresend\u002Fscreens",{"label":221,"to":222},"Resend marketing pages","\u002Fexamples\u002Fapps\u002Fresend\u002Fmarketing",{"label":224,"to":225},"Resend user flows","\u002Fexamples\u002Fapps\u002Fresend\u002Fflows",{"label":227,"to":228},"Developer APIs app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-apis",{"label":230,"to":231},"Email Newsletters app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Femail-newsletters",{"label":233,"to":234},"Email app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Femail",{"label":236,"to":18},"All SaaS app examples",{"label":238,"to":239,"description":240},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":242,"to":243,"description":244},"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":246,"to":247,"description":248},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":250,"to":251,"description":252},"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":254,"updated_at":255},"2022-03-07T12:33:40.000Z","2026-09-13T13:02:39.000Z"]