Dark-first UI templates for Next.js

Where dark design meets elegance.

Handcrafted dark-mode templates. Download, customize, and ship beautiful interfaces in minutes.

Built with
Next.js
TypeScript
Tailwind CSS

Dark UI blocks, ready to copy

Individual dark-mode sections for every part of your page. Pick a block, copy the code, drop it in — no config, no dependencies.

Hero
Hero12 blocks

Bold openers that hook visitors instantly.

Features
Features18 blocks

Showcase what makes your product stand out.

Pricing
Pricing8 blocks

Clear plans that convert browsers to buyers.

Navbar
Navbar10 blocks

Navigation that stays out of the way.

FAQ
FAQ6 blocks

Answer objections before they become blockers.

Footer
Footer9 blocks

A strong close with links and legal.

CTA
CTA14 blocks

High-converting calls to action.

Testimonials
Testimonials11 blocks

Social proof that builds trust fast.

Stats
Stats7 blocks

Numbers that make your impact undeniable.

Browse our templates

A growing library of dark-mode templates spanning landing pages, dashboards, and portfolios. Download any template as a zip and own it completely.

Everything you need to ship dark UI

Handcrafted components and templates built for speed, quality, and complete ownership.

Dark-first by design

Every template is built dark by default. No overrides, no hacks — just pure dark UI.

Growing library

20+

Templates & Blocks

Dark-mode templates and copy-paste blocks — with more shipping every month.

Browse all templates

Copy-paste blocks

Individual dark-mode sections. Pick one, paste it, ship it.

Download & own it

Get the full Next.js source as a zip. No subscriptions, no lock-in — it's yours.

Updated monthly

New templates and blocks added every month. Your library keeps growing.

Start building beautiful dark interfaces today

Ship stunning dark-mode products faster than ever. Start free, upgrade anytime.

Starter

Free

Perfect for trying out our components

  • 10 basic components
  • Community support
  • Basic documentation
  • Personal projects only
Professional

$29 per month

Best for individual developers and freelancers

  • All 100+ components
  • 10+ premium templates
  • Priority support
  • Commercial use license
Team

$79 per month

Perfect for teams and agencies

  • Everything in Professional
  • Up to 10 team members
  • Dedicated support
  • Early access to new components

Frequently asked questions

Everything you need to know about Midnight UI — how templates work, licensing, and what technologies are used.