About
Thin wrapper around next-themes ThemeProvider with sane defaults for light + dark mode (attribute='class', defaultTheme='system'). Drop into the root layout.
Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds ThemeProvider to your project and fits it to your theme.
Code
How ThemeProvider is used: the demo's code. The component's own source comes with a free account.
Usage.tsx
import ThemeProviderinline from "@/components/ui/theme-provider"
export default function Demo() {
return <ThemeProviderinline />
}
Dependencies
More by Jason Mohab-Ali
View all
Alqemist Interactive Demo
9
Qreatify Super Agent Card
5
Alqemist Security
4
Alqemist Hero
4
Alqemist How It Works
3
Alqemist Cta
2
What Saa SApp Shell
2
FirstReply Product Detail flow