> For the complete documentation index, see [llms.txt](https://docs.fastphoenix.pro/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.fastphoenix.pro/features/themes.md).

# Themes

#### DaisyUI’s 32 Themes

<figure><img src="/files/WB0zp5xBgda8LgXS2kI2" alt=""><figcaption></figcaption></figure>

Fast Phoenix includes seamless integration with **DaisyUI**, a popular utility-first component library built on top of TailwindCSS. With **32 built-in themes**, you can transform your application’s look and feel instantly, ensuring it always matches your brand or user preferences.

***

**Why DaisyUI Themes?**

1. **Prebuilt Themes**
   * A wide variety of themes cater to different aesthetics, from professional and minimalistic to bold and vibrant.
   * Themes are carefully designed for consistency and usability.
2. **Dynamic Customization**
   * Switch between themes effortlessly without rewriting any styling.
   * Use themes to allow users to personalize their experience or dynamically match their device’s dark/light mode settings.
3. **Fully Compatible with Fast Phoenix**
   * Every page, component, and element in Fast Phoenix has been coded to work seamlessly with DaisyUI themes.
   * Whether it’s the landing page, admin dashboard, or email templates, your content will display perfectly across all themes.

***

**Key Features of the Themes**

1. **Consistency**
   * Typography, buttons, forms, and other components are uniformly styled across themes.
   * No need for additional CSS tweaks when switching themes.
2. **Customization Options**
   * Tweak colors, fonts, and other design elements using TailwindCSS variables.
   * Build your own theme or extend an existing one to fit your unique brand.
3. **Responsive Design**
   * Every theme is mobile-friendly and adapts beautifully to different screen sizes.

***

**How to Use DaisyUI Themes in Fast Phoenix**

1. **Select a Default Theme**
   * Choose your app's default theme by configuring it in `tailwind.config.js`&#x20;
   * Example:

     ```javascript
     module.exports = {
       daisyui: {
         themes: ["light", "dark", "corporate", "retro"], // List themes you want to use
       },
     };
     ```
2. **Preview Themes**
   * Use DaisyUI’s Theme Showcase to explore the available themes and see what suits your application.

***

**Popular Themes Included**

1. **Light**: Clean and minimal for professional apps.
2. **Dark**: Ideal for modern, sleek designs.
3. **Corporate**: Polished and business-oriented.
4. **Forest**: Green hues for a natural, earthy vibe.
5. **Cyberpunk**: Neon and bold for futuristic aesthetics.
6. **Retro**: Nostalgic colors and style.
7. **Synthwave**: Vibrant neon for high-energy apps.
8. **Dracula**: A dark theme with contrasting highlights.

***

**Benefits of DaisyUI Integration**

1. **Rapid Customization**
   * No need to spend hours designing styles—simply pick a theme that matches your needs.
2. **User-Friendly**
   * Provide users with an elegant and consistent interface across all pages and components.
3. **Future-Proof Design**
   * Easily update or expand themes as your application evolves.

***

With **DaisyUI’s 32 themes**, Fast Phoenix ensures that your app is always visually appealing, easy to use, and adaptable to any branding requirements. 🚀