AgenceX

AgenceX is an MIT-licensed, single-page landing template for digital marketing agencies, built on Nuxt with UnoCSS and assembled from Unify UI Blocks, with a live preview deployed on Vercel.

What is AgenceX?

AgenceX is a landing page template for a digital marketing agency, built with Nuxt (listed under the nuxt3 topic) and styled through the unocss/nuxt module. It takes a clone of the agence-x-unocss repository as its input and produces a runnable Nuxt application with a landing page, a live preview at agence-x-unocss.vercel.app, and 31 GitHub stars. The template is published by the Unify UI project under the MIT License, with the license file included in the repository.

Key Features

• Nuxt framework — the page runs on Nuxt with the nuxt3 topic, providing file-based routing and a development server on http://localhost:3000.
• UnoCSS styling — the unocss/nuxt module generates on-demand atomic CSS utilities, making this an UnoCSS template rather than a Tailwind CSS one.
• Unify UI Blocks — page sections come from Unify UI Blocks, the prebuilt interface block collection used to assemble the landing page.
• Dark mode support — nuxtjs/color-mode adds light and dark mode switching to the landing page.
• Image optimization — nuxt/image is included for serving and optimizing the page's images.
• Class composition utilities — clsx and tailwind-merge are bundled for constructing and merging CSS class strings in JavaScript.
• MIT License — free to use, modify, and redistribute, including in commercial client projects.

Who is it for?

• Digital agency owners — set up a marketing landing page presenting their services without building a site from scratch.
• Nuxt developers — use the repository as a working example of combining Nuxt with UnoCSS, nuxt/image, and nuxtjs/color-mode.
• Freelancers and small studios — customize the Unify UI block sections, replace the copy, and deploy the production build to Node-compatible hosts like Vercel.

What can you do with AgenceX?

• Agency founders: clone the repository, install dependencies, and run the dev server to get a live agency landing page, then deploy the production build.
• Front-end developers: inspect how clsx and tailwind-merge compose class names alongside UnoCSS utilities in a real Nuxt project.
• Open-source contributors: fork the MIT-licensed repository, modify page sections, and contribute changes back to the unify-ui-dev GitHub organization.

How does AgenceX work?

Clone the repository from github.com/unify-ui-dev/agence-x-unocss, install dependencies with npm, pnpm, yarn, or bun, and start the development server with the dev command. For production, run the build command, then the preview command to check the output locally before deploying; the README links to Nuxt's deployment documentation.

Pricing

Free — AgenceX is published under the MIT License, so the full source is available at no cost for personal and commercial projects.

FAQ

Is AgenceX free?

Yes, AgenceX is open source under the MIT License, so it is free to use in personal and commercial projects. The license file is included in the repository.

What tech stack does AgenceX use?

AgenceX uses Nuxt (nuxt3 topic), the unocss/nuxt module, nuxt/image, nuxtjs/color-mode, clsx, and tailwind-merge. It is an UnoCSS-based template built on Vue's Nuxt framework, not a Tailwind CSS template.

How do I run AgenceX locally?

Run git clone https://github.com/unify-ui-dev/agence-x-unocss.git, then install dependencies with npm, pnpm, yarn, or bun. After that, start the dev server with npm run dev (or the pnpm, yarn, or bun equivalents) and open http://localhost:3000.

Does AgenceX support dark mode?

Yes, the nuxtjs/color-mode module is included, which gives the landing page light and dark mode support with automatic color-mode detection.

What pages are included in AgenceX?

AgenceX is a single-page landing site for a digital agency built from Unify UI Blocks; the repository does not include a blog, dashboard, or documentation pages.