Theme Provider

clerk/nextjs-theme-provider

FreeComponent

A theme provider component using next-themes for dark mode support.

Install it

npx shadcn@latest add https://clerk.com/r/nextjs-theme-provider.json

Source

nextjs/common/theme-provider/theme-provider.tsxclerk.com/r/nextjs-theme-provider.json

1'use client';
2 
3import { ThemeProvider as NextThemesProvider } from 'next-themes';
4import * as React from 'react';
5 
6export function ThemeProvider({ children, ...props }: React.ComponentProps<typeof NextThemesProvider>) {
7  return <NextThemesProvider {...props}>{children}</NextThemesProvider>;
8}

What it pulls in

npm packages

next-themes

Files it writes

nextjs/common/theme-provider/theme-provider.tsx

More from clerk

All 12 items

Same registry, same kind — the ones you would have found next
Component	Registry	Kind	Access	Installs	Command
Clerk Provider (App Router)nextjs-clerk-provider	clerk	Components	Free	2 deps
Header Componentnextjs-header	clerk	Components	Free	1 dep