A small web utility to colorize your wallpapers with your own color palettes.
Visit the live site: wallrice.xyz
- Built-in Color Palettes: Choose from themes like Catppuccin, Gruvbox, Dracula, and more.
- Custom Color Selection: Select specific colors from palettes or add your own.
- Advanced Colorization Settings: Fine-tune saturation, contrast, brightness, and edge preservation for precise results.
- Preview: Visualize your colorized wallpaper in realistic device environments, including macOS and Linux styles.
- Terminal Simulation: Interactive terminal window with syntax highlighting.
- UI Toggle: Hide or show interface elements for clean previews.
WallRice uses a locally-executed image processing engine powered by the browser's Canvas API. The imageColorizer.ts utility handles all the heavy lifting, converting image colors using perceptually uniform Lab color space calculations. This ensures high-quality, accurate colorization without any cloud processing.
- Node.js 18+
- npm, yarn, or pnpm
-
Clone the repository
git clone git@github.com:groovykiwi/wallrice.git cd wallrice -
Install dependencies
pnpm install
-
Start the development server
pnpm dev
-
Open your browser Navigate to http://localhost:3000 to see WallRice in action.
- Upload an Image: Click the upload area or drag and drop an image file.
- Choose a Color Palette: Select from pre-built themes or define custom colors.
- Select Colors: Pick specific colors from the palette (up to 8 colors).
- Adjust Colorization: Use the strength slider and advanced settings to fine-tune your image.
- Process Image: Click "Colorize" to apply the selected colors.
- Preview: View your colorized wallpaper in the preview.
- Download: Save your creation as a PNG file.
- Catppuccin
- Gruvbox
- Dracula
- Everforest
- Tokyo Night
- Night Owl
- Nord
- Rosé Pine
- Ayu Dark
- Gruvbox Material
- Solarized Dark
- One Dark
- Next.js 15: React framework with App Router.
- React 19: UI library.
- TypeScript: Type safety.
- Tailwind CSS: Utility-first CSS framework.
- Lucide React: Icon library.
- Canvas API: Image processing and colorization.
pnpm run build
pnpm startThe application will be optimized and ready for deployment.
This project is licensed under the GNU General Public License v3.0 - see the LICENSE file for details.
- Color palettes inspired by popular terminal and editor themes.
- The Arch Linux ricing community.
- macOS design inspiration from Apple Inc.