Dark is a GitHub repository template that pre-configures a Nuxt.js and Chakra UI Vue application with a dark theme as the default, so you can start building with one yarn install.
What is Dark?
Dark is an opinionated, dark-themed GitHub repository template for Nuxt.js and Chakra UI Vue. It scaffolds a new project with a dark mode design system already enabled, along with ESLint, Husky, Jest, and Vue Test Utils configured. The template is published on GitHub by codebender828 and can be turned into a new repository via the "Use this template" button.
What makes Dark stand out?
- Opinionated dark theme — The template ships with Chakra UI Vue's dark theme set as the default, so a dark interface is the starting point rather than a later toggle.
- Nuxt.js and Chakra UI Vue — It combines the Nuxt.js framework with the Chakra UI Vue component library, giving access to both ecosystems out of the box.
- Testing setup — Jest and Vue Test Utils are preconfigured for unit testing Vue components.
- Linting and quality — ESLint is included to enforce code style, and Husky adds Git hooks for pre-commit checks.
- Minimal configuration — The template stays close to community defaults, so there is little to unlearn or strip out.
- One-command install — Running
yarn installafter cloning pulls all dependencies and the project is ready to develop. - MIT license — The template is free to reuse, modify, and redistribute under the MIT open-source license.
Who is it for?
- Vue developers who want a tested, dark-themed starting point for Nuxt.js apps without manually wiring up Chakra UI.
- Open-source maintainers looking for a template to generate repositories with a consistent dark UI and predefined tooling.
- Front-end teams that need ESLint, Husky, and Jest already integrated so every new project starts with the same quality gates.
What can you do with Dark?
- Start a Nuxt.js project: Generate a new repository from the template, clone it, run
yarn install, and begin developing with a dark Chakra UI interface already active. - Create a design-system base: Use Chakra UI Vue's theming to customize colors and components, with the dark theme as the foundation.
- Standardize a Vue toolchain: Carry the ESLint, Husky, Jest, and Vue Test Utils setup into any team project to enforce consistent code quality.
- Learn from an opinionated stack: Study how the template wires Nuxt.js with Chakra UI Vue and a dark theme, and reuse those patterns in other Vue applications.
How does Dark work?
Dark is used by generating a new GitHub repository from the template — click the "Use this template" button or visit the direct generate link. Then clone the new repo, run yarn install to pull dependencies, and start developing. The template also documents that a React.js and Next.js version exists at github.com/kahlil/dark for developers who prefer that stack.
Pricing
Dark is free to use under the MIT license. No paid tiers or subscription are required.
Alternatives
- kahlil/dark — The React.js and Next.js equivalent of this template, useful for developers working in the React ecosystem rather than Vue and Nuxt.js.
FAQ
Is Dark free?
Yes, Dark is released under the MIT license, so you can freely use, modify, and redistribute it. There is no cost or account needed beyond a GitHub account for using the template feature.
What tech stack does Dark include?
Dark combines Nuxt.js with Chakra UI Vue, plus ESLint, Husky, Jest, and Vue Test Utils. It is a Vue-based single-page application or static site foundation with a dark theme preset.
How do I start a project with Dark?
On GitHub, click "Use this template" on the dark.nuxt repository or use the direct generate link, clone the resulting repository, then run yarn install. After that, the Nuxt.js dev server starts with the dark Chakra UI theme active.
Is there a React version of Dark?
Yes, the repository description links to kahlil/dark, which is the React.js and Next.js version. That version targets React developers and replaces the Vue toolchain with React tooling.
Does Dark come with testing configured?
Yes, the template includes Jest and Vue Test Utils preconfigured for unit testing Vue components. Combined with ESLint for linting and Husky for Git hooks, it provides a full quality toolchain.
