# Next.js > Add the React color picker to a Next.js app, App Router or Pages Router, with the stylesheet import, the use client rule and a full page example. Source: https://chroma-panel.jscrate.dev/react/frameworks/next-js Last updated: 2026-09-18 chroma-panel is a React color picker for Next.js that needs no wrapper and no configuration. Every file in the package that touches the browser already carries `"use client"`, so importing it from a server component is fine. This page sets it up in the App Router and in the Pages Router. ## Install ```bash npm install chroma-panel ``` There are no other packages to add. `dependencies` is empty, and `react` and `react-dom` are peer dependencies, so the copies already in your app are the ones that get used. ## The stylesheet The panel injects its stylesheet from an effect. That means server-rendered markup is unstyled until hydration. To avoid that flash, import the stylesheet yourself and turn injection off: ```tsx ``` Where the import goes depends on the router, so each section below shows it. `injectStyles={false}` only stops the `