{"slug":"nuxt-the-full-stack-vue-framework-showcase","url":"https://nuxt.com/showcase","path":"/showcase","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_b1d6d29cc30c48ab8b6e75391e711035/desktop.webp","card":"https://designly.sh/media/captures/cap_b1d6d29cc30c48ab8b6e75391e711035/card.webp","mobile":"https://designly.sh/media/captures/cap_b1d6d29cc30c48ab8b6e75391e711035/mobile.webp","desktopWidth":1440,"desktopHeight":3276,"mobileWidth":390,"mobileHeight":5195,"capturedAt":"2026-10-21T20:56:10.383Z"},"publishedAt":"2026-10-21T22:33:37.666Z","description":"Large Outfit headlines on a white background establish authority, while bright teal accents provide a technical edge. High-contrast brand logos are organized in a dense grid, placing social proof immediately below key growth metrics like monthly downloads and GitHub stars.","sections":[{"id":"sec_490ce5a87e384dd8beb4f02247708b6b","position":0,"label":"Navigation","type":{"slug":"nav","name":"Navigation"},"topPx":0,"heightPx":64,"image":"https://designly.sh/media/captures/cap_b1d6d29cc30c48ab8b6e75391e711035/sections/0.webp"},{"id":"sec_c0583372b1eb4c9ab1d411d739e24267","position":1,"label":"Trusted by brands you already know","type":{"slug":"hero","name":"Hero"},"topPx":64,"heightPx":442,"image":"https://designly.sh/media/captures/cap_b1d6d29cc30c48ab8b6e75391e711035/sections/1.webp"},{"id":"sec_f0ee715766f64a1f82ab105de197b16d","position":2,"label":"Some of the teams shipping with Nuxt","type":{"slug":"cta","name":"Call to action"},"topPx":554,"heightPx":72,"image":"https://designly.sh/media/captures/cap_b1d6d29cc30c48ab8b6e75391e711035/sections/2.webp"},{"id":"sec_42c7b2cb5c6b4f818adff67649fa85e2","position":3,"label":"Content","type":{"slug":"content","name":"Content"},"topPx":642,"heightPx":2240,"image":"https://designly.sh/media/captures/cap_b1d6d29cc30c48ab8b6e75391e711035/sections/3.webp"},{"id":"sec_6e761f2ebbbc44e4bddc14330f3a1864","position":4,"label":"Footer","type":{"slug":"footer","name":"Footer"},"topPx":2979,"heightPx":297,"image":"https://designly.sh/media/captures/cap_b1d6d29cc30c48ab8b6e75391e711035/sections/4.webp"}],"tokens":{"colors":[{"hex":"#FFFFFF","role":"background"},{"hex":"#00DC82","role":"muted"}],"fonts":[{"family":"Outfit","role":"display"},{"family":"Inter","role":"body"}],"radius":"9999px","spacing":"80px"},"maker":null,"history":[{"capturedAt":"2026-10-21T20:56:10.383Z","desktop":"https://designly.sh/media/captures/cap_b1d6d29cc30c48ab8b6e75391e711035/desktop.webp"}],"related":[{"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-modules","url":"https://nuxt.com/modules","path":"/modules","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":["bold","type-led","geometric","colourful"],"capture":{"desktop":"https://designly.sh/media/captures/cap_d7d0bafaa48b4d4ebf86ba789d7b88ed/desktop.webp","card":"https://designly.sh/media/captures/cap_d7d0bafaa48b4d4ebf86ba789d7b88ed/card.webp","mobile":"https://designly.sh/media/captures/cap_d7d0bafaa48b4d4ebf86ba789d7b88ed/mobile.webp","desktopWidth":1440,"desktopHeight":4068,"mobileWidth":390,"mobileHeight":8000,"capturedAt":"2026-10-21T20:55:11.203Z"},"publishedAt":"2026-10-21T22:33:52.833Z"},{"slug":"laravel-nightwatch","url":"https://laravel.com/nightwatch","path":"/nightwatch","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":"landing","name":"Landing page"},"styles":["dark","type-led","corporate","geometric"],"capture":{"desktop":"https://designly.sh/media/captures/cap_5e2f41fee6d0477b96c679e4c08574eb/desktop.webp","card":"https://designly.sh/media/captures/cap_5e2f41fee6d0477b96c679e4c08574eb/card.webp","mobile":"https://designly.sh/media/captures/cap_5e2f41fee6d0477b96c679e4c08574eb/mobile.webp","desktopWidth":1440,"desktopHeight":11549,"mobileWidth":390,"mobileHeight":8000,"capturedAt":"2026-10-20T00:39:57.068Z"},"publishedAt":"2026-10-20T01:14:32.717Z"}],"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/showcase"}