[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fliteral\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":196,"links":197,"dates":216},"\u002Fexamples\u002Fapps\u002Fliteral\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Literal UI components examples - Nicelydone","Browse Literal UI component design examples. Preview individual interface elements and explore related component categories. Discover, organise & discuss books","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Ff78e9b70-72bd-462c-bc59-dcdd21b8b74c.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},"Literal design examples","\u002Fexamples\u002Fapps\u002Fliteral",{"label":23,"to":4},"Literal 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},"Literal","literal","Discover, organise & discuss books","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fliteral-eae13629.png","https:\u002F\u002Fliteral.club","literalclub",[36,40,44],{"id":37,"title":38,"slug":39},1,"Communities","communities",{"id":41,"title":42,"slug":43},65,"Social Bookmarking","social-bookmarking",{"id":45,"title":46,"slug":47},66,"Reading apps","reading-apps",[49,64,77,90,98,111,121,131,144,157,170,183],{"uuid":50,"title":51,"description":52,"canonical_path":4,"image":11,"width":53,"height":54,"image_alt":55,"kind":56,"categories":57,"app":62},"5e1b64a6-de6b-46aa-856a-2a1555aa5c37","Literal UI component","User profile dropdown menu",904,1167,"UI component from Literal","component",[58],{"id":59,"title":60,"slug":61},190,"Dropdown menu","dropdown-menu",{"slug":30,"title":29,"logo":32,"categories":63},[],{"uuid":65,"title":51,"description":66,"canonical_path":4,"image":67,"width":68,"height":69,"image_alt":55,"kind":56,"categories":70,"app":75},"9981d0dc-fa24-4643-a143-23390e15720d","A modal with sorting options.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F9747e549-e64b-44d0-a643-1dab552732e4.png",742,642,[71],{"id":72,"title":73,"slug":74},225,"Sorting & filtering","sorting-filtering",{"slug":30,"title":29,"logo":32,"categories":76},[],{"uuid":78,"title":51,"description":79,"canonical_path":4,"image":80,"width":81,"height":82,"image_alt":55,"kind":56,"categories":83,"app":88},"f772fc77-09ad-4980-ae7c-20bd0389910f","A user review card with a star rating and a user avatar.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F0e8c5521-9923-44cc-a698-cf6c1a455bc6.png",1456,408,[84],{"id":85,"title":86,"slug":87},215,"Rating","rating",{"slug":30,"title":29,"logo":32,"categories":89},[],{"uuid":91,"title":51,"description":92,"canonical_path":4,"image":93,"width":81,"height":82,"image_alt":55,"kind":56,"categories":94,"app":96},"8413429d-62e8-44f4-9e12-7d1bcb5368ee","A rating component with stars and a user avatar.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F09fd731c-32be-4731-b16a-660d7f3589d3.png",[95],{"id":85,"title":86,"slug":87},{"slug":30,"title":29,"logo":32,"categories":97},[],{"uuid":99,"title":51,"description":100,"canonical_path":4,"image":101,"width":102,"height":103,"image_alt":55,"kind":56,"categories":104,"app":109},"59292e84-35bf-4ce0-9339-f42086d5a7bf","A modal for notification settings","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fe624ebce-48e6-482c-b086-b54a5e7f87ba.png",605,234,[105],{"id":106,"title":107,"slug":108},179,"Checkbox & radio","checkbox-radio",{"slug":30,"title":29,"logo":32,"categories":110},[],{"uuid":112,"title":51,"description":113,"canonical_path":4,"image":114,"width":115,"height":116,"image_alt":55,"kind":56,"categories":117,"app":119},"f577f9a3-b2b0-4aae-b48d-ae5d6753b3ce","A dropdown menu with book reading status options.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fe39e52f7-a367-4169-9be2-4e7f9f4c1176.png",1406,1250,[118],{"id":59,"title":60,"slug":61},{"slug":30,"title":29,"logo":32,"categories":120},[],{"uuid":122,"title":51,"description":123,"canonical_path":4,"image":124,"width":125,"height":126,"image_alt":55,"kind":56,"categories":127,"app":129},"c7d57cee-6ed3-4062-8859-aee05e9a2fda","This is a modal with a list of actions related to a book.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F6aa71c61-cea8-42b2-85e6-312b354c4afa.png",1432,1233,[128],{"id":59,"title":60,"slug":61},{"slug":30,"title":29,"logo":32,"categories":130},[],{"uuid":132,"title":51,"description":133,"canonical_path":4,"image":134,"width":135,"height":136,"image_alt":55,"kind":56,"categories":137,"app":142},"28c07707-b0e5-478a-aa45-810845caf1e0","A circular progress indicator showing the number of books read out of a goal.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F6a98eacb-6077-4636-b768-9e75e906f6a4.png",839,399,[138],{"id":139,"title":140,"slug":141},213,"Progress indicator","progress-indicator",{"slug":30,"title":29,"logo":32,"categories":143},[],{"uuid":145,"title":51,"description":146,"canonical_path":4,"image":147,"width":148,"height":149,"image_alt":55,"kind":56,"categories":150,"app":155},"1a658e17-5fe1-450c-aec7-fbdd81153d6a","A modal with a date picker and a toggle.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Faea20015-88bd-4104-b18e-8ceded4e3f92.png",1502,1117,[151],{"id":152,"title":153,"slug":154},184,"Datepicker","datepicker",{"slug":30,"title":29,"logo":32,"categories":156},[],{"uuid":158,"title":51,"description":159,"canonical_path":4,"image":160,"width":161,"height":162,"image_alt":55,"kind":56,"categories":163,"app":168},"c9b6f943-143f-4a3d-9d42-b71cec123903","A toggle switch with descriptive text.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fa46f7762-dbf5-4ba5-b553-dcfa11c5a7aa.png",1472,441,[164],{"id":165,"title":166,"slug":167},236,"Toggle\u002FSwitch","toggle-switch",{"slug":30,"title":29,"logo":32,"categories":169},[],{"uuid":171,"title":51,"description":172,"canonical_path":4,"image":173,"width":174,"height":175,"image_alt":55,"kind":56,"categories":176,"app":181},"a19d2319-e470-4f5d-a122-941d5309a874","A date range picker","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F765c4f9f-2fe5-4782-844c-3dbdb9444f75.png",1474,459,[177],{"id":178,"title":179,"slug":180},199,"Input date","input-date",{"slug":30,"title":29,"logo":32,"categories":182},[],{"uuid":184,"title":51,"description":185,"canonical_path":4,"image":186,"width":187,"height":188,"image_alt":55,"kind":56,"categories":189,"app":194},"9ce300a4-977d-4f0c-bada-809777e34fec","A simple header with a search bar and navigation links.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F1ba5d733-bd5e-4231-a1c3-ee5e17a7b5a3.png",3024,162,[190],{"id":191,"title":192,"slug":193},240,"Horizontal navigation","horizontal-navigation",{"slug":30,"title":29,"logo":32,"categories":195},[],[],[198,201,204,207,210,213],{"label":199,"to":200},"Literal product screens","\u002Fexamples\u002Fapps\u002Fliteral\u002Fscreens",{"label":202,"to":203},"Literal marketing pages","\u002Fexamples\u002Fapps\u002Fliteral\u002Fmarketing",{"label":205,"to":206},"Literal user flows","\u002Fexamples\u002Fapps\u002Fliteral\u002Fflows",{"label":208,"to":209},"Communities app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcommunities",{"label":211,"to":212},"Social Bookmarking app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fsocial-bookmarking",{"label":214,"to":215},"Reading apps app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Freading-apps",{"published_at":217,"updated_at":218},"2023-07-17T10:39:54.000Z","2026-09-13T13:02:39.000Z"]