{"slug":"nuxt-the-full-stack-vue-framework","url":"https://nuxt.com/","path":"/","site":{"slug":"nuxt-the-full-stack-vue-framework","name":"Nuxt: The Full-Stack Vue Framework","url":"https://nuxt.com","domain":"nuxt.com","platform":"Custom code","location":null},"industry":{"slug":"developer-tools","name":"Developer tools","group":"tech"},"pageType":{"slug":"home","name":"Home"},"styles":["dark","type-led","geometric","corporate"],"capture":{"desktop":"https://designly.sh/media/captures/cap_a880e926aa9b4472aaa9052e7479cefe/desktop.webp","card":"https://designly.sh/media/captures/cap_a880e926aa9b4472aaa9052e7479cefe/card.webp","mobile":"https://designly.sh/media/captures/cap_a880e926aa9b4472aaa9052e7479cefe/mobile.webp","desktopWidth":1440,"desktopHeight":8176,"mobileWidth":390,"mobileHeight":8000,"capturedAt":"2026-10-21T20:53:34.966Z"},"publishedAt":"2026-10-21T22:34:28.500Z","description":"Large Outfit type on a dark background establishes a technical authority, while bright teal and soft pink accents highlight interactive code elements and buttons. A grid of feature cards with 6px corners organizes complex documentation into digestible blocks, placing technical capabilities immediately below the hero.","sections":[{"id":"sec_4a2d18b7323f485783e3546c02e64b75","position":0,"label":"Navigation","type":{"slug":"nav","name":"Navigation"},"topPx":0,"heightPx":64,"image":"https://designly.sh/media/captures/cap_a880e926aa9b4472aaa9052e7479cefe/sections/0.webp"},{"id":"sec_e0ec918898eb41acb5d39fbba4b2dd7b","position":1,"label":"The Full-Stack Vue Framework","type":{"slug":"hero","name":"Hero"},"topPx":64,"heightPx":780,"image":"https://designly.sh/media/captures/cap_a880e926aa9b4472aaa9052e7479cefe/sections/1.webp"},{"id":"sec_79765fc1fca7465daf831267e4eccb9f","position":2,"label":"Chosen by leading companies worldwide","type":{"slug":"content","name":"Content"},"topPx":844,"heightPx":200,"image":"https://designly.sh/media/captures/cap_a880e926aa9b4472aaa9052e7479cefe/sections/2.webp"},{"id":"sec_d24ac30c7c28442cbd989c1d3d7d7928","position":3,"label":"Everything you need, nothing you don't","type":{"slug":"features","name":"Features"},"topPx":1044,"heightPx":838,"image":"https://designly.sh/media/captures/cap_a880e926aa9b4472aaa9052e7479cefe/sections/3.webp"},{"id":"sec_38f93c0963544425a22eeeef0830dc5e","position":4,"label":"Content","type":{"slug":"content","name":"Content"},"topPx":1882,"heightPx":220,"image":"https://designly.sh/media/captures/cap_a880e926aa9b4472aaa9052e7479cefe/sections/4.webp"},{"id":"sec_fd133b3fa99749d5bbf4c59bbc353b15","position":5,"label":"Built on proven tools","type":{"slug":"content","name":"Content"},"topPx":2102,"heightPx":649,"image":"https://designly.sh/media/captures/cap_a880e926aa9b4472aaa9052e7479cefe/sections/5.webp"},{"id":"sec_42310463bd674d949c6eae0439e03295","position":6,"label":"Trusted by developers worldwide","type":{"slug":"logos","name":"Logos"},"topPx":2750,"heightPx":629,"image":"https://designly.sh/media/captures/cap_a880e926aa9b4472aaa9052e7479cefe/sections/6.webp"},{"id":"sec_93837a92093e404d83e08bca06a12f1b","position":7,"label":"Extend Nuxt with plug & play modules","type":{"slug":"content","name":"Content"},"topPx":3379,"heightPx":740,"image":"https://designly.sh/media/captures/cap_a880e926aa9b4472aaa9052e7479cefe/sections/7.webp"},{"id":"sec_32e34506bbde4e53a397e1c88d2d42af","position":8,"label":"Deploy anywhere","type":{"slug":"content","name":"Content"},"topPx":4119,"heightPx":696,"image":"https://designly.sh/media/captures/cap_a880e926aa9b4472aaa9052e7479cefe/sections/8.webp"},{"id":"sec_22b8d53e6bf447f29c7ffa2da96e5858","position":9,"label":"Built by developers around the world","type":{"slug":"content","name":"Content"},"topPx":4815,"heightPx":705,"image":"https://designly.sh/media/captures/cap_a880e926aa9b4472aaa9052e7479cefe/sections/9.webp"},{"id":"sec_e749ca1c240e492a886e87315c9d8616","position":10,"label":"Real-world Web Applications built with Nuxt","type":{"slug":"gallery","name":"Gallery"},"topPx":5520,"heightPx":969,"image":"https://designly.sh/media/captures/cap_a880e926aa9b4472aaa9052e7479cefe/sections/10.webp"},{"id":"sec_cc0a064056c7425a9ba94003e5cacc73","position":11,"label":"Sponsors","type":{"slug":"content","name":"Content"},"topPx":6570,"heightPx":1228,"image":"https://designly.sh/media/captures/cap_a880e926aa9b4472aaa9052e7479cefe/sections/11.webp"},{"id":"sec_ea650dc730734e929e3e28df3aa11e77","position":12,"label":"Footer","type":{"slug":"footer","name":"Footer"},"topPx":7879,"heightPx":297,"image":"https://designly.sh/media/captures/cap_a880e926aa9b4472aaa9052e7479cefe/sections/12.webp"}],"tokens":{"colors":[{"hex":"#FFFFFF","role":"background"},{"hex":"#FB848E","role":"accent"},{"hex":"#00DC82","role":"surface"},{"hex":"#F07178","role":"muted"},{"hex":"#22C55E","role":"surface"}],"fonts":[{"family":"Outfit","role":"display"},{"family":"Inter","role":"body"}],"radius":"6px","spacing":"128px"},"maker":null,"history":[{"capturedAt":"2026-10-21T20:53:34.966Z","desktop":"https://designly.sh/media/captures/cap_a880e926aa9b4472aaa9052e7479cefe/desktop.webp"}],"related":[{"slug":"laravel","url":"https://laravel.com/","path":"/","site":{"slug":"laravel","name":"Laravel","url":"https://laravel.com","domain":"laravel.com","platform":"Custom code","location":null},"industry":{"slug":"developer-tools","name":"Developer tools","group":"tech"},"pageType":{"slug":"home","name":"Home"},"styles":["type-led","minimal","corporate","geometric"],"capture":{"desktop":"https://designly.sh/media/captures/cap_b506e2205795428eb7f7a65eb71b4041/desktop.webp","card":"https://designly.sh/media/captures/cap_b506e2205795428eb7f7a65eb71b4041/card.webp","mobile":"https://designly.sh/media/captures/cap_b506e2205795428eb7f7a65eb71b4041/mobile.webp","desktopWidth":1440,"desktopHeight":6282,"mobileWidth":390,"mobileHeight":8000,"capturedAt":"2026-10-20T00:42:15.044Z"},"publishedAt":"2026-10-19T23:28:20.609Z"},{"slug":"nuxt-the-full-stack-vue-framework-docs-4-x","url":"https://nuxt.com/docs/4.x","path":"/docs/4.x","site":{"slug":"nuxt-the-full-stack-vue-framework","name":"Nuxt: The Full-Stack Vue Framework","url":"https://nuxt.com","domain":"nuxt.com","platform":"Custom code","location":null},"industry":{"slug":"developer-tools","name":"Developer tools","group":"tech"},"pageType":{"slug":"landing","name":"Landing page"},"styles":["type-led","minimal","corporate","light"],"capture":{"desktop":"https://designly.sh/media/captures/cap_bb2ddaca3a04498693e040f2eb03e94d/desktop.webp","card":"https://designly.sh/media/captures/cap_bb2ddaca3a04498693e040f2eb03e94d/card.webp","mobile":"https://designly.sh/media/captures/cap_bb2ddaca3a04498693e040f2eb03e94d/mobile.webp","desktopWidth":1440,"desktopHeight":4072,"mobileWidth":390,"mobileHeight":6497,"capturedAt":"2026-10-21T20:54:12.414Z"},"publishedAt":"2026-10-21T22:34:34.219Z"},{"slug":"nuxt-the-full-stack-vue-framework-docs","url":"https://nuxt.com/docs","path":"/docs","site":{"slug":"nuxt-the-full-stack-vue-framework","name":"Nuxt: The Full-Stack Vue Framework","url":"https://nuxt.com","domain":"nuxt.com","platform":"Custom code","location":null},"industry":{"slug":"developer-tools","name":"Developer tools","group":"tech"},"pageType":{"slug":"landing","name":"Landing page"},"styles":["type-led","minimal","corporate","light"],"capture":{"desktop":"https://designly.sh/media/captures/cap_023af5851cb14f1bab7f8d4b1fb1e428/desktop.webp","card":"https://designly.sh/media/captures/cap_023af5851cb14f1bab7f8d4b1fb1e428/card.webp","mobile":"https://designly.sh/media/captures/cap_023af5851cb14f1bab7f8d4b1fb1e428/mobile.webp","desktopWidth":1440,"desktopHeight":4072,"mobileWidth":390,"mobileHeight":6497,"capturedAt":"2026-10-21T20:57:43.530Z"},"publishedAt":"2026-10-21T22:34:32.672Z"},{"slug":"nuxt-the-full-stack-vue-framework-blog-v4-6","url":"https://nuxt.com/blog/v4-6","path":"/blog/v4-6","site":{"slug":"nuxt-the-full-stack-vue-framework","name":"Nuxt: The Full-Stack Vue Framework","url":"https://nuxt.com","domain":"nuxt.com","platform":"Custom code","location":null},"industry":{"slug":"developer-tools","name":"Developer tools","group":"tech"},"pageType":{"slug":"blog","name":"Blog"},"styles":["type-led","light","geometric","minimal"],"capture":{"desktop":"https://designly.sh/media/captures/cap_57287da592104c749bcef32c2bb1cd9f/desktop.webp","card":"https://designly.sh/media/captures/cap_57287da592104c749bcef32c2bb1cd9f/card.webp","mobile":"https://designly.sh/media/captures/cap_57287da592104c749bcef32c2bb1cd9f/mobile.webp","desktopWidth":1440,"desktopHeight":16000,"mobileWidth":390,"mobileHeight":8000,"capturedAt":"2026-10-21T20:57:05.451Z"},"publishedAt":"2026-10-21T22:34:31.224Z"}],"sitePages":[{"slug":"nuxt-the-full-stack-vue-framework","path":"/","pageType":{"slug":"home","name":"Home"},"card":"https://designly.sh/media/captures/cap_a880e926aa9b4472aaa9052e7479cefe/card.webp","designlyUrl":"https://designly.sh/s/nuxt-the-full-stack-vue-framework"},{"slug":"nuxt-the-full-stack-vue-framework-blog-v4-6","path":"/blog/v4-6","pageType":{"slug":"blog","name":"Blog"},"card":"https://designly.sh/media/captures/cap_57287da592104c749bcef32c2bb1cd9f/card.webp","designlyUrl":"https://designly.sh/s/nuxt-the-full-stack-vue-framework/blog/v4-6"},{"slug":"nuxt-the-full-stack-vue-framework-docs","path":"/docs","pageType":{"slug":"landing","name":"Landing page"},"card":"https://designly.sh/media/captures/cap_023af5851cb14f1bab7f8d4b1fb1e428/card.webp","designlyUrl":"https://designly.sh/s/nuxt-the-full-stack-vue-framework/docs"},{"slug":"nuxt-the-full-stack-vue-framework-docs-4-x","path":"/docs/4.x","pageType":{"slug":"landing","name":"Landing page"},"card":"https://designly.sh/media/captures/cap_bb2ddaca3a04498693e040f2eb03e94d/card.webp","designlyUrl":"https://designly.sh/s/nuxt-the-full-stack-vue-framework/docs/4.x"},{"slug":"nuxt-the-full-stack-vue-framework-modules","path":"/modules","pageType":{"slug":"landing","name":"Landing page"},"card":"https://designly.sh/media/captures/cap_d7d0bafaa48b4d4ebf86ba789d7b88ed/card.webp","designlyUrl":"https://designly.sh/s/nuxt-the-full-stack-vue-framework/modules"},{"slug":"nuxt-the-full-stack-vue-framework-showcase","path":"/showcase","pageType":{"slug":"landing","name":"Landing page"},"card":"https://designly.sh/media/captures/cap_b1d6d29cc30c48ab8b6e75391e711035/card.webp","designlyUrl":"https://designly.sh/s/nuxt-the-full-stack-vue-framework/showcase"}],"designlyUrl":"https://designly.sh/s/nuxt-the-full-stack-vue-framework"}