# Palette components

> Browse 17 Palette components for React, styled with Tailwind CSS and ready for your Next.js project.

38 components available. Showing all of them below.

- [Color Palette](https://21st.dev/@ravikatiyar162/components/color-palette.md) — by Ravi Katiyar
- [Color Palette Card](https://21st.dev/@ravikatiyar162/components/color-palette-card.md) — by Ravi Katiyar
- [ColorSwatch](https://21st.dev/@hero_ui/components/heroui-color-swatch.md) — by Hero Ui
- [ColorSwatch](https://21st.dev/@hero_ui/components/heroui-color-swatch/transparency.md) — by Hero Ui
- [ColorSwatch](https://21st.dev/@hero_ui/components/heroui-color-swatch/custom-styles.md) — by Hero Ui
- [ColorSwatch](https://21st.dev/@hero_ui/components/heroui-color-swatch/shapes.md) — by Hero Ui
- [ColorSwatch](https://21st.dev/@hero_ui/components/heroui-color-swatch/sizes.md) — by Hero Ui
- [Dialog](https://21st.dev/@sshahaider/components/dialog/color-picker.md) — by Efferd
- [Color Picker](https://21st.dev/@uplusion23/components/color-picker.md) — by Trevor McIntire
- [Color Picker](https://21st.dev/@uplusion23/components/color-picker/color-picker-with-swatches-and-onchange.md) — by Trevor McIntire
- [Color Picker](https://21st.dev/@haydenbleasel/components/color-picker.md) — by Hayden Bleasel
- [Color Picker](https://21st.dev/@cult-ui/components/color-picker.md) — by cult/ui
- [HeroUI Color Picker](https://21st.dev/@hero_ui/components/heroui-color-picker.md) — by Hero Ui
- [Gradients](https://21st.dev/@airbnb-visx/components/gradients.md) — by Airbnb
- [Color Selector](https://21st.dev/@tom_ui/components/color-selector.md) — by tom
- [Color Input](https://21st.dev/@kokonutd/components/color-input.md) — by Kokonut Baffier
- [HeroUI Color Slider](https://21st.dev/@hero_ui/components/heroui-color-slider/hsl-channels.md) — by Hero Ui
- [HeroUI Color Slider](https://21st.dev/@hero_ui/components/heroui-color-slider/rgb-channels.md) — by Hero Ui
- [HeroUI Color Slider](https://21st.dev/@hero_ui/components/heroui-color-slider/vertical.md) — by Hero Ui
- [HeroUI Color Slider](https://21st.dev/@hero_ui/components/heroui-color-slider/custom-render-function.md) — by Hero Ui
- [HeroUI Color Slider](https://21st.dev/@hero_ui/components/heroui-color-slider/controlled.md) — by Hero Ui
- [HeroUI Color Slider](https://21st.dev/@hero_ui/components/heroui-color-slider/disabled.md) — by Hero Ui
- [ColorSwatchPicker](https://21st.dev/@hero_ui/components/heroui-color-swatch-picker.md) — by Hero Ui
- [Apple Color Picker](https://21st.dev/@pulseawan/components/apple-color-picker.md) — by Muhammad Asif
- [Color Picker](https://21st.dev/@anubra266/components/color-picker/inline-color.md) — by Abraham
- [Color Picker](https://21st.dev/@anubra266/components/color-picker/hue-wheel-picker.md) — by Abraham
- [Arc Browser like Color Picker](https://21st.dev/@clementjanssens/components/color-picker.md) — by Clément Janssens
- [ColorSwatchPicker](https://21st.dev/@hero_ui/components/heroui-color-swatch-picker/default-value.md) — by Hero Ui
- [ColorSwatchPicker](https://21st.dev/@hero_ui/components/heroui-color-swatch-picker/sizes.md) — by Hero Ui
- [ColorSwatchPicker](https://21st.dev/@hero_ui/components/heroui-color-swatch-picker/variants.md) — by Hero Ui
- [ColorSwatchPicker](https://21st.dev/@hero_ui/components/heroui-color-swatch-picker/stack-layout.md) — by Hero Ui
- [ColorSwatchPicker](https://21st.dev/@hero_ui/components/heroui-color-swatch-picker/custom-indicator.md) — by Hero Ui
- [ColorSwatchPicker](https://21st.dev/@hero_ui/components/heroui-color-swatch-picker/disabled.md) — by Hero Ui
- [ColorSwatchPicker](https://21st.dev/@hero_ui/components/heroui-color-swatch-picker/controlled.md) — by Hero Ui
- [One Clipboard](https://21st.dev/@felipemenezes098/components/one-clipboard/popover-swatch.md) — by felipemenezes098
- [Grid Beam](https://21st.dev/@cult-ui/components/grid-beam.md) — by cult/ui
- [HeroUI Color Area](https://21st.dev/@hero_ui/components/heroui-color-area/space-and-channels.md) — by Hero Ui
- [Color Generator](https://21st.dev/@designali-in/components/color-generator/color-generator.md) — by Ali Imam

Full component directory: https://21st.dev/llms.txt