Shadcn UI Customizer

Theme by Railly

|

Updated: 15 Feb 2025

|

351 Stars

shadcn/ui themes with color pickers

Categories

Overview

The shadcn/ui customizer is an open-source extension of the shadcn/ui themes that allows users to customize the theme. It provides the ability to tweak and customize various CSS variables to personalize the appearance of the theme.

Features

• Customizing CSS Variables: Users can modify CSS variables such as background, foreground, card, card-foreground, popover, popover-foreground, primary, primary-foreground, secondary, secondary-foreground, muted, muted-foreground, accent, accent-foreground, destructive, destructive-foreground, border, input, ring, and radius.

Installation

To install the shadcn/ui customizer, follow the steps below:

1. Download the shadcn/ui customizer extension from the official repository.
2. Extract the downloaded files to a desired location on your machine.
3. Open your preferred text editor and navigate to the location where the shadcn/ui customizer files are extracted.
4. Include the required CSS and JavaScript files in your HTML document.

<link rel="stylesheet" href="path/to/customizer.css">
<script src="path/to/customizer.js"></script>

5. Save the changes to your HTML document and open it in a web browser.
6. The shadcn/ui customizer is now installed and ready to use.

Summary

The shadcn/ui customizer is an open-source extension that enhances the shadcn/ui themes by providing a customizing feature. Users can modify various CSS variables to make the theme suit their preferences.