> ## Documentation Index
> Fetch the complete documentation index at: https://mintlify.com/BankkRoll/tweakcn-theme-picker/llms.txt
> Use this file to discover all available pages before exploring further.

# Creative Themes

> Unique, artistic themes with distinctive aesthetics

Creative themes push boundaries with bold designs, unique aesthetics, and artistic flair. Perfect for applications that want to stand out.

## Available Themes

<CardGroup cols={2}>
  <Card title="Cyberpunk" icon="robot">
    Neon-soaked futuristic aesthetic

    **Colors**

    * Light: `oklch(0.67 0.29 341.41)` - Hot pink
    * Dark: `oklch(0.67 0.29 341.41)` - Hot pink

    **Font**: Outfit, sans-serif

    ```bash theme={null}
    npx shadcn@latest add https://tweakcn-picker.vercel.app/r/theme-cyberpunk.json
    ```
  </Card>

  <Card title="Neo Brutalism" icon="cube">
    Bold, brutalist design with strong orange accent

    **Colors**

    * Light: `oklch(0.65 0.24 26.97)` - Burnt orange
    * Dark: `oklch(0.70 0.19 23.19)` - Warm orange

    **Font**: DM Sans, sans-serif

    ```bash theme={null}
    npx shadcn@latest add https://tweakcn-picker.vercel.app/r/theme-neo-brutalism.json
    ```
  </Card>

  <Card title="Doom 64" icon="gamepad">
    Retro gaming inspired by classic Doom

    **Colors**

    * Light: `oklch(0.5 0.19 27.48)` - Dark red
    * Dark: `oklch(0.61 0.21 27.03)` - Blood red

    **Font**: Oxanium, sans-serif

    ```bash theme={null}
    npx shadcn@latest add https://tweakcn-picker.vercel.app/r/theme-doom-64.json
    ```
  </Card>

  <Card title="Kodama Grove" icon="tree">
    Nature-inspired with serene green tones

    **Colors**

    * Light: `oklch(0.67 0.11 118.91)` - Sage green
    * Dark: `oklch(0.68 0.06 132.45)` - Soft green

    **Font**: Merriweather, serif

    ```bash theme={null}
    npx shadcn@latest add https://tweakcn-picker.vercel.app/r/theme-kodama-grove.json
    ```
  </Card>

  <Card title="Quantum Rose" icon="atom">
    Scientific meets romantic with pink-red hues

    **Colors**

    * Light: `oklch(0.6 0.24 0.13)` - Deep rose
    * Dark: `oklch(0.75 0.23 332.02)` - Bright rose

    **Font**: Poppins, sans-serif

    ```bash theme={null}
    npx shadcn@latest add https://tweakcn-picker.vercel.app/r/theme-quantum-rose.json
    ```
  </Card>

  <Card title="Elegant Luxury" icon="gem">
    Sophisticated gold and brown luxury aesthetic

    **Colors**

    * Light: `oklch(0.47 0.15 24.94)` - Rich brown
    * Dark: `oklch(0.51 0.19 27.52)` - Warm brown

    **Font**: Poppins, sans-serif

    ```bash theme={null}
    npx shadcn@latest add https://tweakcn-picker.vercel.app/r/theme-elegant-luxury.json
    ```
  </Card>

  <Card title="Claymorphism" icon="shapes">
    Modern 3D clay-like design trend

    **Colors**

    * Light: `oklch(0.59 0.2 277.12)` - Soft purple
    * Dark: `oklch(0.68 0.16 276.93)` - Light purple

    **Font**: Plus Jakarta Sans, sans-serif

    ```bash theme={null}
    npx shadcn@latest add https://tweakcn-picker.vercel.app/r/theme-claymorphism.json
    ```
  </Card>

  <Card title="Retro Arcade" icon="ghost">
    80s arcade game nostalgia

    **Colors**

    * Light: `oklch(0.59 0.2 355.89)` - Hot pink
    * Dark: `oklch(0.59 0.2 355.89)` - Hot pink

    **Font**: Outfit, sans-serif

    ```bash theme={null}
    npx shadcn@latest add https://tweakcn-picker.vercel.app/r/theme-retro-arcade.json
    ```
  </Card>

  <Card title="Vintage Paper" icon="scroll">
    Aged paper with serif typography

    **Colors**

    * Light: `oklch(0.62 0.08 65.54)` - Sepia
    * Dark: `oklch(0.73 0.06 66.7)` - Cream

    **Font**: Libre Baskerville, serif

    ```bash theme={null}
    npx shadcn@latest add https://tweakcn-picker.vercel.app/r/theme-vintage-paper.json
    ```
  </Card>

  <Card title="Windows 98" icon="window-maximize">
    Nostalgic 90s operating system aesthetic

    **Colors**

    * Light: `oklch(0.2711 0.1879 264.0520)` - Win98 blue
    * Dark: `oklch(0.2711 0.1879 264.0520)` - Win98 blue

    **Font**: Pixelify Sans, sans-serif

    ```bash theme={null}
    npx shadcn@latest add https://tweakcn-picker.vercel.app/r/theme-windows98.json
    ```
  </Card>
</CardGroup>

## Installation

Install the theme system first (if you haven't already):

```bash theme={null}
npx shadcn@latest add https://tweakcn-picker.vercel.app/r/nextjs/theme-system.json
```

Then add any creative theme from above using its installation command.

## Usage

Switch to a creative theme programmatically:

```tsx theme={null}
import { useTheme } from "next-themes";

export function ThemeExample() {
  const { setTheme } = useTheme();
  
  return (
    <div>
      <button onClick={() => setTheme("cyberpunk-dark")}>
        Cyberpunk Dark
      </button>
      <button onClick={() => setTheme("neo-brutalism-light")}>
        Neo Brutalism Light
      </button>
      <button onClick={() => setTheme("windows98-dark")}>
        Windows 98 Dark
      </button>
    </div>
  );
}
```