# Nuxt, Product

Developer tools · Product · Custom code
Live page: https://nuxt.com/modules
On Designly: https://designly.sh/s/nuxt/modules · JSON: https://designly.sh/s/nuxt/modules?format=json
Site: [Nuxt](https://designly.sh/s/nuxt?format=md) (https://nuxt.com)
Styles: bold, type-led, geometric, colourful

## Why it works

Large Outfit headlines set against a bright lime background give this developer tool a high-energy, standout presence. Functional buttons like "Official" and "AI" use a muted teal to categorize the module grid, allowing users to filter the large library without losing focus on the content.

## Sections, top to bottom

1. [Navigation: "Navigation"](https://designly.sh/s/nuxt/modules#section-1) (y 0–64px of 5462) · image: https://designly.sh/media/captures/cap_f03681014613499a8596405057b642c4/sections/0.webp · id sec_b8e5f8abc3b74bf5bbc58c5f2aeca940
2. [Hero: "Build faster with 366+ Nuxt Modules"](https://designly.sh/s/nuxt/modules#section-2) (y 64–794px of 5462) · image: https://designly.sh/media/captures/cap_f03681014613499a8596405057b642c4/sections/1.webp · id sec_551826633cb34bf08d8d9fb3289a36c7
3. [Content: "Content"](https://designly.sh/s/nuxt/modules#section-3) (y 794–5164px of 5462) · image: https://designly.sh/media/captures/cap_f03681014613499a8596405057b642c4/sections/2.webp · id sec_dbb028d031f54be89fdf9878546dd29c
4. [Footer: "Footer"](https://designly.sh/s/nuxt/modules#section-4) (y 5165–5462px of 5462) · image: https://designly.sh/media/captures/cap_f03681014613499a8596405057b642c4/sections/3.webp · id sec_eaa08532aa55418fb0cd4fea77104b82

## 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/modules?format=tokens.css · https://designly.sh/s/nuxt/modules?format=tokens.json · https://designly.sh/s/nuxt/modules?format=tokens.tailwind.css

## Images

- Desktop (1440×5462): https://designly.sh/media/captures/cap_f03681014613499a8596405057b642c4/desktop.webp
- Mobile (390×8000): https://designly.sh/media/captures/cap_f03681014613499a8596405057b642c4/mobile.webp
- Captured: 2026-10-24

## Other Pages of Nuxt

- [Home](https://designly.sh/s/nuxt?format=md) — /
- [Services](https://designly.sh/s/nuxt/enterprise/agencies?format=md) — /enterprise/agencies
- [Gallery](https://designly.sh/s/nuxt/templates?format=md) — /templates
- [Blog](https://designly.sh/s/nuxt/updates?format=md) — /updates

## Related

- [Railway, Product](https://designly.sh/s/railway/features?format=md) — Developer tools · Product · Custom code · San Francisco, USA · styles: dark, type-led, corporate, geometric · image: https://designly.sh/media/captures/cap_0396adf79d2841bc9b0146a65f284a39/desktop.webp
- [Laravel, Product](https://designly.sh/s/laravel/nightwatch?format=md) — Developer tools · Product · Custom code · Little Rock, USA · styles: dark, type-led, corporate, geometric · image: https://designly.sh/media/captures/cap_06d320de375b41af81069aef85680dd7/desktop.webp
- [Laravel, Product](https://designly.sh/s/laravel/cloud?format=md) — Developer tools · Product · Custom code · Little Rock, USA · styles: type-led, corporate, light, geometric · image: https://designly.sh/media/captures/cap_a4ec5a23bf424e98b19dd076a6d9b426/desktop.webp
- [Stripe, Product](https://designly.sh/s/stripe/payments?format=md) — Fintech · Product · Custom code · South San Francisco, USA · styles: developer-centric, corporate, dense, photo-led, minimal · image: https://designly.sh/media/captures/cap_7e84371876f44b14a6db93e1d857214c/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.