# tweakcn Theme Picker

## Docs

- [Introduction](https://mintlify.wiki/BankkRoll/tweakcn-theme-picker/introduction.md): Add 43+ beautiful themes to your shadcn/ui app with a single command. OKLCH colors, custom fonts, and light/dark mode support for every theme.
- [Installation](https://mintlify.wiki/BankkRoll/tweakcn-theme-picker/installation.md): Install the tweakcn Theme Picker in your shadcn/ui project with framework-specific guides for Next.js, Vite, Astro, and Remix.
- [Next.js Installation](https://mintlify.wiki/BankkRoll/tweakcn-theme-picker/guides/nextjs.md): Install and configure tweakcn themes in your Next.js application
- [Vite Installation](https://mintlify.wiki/BankkRoll/tweakcn-theme-picker/guides/vite.md): Install and configure tweakcn themes in your Vite React application
- [Astro Installation](https://mintlify.wiki/BankkRoll/tweakcn-theme-picker/guides/astro.md): Install and configure tweakcn themes in your Astro application
- [Remix Installation](https://mintlify.wiki/BankkRoll/tweakcn-theme-picker/guides/remix.md): Install and configure tweakcn themes in your Remix application
- [ThemeProvider](https://mintlify.wiki/BankkRoll/tweakcn-theme-picker/usage/theme-provider.md): Configure the theme system at the root of your application
- [ThemeSwitcher](https://mintlify.wiki/BankkRoll/tweakcn-theme-picker/usage/theme-switcher.md): A dropdown component for selecting color themes and toggling light/dark mode
- [useTheme Hook](https://mintlify.wiki/BankkRoll/tweakcn-theme-picker/usage/use-theme-hook.md): Control themes programmatically with the useTheme hook from next-themes
- [Custom Theme Selector](https://mintlify.wiki/BankkRoll/tweakcn-theme-picker/usage/custom-theme-selector.md): Build your own theme selector component with custom UI and functionality
- [Theme System Overview](https://mintlify.wiki/BankkRoll/tweakcn-theme-picker/themes/overview.md): Understanding the tweakcn Theme Picker theme structure and system
- [Minimal Themes](https://mintlify.wiki/BankkRoll/tweakcn-theme-picker/themes/minimal.md): Clean, understated themes focused on simplicity and readability
- [Colorful Themes](https://mintlify.wiki/BankkRoll/tweakcn-theme-picker/themes/colorful.md): Vibrant themes with rich color palettes and visual impact
- [Branded Themes](https://mintlify.wiki/BankkRoll/tweakcn-theme-picker/themes/branded.md): Themes inspired by popular brands and services
- [Creative Themes](https://mintlify.wiki/BankkRoll/tweakcn-theme-picker/themes/creative.md): Unique, artistic themes with distinctive aesthetics
- [Dark Themes](https://mintlify.wiki/BankkRoll/tweakcn-theme-picker/themes/dark.md): Sophisticated dark-first themes optimized for low-light environments
- [ThemeConfig](https://mintlify.wiki/BankkRoll/tweakcn-theme-picker/api/theme-config.md): Interface defining the structure of a theme configuration object
- [Themes Config Exports](https://mintlify.wiki/BankkRoll/tweakcn-theme-picker/api/themes-config-exports.md): Exported constants and utilities from the themes configuration module
- [ThemeProvider](https://mintlify.wiki/BankkRoll/tweakcn-theme-picker/api/theme-provider.md): React context provider for theme management using next-themes
- [ThemeSwitcher](https://mintlify.wiki/BankkRoll/tweakcn-theme-picker/api/theme-switcher.md): Dropdown UI component for selecting color themes and toggling light/dark mode
- [useTheme](https://mintlify.wiki/BankkRoll/tweakcn-theme-picker/api/use-theme.md): React hook for accessing and controlling theme state from next-themes