[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Flottie\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":189,"links":190,"dates":203},"\u002Fexamples\u002Fapps\u002Flottie\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Lottie UI components examples - Nicelydone","Browse Lottie UI component design examples. Preview individual interface elements and explore related component categories. Great designs come alive with motion","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F37c833b3-4a49-403d-abe7-ef3743d80abc.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},"Lottie design examples","\u002Fexamples\u002Fapps\u002Flottie",{"label":23,"to":4},"Lottie 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},"Lottie","lottie","Great designs come alive with motion","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Flottie-f67ad478.png","https:\u002F\u002Flottiefiles.com\u002F","lottiefiles",[36],{"id":37,"title":38,"slug":39},8,"Design","design",[41,56,69,79,92,105,118,128,137,150,163,176],{"uuid":42,"title":43,"description":44,"canonical_path":4,"image":11,"width":45,"height":46,"image_alt":47,"kind":48,"categories":49,"app":54},"db1125f3-fe73-4a7d-8c8c-c025e79cf733","Lottie UI component","A toggle switch to enable sharing link",939,200,"UI component from Lottie","component",[50],{"id":51,"title":52,"slug":53},236,"Toggle\u002FSwitch","toggle-switch",{"slug":30,"title":29,"logo":32,"categories":55},[],{"uuid":57,"title":43,"description":58,"canonical_path":4,"image":59,"width":60,"height":61,"image_alt":47,"kind":48,"categories":62,"app":67},"369f0dc8-720c-4537-9537-89858b57f1a6","A modal for selecting a background color.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F36d0196b-ad62-4f88-81f9-635870d6d62c.png",734,1006,[63],{"id":64,"title":65,"slug":66},183,"Color picker","color-picker",{"slug":30,"title":29,"logo":32,"categories":68},[],{"uuid":70,"title":43,"description":71,"canonical_path":4,"image":72,"width":73,"height":74,"image_alt":47,"kind":48,"categories":75,"app":77},"d73296e7-b4a1-4b91-9d07-fed8edff8f31","A color picker modal with a color palette.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F73b95d63-93c7-430d-898d-8d68b2614371.png",1340,1084,[76],{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":78},[],{"uuid":80,"title":43,"description":81,"canonical_path":4,"image":82,"width":83,"height":84,"image_alt":47,"kind":48,"categories":85,"app":90},"9b28af5d-321a-4bca-8221-7f99351a18aa","A vertical toolbar with various icons and controls.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Feb31ad93-b211-48de-b5fe-c25b05063fcb.png",212,1606,[86],{"id":87,"title":88,"slug":89},246,"Toolbox","toolbox",{"slug":30,"title":29,"logo":32,"categories":91},[],{"uuid":93,"title":43,"description":94,"canonical_path":4,"image":95,"width":96,"height":97,"image_alt":47,"kind":48,"categories":98,"app":103},"7cb5c9e7-2cd8-4ac2-bbf3-c53c5149bbbc","This is a header of a web application.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F1c4b2813-e373-466a-a1af-96110fc40dbb.png",3024,130,[99],{"id":100,"title":101,"slug":102},240,"Horizontal navigation","horizontal-navigation",{"slug":30,"title":29,"logo":32,"categories":104},[],{"uuid":106,"title":43,"description":107,"canonical_path":4,"image":108,"width":109,"height":110,"image_alt":47,"kind":48,"categories":111,"app":116},"500b8470-db06-4453-9a29-02b054386015","A sidebar navigation with icons","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F931b4403-02cc-4d56-af9d-11355d9cc20d.png",192,1840,[112],{"id":113,"title":114,"slug":115},209,"Vertical navigation","vertical-navigation",{"slug":30,"title":29,"logo":32,"categories":117},[],{"uuid":119,"title":43,"description":120,"canonical_path":4,"image":121,"width":122,"height":123,"image_alt":47,"kind":48,"categories":124,"app":126},"7e752db9-2546-4fc0-8c75-17c851458d51","A modal for selecting color palettes.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F7506e6e0-55a3-4c8e-8db0-6408dbfea81d.png",718,1590,[125],{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":127},[],{"uuid":129,"title":43,"description":130,"canonical_path":4,"image":131,"width":96,"height":132,"image_alt":47,"kind":48,"categories":133,"app":135},"089fe34a-fd34-457a-8fc5-9514e59305b6","A timeline interface for animation or video editing.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F87bdb2f9-960a-447c-b9a4-b34534101539.png",600,[134],{"id":87,"title":88,"slug":89},{"slug":30,"title":29,"logo":32,"categories":136},[],{"uuid":138,"title":43,"description":139,"canonical_path":4,"image":140,"width":141,"height":142,"image_alt":47,"kind":48,"categories":143,"app":148},"0ed0c6d0-bdf6-4a30-9ba5-5639f7baf6b5","A modal showing file upload progress.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fa6252aa7-5d1c-4608-b3e2-bcd689aa189b.png",564,280,[144],{"id":145,"title":146,"slug":147},213,"Progress indicator","progress-indicator",{"slug":30,"title":29,"logo":32,"categories":149},[],{"uuid":151,"title":43,"description":152,"canonical_path":4,"image":153,"width":154,"height":155,"image_alt":47,"kind":48,"categories":156,"app":161},"d6ae4fa5-2daf-418b-a7b2-21aa5e4f1408","A modal for motion animation with a chat interface.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F48b16a71-b73f-4661-aa50-ecb272cf88b2.png",684,1438,[157],{"id":158,"title":159,"slug":160},239,"Walkthrough","walkthrough",{"slug":30,"title":29,"logo":32,"categories":162},[],{"uuid":164,"title":43,"description":165,"canonical_path":4,"image":166,"width":167,"height":168,"image_alt":47,"kind":48,"categories":169,"app":174},"0bb41376-476f-40f6-be0e-2ec6d1ac3d01","A modal for motion animation prompts.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fa19dfabf-d246-40b5-bcd3-ebc050d322c5.png",707,1426,[170],{"id":171,"title":172,"slug":173},294,"Artificial intelligence","ai",{"slug":30,"title":29,"logo":32,"categories":175},[],{"uuid":177,"title":43,"description":178,"canonical_path":4,"image":179,"width":180,"height":181,"image_alt":47,"kind":48,"categories":182,"app":187},"9d3605f1-6643-42db-83d7-1c032e7fa4dc","A modal for uploading assets.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F17f054ca-b367-4e88-936d-4745581f9cf6.png",1212,1029,[183],{"id":184,"title":185,"slug":186},188,"File upload input","file-upload-input",{"slug":30,"title":29,"logo":32,"categories":188},[],[],[191,194,197,200],{"label":192,"to":193},"Lottie product screens","\u002Fexamples\u002Fapps\u002Flottie\u002Fscreens",{"label":195,"to":196},"Lottie marketing pages","\u002Fexamples\u002Fapps\u002Flottie\u002Fmarketing",{"label":198,"to":199},"Lottie user flows","\u002Fexamples\u002Fapps\u002Flottie\u002Fflows",{"label":201,"to":202},"Design app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdesign",{"published_at":204,"updated_at":205},"2024-07-21T12:44:04.000Z","2026-09-13T13:02:39.000Z"]