# Nuxt: The Full-Stack Vue Framework, Landing page

Developer tools · Landing page · Custom code
Live page: https://nuxt.com/modules
On Designly: https://designly.sh/s/nuxt-the-full-stack-vue-framework/modules · JSON: https://designly.sh/s/nuxt-the-full-stack-vue-framework/modules?format=json
Site: [Nuxt: The Full-Stack Vue Framework](https://designly.sh/s/nuxt-the-full-stack-vue-framework?format=md) (https://nuxt.com)
Styles: bold, type-led, geometric, colourful

## Why it works

Large Outfit headlines on a bright lime background give the framework a high-energy, developer-focused presence. Filtering buttons like "Official" and "AI" sit directly under the hero text, allowing users to sort the module library immediately without scrolling.

## Sections, top to bottom

1. [Navigation: "Navigation"](https://designly.sh/s/nuxt-the-full-stack-vue-framework/modules#section-1) (y 0–64px of 4068) · image: https://designly.sh/media/captures/cap_d7d0bafaa48b4d4ebf86ba789d7b88ed/sections/0.webp · id sec_5fa90d377ecd43e1811e6456fcc7f1b0
2. [Hero: "Build faster with 362+ Nuxt Modules"](https://designly.sh/s/nuxt-the-full-stack-vue-framework/modules#section-2) (y 64–794px of 4068) · image: https://designly.sh/media/captures/cap_d7d0bafaa48b4d4ebf86ba789d7b88ed/sections/1.webp · id sec_58ad2d0e17944965bb244c26a90a9c50
3. [Content: "Content"](https://designly.sh/s/nuxt-the-full-stack-vue-framework/modules#section-3) (y 794–3770px of 4068) · image: https://designly.sh/media/captures/cap_d7d0bafaa48b4d4ebf86ba789d7b88ed/sections/2.webp · id sec_d0a7563b6f1a4404816dad59a4301c18
4. [Footer: "Footer"](https://designly.sh/s/nuxt-the-full-stack-vue-framework/modules#section-4) (y 3771–4068px of 4068) · image: https://designly.sh/media/captures/cap_d7d0bafaa48b4d4ebf86ba789d7b88ed/sections/3.webp · id sec_94846f0ccfdc46f6a4e5a6fb9b68654c

## Design tokens

- Colours: #84CC16 (background), #FFFFFF (text), #22C55E (accent), #00DC82 (muted)
- Fonts: Outfit (display), Inter (body)
- Corner radius: 6px
- Spacing: 96px
- Export: https://designly.sh/s/nuxt-the-full-stack-vue-framework/modules?format=tokens.css · https://designly.sh/s/nuxt-the-full-stack-vue-framework/modules?format=tokens.json · https://designly.sh/s/nuxt-the-full-stack-vue-framework/modules?format=tokens.tailwind.css

## Images

- Desktop (1440×4068): https://designly.sh/media/captures/cap_d7d0bafaa48b4d4ebf86ba789d7b88ed/desktop.webp
- Mobile (390×8000): https://designly.sh/media/captures/cap_d7d0bafaa48b4d4ebf86ba789d7b88ed/mobile.webp
- Captured: 2026-10-21

## Other Pages of Nuxt: The Full-Stack Vue Framework

- [Home](https://designly.sh/s/nuxt-the-full-stack-vue-framework?format=md) — /
- [Blog](https://designly.sh/s/nuxt-the-full-stack-vue-framework/blog/v4-6?format=md) — /blog/v4-6
- [Landing page](https://designly.sh/s/nuxt-the-full-stack-vue-framework/docs?format=md) — /docs
- [Landing page](https://designly.sh/s/nuxt-the-full-stack-vue-framework/docs/4.x?format=md) — /docs/4.x
- [Landing page](https://designly.sh/s/nuxt-the-full-stack-vue-framework/showcase?format=md) — /showcase

## Related

- [Nuxt: The Full-Stack Vue Framework, Landing page](https://designly.sh/s/nuxt-the-full-stack-vue-framework/docs/4.x?format=md) — Developer tools · Landing page · Custom code · styles: type-led, minimal, corporate, light · image: https://designly.sh/media/captures/cap_bb2ddaca3a04498693e040f2eb03e94d/desktop.webp
- [Nuxt: The Full-Stack Vue Framework, Landing page](https://designly.sh/s/nuxt-the-full-stack-vue-framework/docs?format=md) — Developer tools · Landing page · Custom code · styles: type-led, minimal, corporate, light · image: https://designly.sh/media/captures/cap_023af5851cb14f1bab7f8d4b1fb1e428/desktop.webp
- [Nuxt: The Full-Stack Vue Framework, Landing page](https://designly.sh/s/nuxt-the-full-stack-vue-framework/showcase?format=md) — Developer tools · Landing page · Custom code · styles: type-led, minimal, corporate, light · image: https://designly.sh/media/captures/cap_b1d6d29cc30c48ab8b6e75391e711035/desktop.webp
- [Laravel, Landing page](https://designly.sh/s/laravel/nightwatch?format=md) — Developer tools · Landing page · Custom code · styles: dark, type-led, corporate, geometric · image: https://designly.sh/media/captures/cap_5e2f41fee6d0477b96c679e4c08574eb/desktop.webp

Credit: every reference is a real business's site. If it shapes your work, link to the business and to its Designly page.