[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fspline\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":222,"links":223,"dates":242},"\u002Fexamples\u002Fapps\u002Fspline\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Spline UI components examples - Nicelydone","Browse Spline UI component design examples. Preview individual interface elements and explore related component categories. Design tool for 3D web experiences","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F9cd3c265-8c5f-4f07-ae5d-74e703d25de2.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},"Spline design examples","\u002Fexamples\u002Fapps\u002Fspline",{"label":23,"to":4},"Spline 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},"Spline","spline","Design tool for 3D web experiences","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fspline-9d66cc4c.png","https:\u002F\u002Fspline.design","splinetool",[36,40,44],{"id":37,"title":38,"slug":39},8,"Design","design",{"id":41,"title":42,"slug":43},7,"Web Development","web-development",{"id":45,"title":46,"slug":47},23,"Collaboration","collaboration",[49,64,79,94,109,124,139,154,169,180,195,210],{"uuid":50,"title":51,"description":52,"canonical_path":4,"image":11,"width":53,"height":54,"image_alt":55,"kind":56,"categories":57,"app":62},"382cb2da-bd24-4357-bf2f-3d498f49c109","Feature Grid","A dark-themed feature grid displaying six distinct 3D design capabilities. Each feature is presented in a rounded card containing a 3D illustration, a title, and a brief description.",2416,3228,"Feature Grid from Spline","component",[58],{"id":59,"title":60,"slug":61},298,"Bento box","bento-grid",{"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},"edbad806-cdc9-4a58-889c-72ff84eb5fdf","Feature list","A vertical list of features with checkmark icons, typically found in a pricing or upgrade modal.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F0b15e701-16a5-4485-9bb6-b24a3e83113b.png",740,601,"Feature list from Spline",[73],{"id":74,"title":75,"slug":76},172,"Benefit List","benefit-list",{"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},"c65e5a3b-e0f7-4619-869e-275d5cbeeaea","File card with inline editing","A file card displaying a 3D cube icon placeholder for a thumbnail, with the file name below it currently selected for inline editing.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fde9585a6-67c4-4c16-8ca3-ac60fb0d86bd.png",672,603,"File card with inline editing from Spline",[88],{"id":89,"title":90,"slug":91},196,"Inline editing","inline-editing",{"slug":30,"title":29,"logo":32,"categories":93},[],{"uuid":95,"title":96,"description":97,"canonical_path":4,"image":98,"width":99,"height":100,"image_alt":101,"kind":56,"categories":102,"app":107},"9b227aaf-1d97-4616-9bf6-f8a05a70453d","Spline UI component","A modal for generating AI textures.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fe9e9a1bf-5bfe-4057-bab1-c65cd5e32287.png",628,972,"UI component from Spline",[103],{"id":104,"title":105,"slug":106},294,"Artificial intelligence","ai",{"slug":30,"title":29,"logo":32,"categories":108},[],{"uuid":110,"title":111,"description":112,"canonical_path":4,"image":113,"width":114,"height":115,"image_alt":116,"kind":56,"categories":117,"app":122},"b6175358-a3c4-4e15-9a06-616204c9e512","Default badge","A pill-shaped badge indicating a default status or selection.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F9e3878d1-f89e-4e3f-9587-01d246f7c05d.png",229,163,"Default badge from Spline",[118],{"id":119,"title":120,"slug":121},260,"Badge","badge",{"slug":30,"title":29,"logo":32,"categories":123},[],{"uuid":125,"title":126,"description":127,"canonical_path":4,"image":128,"width":129,"height":130,"image_alt":131,"kind":56,"categories":132,"app":137},"9827276b-f759-4d41-a6b9-a973b6c976ac","Changelog timeline","A vertical timeline displaying a chronological list of product updates, bug fixes, and improvements. Each entry features a date badge and a bulleted list of changes.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F48b60de0-cf2d-4fdd-a8f2-168d762c6079.png",1338,1527,"Changelog timeline from Spline",[133],{"id":134,"title":135,"slug":136},249,"Timeline & history","timeline-history",{"slug":30,"title":29,"logo":32,"categories":138},[],{"uuid":140,"title":141,"description":142,"canonical_path":4,"image":143,"width":144,"height":145,"image_alt":146,"kind":56,"categories":147,"app":152},"889b5950-849d-45c1-a915-3b91cc0dacb5","Success Toast","A dark-themed toast notification confirming an invitation was sent successfully.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fc1edaaea-1101-4a6c-a283-17caff572766.png",675,237,"Success Toast from Spline",[148],{"id":149,"title":150,"slug":151},247,"Notification Toast","notification-element",{"slug":30,"title":29,"logo":32,"categories":153},[],{"uuid":155,"title":156,"description":157,"canonical_path":4,"image":158,"width":159,"height":160,"image_alt":161,"kind":56,"categories":162,"app":167},"5aebc2e2-8604-4a05-8b32-275bdda02184","Email input tags and role selector","A dark-themed input area displaying an email address as a removable tag, followed by a dropdown selector to assign a role to the invited members.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F31138d80-a647-4d47-8cdc-e55b21cd73fb.png",784,376,"Email input tags and role selector from Spline",[163],{"id":164,"title":165,"slug":166},252,"Input tag","input-tag",{"slug":30,"title":29,"logo":32,"categories":168},[],{"uuid":170,"title":171,"description":172,"canonical_path":4,"image":173,"width":159,"height":174,"image_alt":175,"kind":56,"categories":176,"app":178},"2f5cf8ea-9e7c-428f-a641-c83efad5cca1","Email input tags","A dark-themed input area containing three removable email address tags.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Ff6bd0523-8b67-4708-bccf-306091986001.png",288,"Email input tags from Spline",[177],{"id":164,"title":165,"slug":166},{"slug":30,"title":29,"logo":32,"categories":179},[],{"uuid":181,"title":182,"description":183,"canonical_path":4,"image":184,"width":185,"height":186,"image_alt":187,"kind":56,"categories":188,"app":193},"eb55b816-de1f-4da3-8e36-d89f5e068380","Upgrade prompt banner","A dark-themed banner prompting the user to upgrade their plan. It displays current seat usage and a call-to-action button.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Ffb117b54-6b2e-441e-8b57-102c286d78de.png",874,250,"Upgrade prompt banner from Spline",[189],{"id":190,"title":191,"slug":192},255,"Upgrade your plan","upgrade-your-plan",{"slug":30,"title":29,"logo":32,"categories":194},[],{"uuid":196,"title":197,"description":198,"canonical_path":4,"image":199,"width":200,"height":201,"image_alt":202,"kind":56,"categories":203,"app":208},"7b4d79d2-6158-4d95-9ad2-b05fadd919a0","Information tip","An inline informational message with an icon, explaining limitations of a specific export format.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F3f8883a0-524b-40b3-b75a-8b83d45608aa.png",674,219,"Information tip from Spline",[204],{"id":205,"title":206,"slug":207},235,"Tips","tips",{"slug":30,"title":29,"logo":32,"categories":209},[],{"uuid":211,"title":212,"description":213,"canonical_path":4,"image":214,"width":215,"height":216,"image_alt":217,"kind":56,"categories":218,"app":220},"a3303ea7-e0ec-4f45-b83a-53febcae7c3b","Informational Alert","An expanded informational alert box explaining the purpose of Drafts in the export process.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F71852883-9dbe-4dfd-85c9-8799ececdc24.png",700,360,"Informational Alert from Spline",[219],{"id":205,"title":206,"slug":207},{"slug":30,"title":29,"logo":32,"categories":221},[],[],[224,227,230,233,236,239],{"label":225,"to":226},"Spline product screens","\u002Fexamples\u002Fapps\u002Fspline\u002Fscreens",{"label":228,"to":229},"Spline marketing pages","\u002Fexamples\u002Fapps\u002Fspline\u002Fmarketing",{"label":231,"to":232},"Spline user flows","\u002Fexamples\u002Fapps\u002Fspline\u002Fflows",{"label":234,"to":235},"Design app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdesign",{"label":237,"to":238},"Web Development app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fweb-development",{"label":240,"to":241},"Collaboration app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcollaboration",{"published_at":243,"updated_at":244},"2023-03-29T14:39:59.000Z","2026-09-13T13:02:39.000Z"]