Next Kit is a free Nuxt 3 and Vuetify 3 UI kit from WrapPixel that ships with 17+ ready-made UI blocks and 25 essential UI elements for building websites, landing pages, coming soon pages, and homepages.
What is Next Kit?
Next Kit is a free website template built on Nuxt 3 and Vuetify 3, published by WrapPixel. It provides the project structure and reusable components needed to assemble a marketing site, landing page, coming soon page, or homepage without writing UI code from scratch. The template runs on the Nuxt framework via the standard npm workflow, and the source files include the usual Nuxt directories: assets, components, layouts, pages, plugins, static, and store.
Key Features
- 17+ ready-made UI blocks — Prebuilt UI blocks that can be assembled into websites, landing pages, coming soon pages, and homepages.
- 25 essential UI elements — Reusable Vuetify 3 components for common interface needs such as forms, buttons, cards, and navigation.
- Vuetify 3 framework — Built on Vuetify 3, a responsive Material Design component library for Vue.js, which handles responsiveness and theming.
- SCSS base CSS framework — Styles are written in SCSS, allowing you to customize variables, colors, and spacing from a centralized stylesheet.
- Unlimited Google Web Fonts — Typography is loaded from Google Fonts, letting you change the font family by updating the font configuration.
- Retina-ready templates — The included layouts and components are designed to look sharp on high-DPI screens.
- One-level dropdown menus — The navigation supports single-level dropdowns, which is enough for organizing links without complex mega menus.
- SEO-optimized code — The HTML structure is optimized to support good search engine ranking, as stated by the template documentation.
- Fast performance — Built on Nuxt 3's server-side rendering and static generation, the template produces efficient page loads for production sites.
Who is it for?
- Frontend developers — who want a Nuxt 3 starter with Vuetify components to quickly scaffold a marketing site instead of configuring the stack manually.
- Startups — that need a landing page or coming soon page for a product launch and want a free, code-based starting point.
- Agencies and freelancers — who build client websites and need a set of reusable UI blocks and elements to assemble pages quickly.
- Designers comfortable with code — who want to prototype responsive layouts using Vuetify's Material Design components.
What can you do with Next Kit?
- Build a landing page: assemble the prebuilt UI blocks to create a complete conversion-focused landing page without starting from a blank canvas.
- Create a coming soon page: use the prebuilt coming soon structure and Vuetify elements to launch a teaser site, then extend it later.
- Start a project homepage: combine the essential UI elements to lay out a responsive homepage with dropdown navigation and SCSS-driven styling.
- Generate a static site: run the npm generate command to produce a fully static website that can be hosted on any server or CDN.
How does Next Kit work?
- Install dependencies with
npm install. - Run
npm run devto start a development server with hot reload at localhost:3000. - Build for production with
npm run buildand start withnpm run start. - Generate a static project with
npm run generate.
The page also documents the special-purpose directories (assets, components, layouts, pages, plugins, static, store) that Nuxt uses for file-based routing and configuration.
Pricing
Next Kit is free to download and use. The template is released under the MIT license, and WrapPixel provides paid templates and support for purchasers of its premium products.
Alternatives
- WrapKit Bootstrap — a complete UI kit from WrapPixel that uses the Bootstrap framework instead of Vuetify.
- NextKit – Nextjs Free UI Kit — the Next.js version of this template from the same publisher, for teams working in the React ecosystem.
- WrapKit React Lite UI Kit — a lite UI kit for React projects, also from WrapPixel.
FAQ
Is Next Kit free?
Yes, Next Kit is a free UI kit. It is released under the MIT license, so you can use it for personal and commercial projects without paying a license fee. WrapPixel also sells premium templates with additional features.
What does Next Kit include?
Next Kit includes 17+ ready-made UI blocks, 25 essential UI elements, a Vuetify 3 component library, SCSS base styles, unlimited Google Web Fonts, and the full Nuxt 3 directory structure. It supports one-level dropdown menus and is designed to be retina-ready and SEO-optimized.
How do I install Next Kit?
Download Next Kit from WrapPixel, then run npm install in the project directory. After that, run npm run dev to start the development server at localhost:3000. Use npm run build and npm run start for production, or npm run generate for a static site.
Does Next Kit support SEO?
Yes, the template's code is described as SEO-optimized, and it uses Nuxt 3, which offers server-side rendering and static generation by default. These features help search engines index the content of your website more effectively.
Can I use Next Kit for commercial projects?
Yes, the MIT license allows commercial use. You can build client websites or commercial products with Next Kit without restrictions on the number of projects or end users.
