Dark

An opinionated, dark-themed Next.js & Chakra UI GitHub repository template

Hit the ground running with one yarn install.

How to use

Generate a repository with this template by clicking on github.com/kahlil/dark/generate
Clone your new repository
Run yarn install
Hit the ground running with Next.js, TypeScript & Chakra UI with the dark theme as the default

After getting started with this GitHub repo template you have Chakra UI ready to go and configured for Next.js.

The dark theme is configured to be the inital color mode.

The full arsenal of Chakra UI's features and components is at your disposal in this Next.js app and configurable to your wishes.

Oh, look! Chakra UI buttons:

Woah! A Chakra UI slider:

Blimey! Chakra UI switches:

Damn, yo! Composed Chakra UI components for displaying data:

Segun AdebayoNew

UI Engineer, creator of Chakra UI

See the code for the examples above in the source code.

Besides the main tech stack of Next, TypeScript and Chakra UI, this template also comes with Prettier, ESLint, pretty-quick , Husky ,Jest, and Testing Library.

Pre-configured with sensible defaults provided by the community or the creators of the tools.