{"name":"shoogle","homepage":"https://shoogle.dev","query":"color-picker","pagination":{"hasMore":false,"limit":100,"offset":0,"total":100},"items":[{"addCommandArgument":"@cult-ui/color-picker","description":"Interactive color picker component with HSL support and preset colors","name":"cult-ui/color-picker","registry":"@cult-ui","type":"registry:ui"},{"addCommandArgument":"@cult-ui/color-picker-demo","name":"cult-ui/color-picker-demo","registry":"@cult-ui","type":"registry:component"},{"addCommandArgument":"@cult-ui/hero-color-panel","description":"Split-layout hero section with responsive ColorPanels shader visuals, CTA, and tech stack badges","name":"cult-ui/hero-color-panel","registry":"@cult-ui","type":"registry:ui"},{"addCommandArgument":"@hirael/color-picker","description":"SV gradient + hue slider with HEX / RGB / HSL tabs, eyedropper (where supported) and recent swatches.","name":"hirael/color-picker","registry":"@hirael","type":"registry:ui"},{"addCommandArgument":"@moduix-react/color-picker","description":"moduix React ColorPicker component.","name":"moduix-react/color-picker","registry":"@moduix-react","type":"registry:item"},{"addCommandArgument":"@neon-ui/color-picker","description":"Swatch-and-hex trigger opening an HSV field, hue rail, hex input, and preset swatches.","name":"neon-ui/color-picker","registry":"@neon-ui","type":"registry:component"},{"addCommandArgument":"@fluid/color-picker","description":"Color picker with HEX, RGB, HSL, and OKLCH formats, alpha channel, optional swatches, and a popover trigger. Built on the Slider component with native EyeDropper support.","name":"fluid/color-picker","registry":"@fluid","type":"registry:ui"},{"addCommandArgument":"@ui-layouts/color-picker","name":"ui-layouts/color-picker","registry":"@ui-layouts","type":"registry:component"},{"addCommandArgument":"@termcn/color-picker","description":"Color picker with palette, hex, and RGB input","name":"termcn/color-picker","registry":"@termcn","type":"registry:ui"},{"addCommandArgument":"@intentui/color-picker","description":"color-picker","name":"intentui/color-picker","registry":"@intentui","type":"registry:ui"},{"addCommandArgument":"@diceui/color-picker","name":"diceui/color-picker","registry":"@diceui","type":"registry:ui"},{"addCommandArgument":"@shadcnblocks/color-picker-color-picker-standard-1","description":"Color picker with selection area, hue slider, and format fields.","name":"shadcnblocks/color-picker-color-picker-standard-1","registry":"@shadcnblocks","type":"registry:block"},{"addCommandArgument":"@shadcnblocks/color-picker-color-picker-controlled-1","description":"Controlled color picker that updates a live swatch from onChange.","name":"shadcnblocks/color-picker-color-picker-controlled-1","registry":"@shadcnblocks","type":"registry:block"},{"addCommandArgument":"@shadcnblocks/color-picker-color-picker-compact-1","description":"Compact color picker showing only the selection area and hue slider.","name":"shadcnblocks/color-picker-color-picker-compact-1","registry":"@shadcnblocks","type":"registry:block"},{"addCommandArgument":"@shadcnblocks/color-picker-color-picker-alpha-1","description":"Color picker including alpha slider and eye dropper control.","name":"shadcnblocks/color-picker-color-picker-alpha-1","registry":"@shadcnblocks","type":"registry:block"},{"addCommandArgument":"@23rd/gooey-color-picker","description":"A floating color picker with a circular hue wheel, alpha slider, hex field, and motion-powered open/close.","name":"23rd/gooey-color-picker","registry":"@23rd","type":"registry:ui"},{"addCommandArgument":"@ui-layouts/raws-color-picker","name":"ui-layouts/raws-color-picker","registry":"@ui-layouts","type":"registry:component"},{"addCommandArgument":"@ui-layouts/default-color-picker","name":"ui-layouts/default-color-picker","registry":"@ui-layouts","type":"registry:component"},{"addCommandArgument":"@termcn/opentui-color-picker","description":"Color picker with palette, hex, and RGB input","name":"termcn/opentui-color-picker","registry":"@termcn","type":"registry:ui"},{"addCommandArgument":"@intentui/color-picker-example","description":"color-picker-example","name":"intentui/color-picker-example","registry":"@intentui","type":"registry:page"},{"addCommandArgument":"@intentui/color-swatch-picker","description":"color-swatch-picker","name":"intentui/color-swatch-picker","registry":"@intentui","type":"registry:ui"},{"addCommandArgument":"@diceui/color-picker-demo","name":"diceui/color-picker-demo","registry":"@diceui","type":"registry:example"},{"addCommandArgument":"@intentui/color-picker-disabled-example","description":"color-picker-disabled-example","name":"intentui/color-picker-disabled-example","registry":"@intentui","type":"registry:page"},{"addCommandArgument":"@intentui/color-picker-controlled-example","description":"color-picker-controlled-example","name":"intentui/color-picker-controlled-example","registry":"@intentui","type":"registry:page"},{"addCommandArgument":"@intentui/color-swatch-picker-example","description":"color-swatch-picker-example","name":"intentui/color-swatch-picker-example","registry":"@intentui","type":"registry:page"},{"addCommandArgument":"@diceui/color-picker-inline-demo","name":"diceui/color-picker-inline-demo","registry":"@diceui","type":"registry:example"},{"addCommandArgument":"@diceui/color-picker-form-demo","name":"diceui/color-picker-form-demo","registry":"@diceui","type":"registry:example"},{"addCommandArgument":"@diceui/color-picker-controlled-demo","name":"diceui/color-picker-controlled-demo","registry":"@diceui","type":"registry:example"},{"addCommandArgument":"@intentui/color-swatch-picker-item-disabled-example","description":"color-swatch-picker-item-disabled-example","name":"intentui/color-swatch-picker-item-disabled-example","registry":"@intentui","type":"registry:page"},{"addCommandArgument":"@usva/color-field","name":"usva/color-field","registry":"@usva","type":"registry:ui"},{"addCommandArgument":"@whiskeyjack/color-input","description":"Focusable swatch button that opens the OS-native color picker and returns the chosen hex.","name":"whiskeyjack/color-input","registry":"@whiskeyjack","type":"registry:ui"},{"addCommandArgument":"@svelte-bits/color-bends","description":"Three.js shader background with warped color bands, pointer parallax, noise, and rotation controls.","name":"svelte-bits/color-bends","registry":"@svelte-bits","type":"registry:component"},{"addCommandArgument":"@intentui/color-wheel","description":"color-wheel","name":"intentui/color-wheel","registry":"@intentui","type":"registry:ui"},{"addCommandArgument":"@intentui/color-thumb","description":"color-thumb","name":"intentui/color-thumb","registry":"@intentui","type":"registry:ui"},{"addCommandArgument":"@intentui/color-swatch","description":"color-swatch","name":"intentui/color-swatch","registry":"@intentui","type":"registry:ui"},{"addCommandArgument":"@intentui/color-slider","description":"color-slider","name":"intentui/color-slider","registry":"@intentui","type":"registry:ui"},{"addCommandArgument":"@intentui/color-field","description":"color-field","name":"intentui/color-field","registry":"@intentui","type":"registry:ui"},{"addCommandArgument":"@intentui/color-area","description":"color-area","name":"intentui/color-area","registry":"@intentui","type":"registry:ui"},{"addCommandArgument":"@diceui/color-swatch","name":"diceui/color-swatch","registry":"@diceui","type":"registry:ui"},{"addCommandArgument":"@shadcnblocks/emoji-picker-emoji-picker-basic","description":"shadcnblocks EmojiPicker in a popover opened from an icon button.","name":"shadcnblocks/emoji-picker-emoji-picker-basic","registry":"@shadcnblocks","type":"registry:block"},{"addCommandArgument":"@cubby-ui/date-picker","description":"A date-picker component.","name":"cubby-ui/date-picker","registry":"@cubby-ui","type":"registry:ui"},{"addCommandArgument":"@ai2/date-picker","description":"Date field that opens a Calendar in a Popover. Controlled or uncontrolled via value/defaultValue and onValueChange; formats the selected date with date-fns and shows a placeholder when empty.","name":"ai2/date-picker","registry":"@ai2","type":"registry:ui"},{"addCommandArgument":"@hirael/date-picker","description":"Single-date picker with month grid, keyboard nav, min/max bounds and disabled dates. Includes an inline DateCalendar, no date library.","name":"hirael/date-picker","registry":"@hirael","type":"registry:ui"},{"addCommandArgument":"@hirael/time-picker","description":"Hour, minute and optional second scroll columns with 12/24h modes, step intervals and keyboard nav.","name":"hirael/time-picker","registry":"@hirael","type":"registry:ui"},{"addCommandArgument":"@hirael/month-picker","description":"4×3 month grid with year stepper, keyboard nav, min/max bounds, single or range mode.","name":"hirael/month-picker","registry":"@hirael","type":"registry:ui"},{"addCommandArgument":"@hirael/year-picker","description":"Decade-grid year picker with keyboard nav, min/max bounds, single or range mode.","name":"hirael/year-picker","registry":"@hirael","type":"registry:ui"},{"addCommandArgument":"@moduix-react/date-picker","description":"moduix React DatePicker component.","name":"moduix-react/date-picker","registry":"@moduix-react","type":"registry:item"},{"addCommandArgument":"@seamui/model-picker","description":"Provider-grouped model select with connection dots — a recipe over Select for composer footers.","name":"seamui/model-picker","registry":"@seamui","type":"registry:ui"},{"addCommandArgument":"@shadcnblocks/emoji-picker","name":"shadcnblocks/emoji-picker","registry":"@shadcnblocks","type":"registry:component"},{"addCommandArgument":"@neon-ui/branch-picker","description":"A searchable branch selector with default/protected status and an inline create-branch affordance.","name":"neon-ui/branch-picker","registry":"@neon-ui","type":"registry:component"},{"addCommandArgument":"@tailgrids/time-picker","description":"A component to select a time.","name":"tailgrids/time-picker","registry":"@tailgrids","type":"registry:ui"},{"addCommandArgument":"@tailgrids/date-picker","description":"A component to select a date.","name":"tailgrids/date-picker","registry":"@tailgrids","type":"registry:ui"},{"addCommandArgument":"@uselayouts/day-picker","description":"A custom day picker component with smooth animations.","name":"uselayouts/day-picker","registry":"@uselayouts","type":"registry:component"},{"addCommandArgument":"@kokonutui/avatar-picker","description":"Avatar picker with rotation animation.","name":"kokonutui/avatar-picker","registry":"@kokonutui","type":"registry:component"},{"addCommandArgument":"@ui-layouts/date-picker","name":"ui-layouts/date-picker","registry":"@ui-layouts","type":"registry:component"},{"addCommandArgument":"@ui-layouts/time-picker","name":"ui-layouts/time-picker","registry":"@ui-layouts","type":"registry:component"},{"addCommandArgument":"@termcn/time-picker","description":"Time picker with hour/minute/second spinners","name":"termcn/time-picker","registry":"@termcn","type":"registry:ui"},{"addCommandArgument":"@termcn/file-picker","description":"Interactive file browser and picker","name":"termcn/file-picker","registry":"@termcn","type":"registry:ui"},{"addCommandArgument":"@termcn/date-picker","description":"Calendar date picker with keyboard navigation","name":"termcn/date-picker","registry":"@termcn","type":"registry:ui"},{"addCommandArgument":"@wigggle-ui/wheel-picker","name":"wigggle-ui/wheel-picker","registry":"@wigggle-ui","type":"registry:ui"},{"addCommandArgument":"@intentui/date-picker","description":"date-picker","name":"intentui/date-picker","registry":"@intentui","type":"registry:ui"},{"addCommandArgument":"@8bitcn/date-picker","description":"A simple 8-bit date picker component","name":"8bitcn/date-picker","registry":"@8bitcn","type":"registry:component"},{"addCommandArgument":"@ncdai/wheel-picker","description":"iOS-like wheel picker for React with smooth inertia scrolling and infinite loop support.","name":"ncdai/wheel-picker","registry":"@ncdai","type":"registry:component"},{"addCommandArgument":"@diceui/time-picker","name":"diceui/time-picker","registry":"@diceui","type":"registry:ui"},{"addCommandArgument":"@elevenlabs-ui/voice-picker","name":"elevenlabs-ui/voice-picker","registry":"@elevenlabs-ui","type":"registry:ui"},{"addCommandArgument":"@intentui/color-area-example","description":"color-area-example","name":"intentui/color-area-example","registry":"@intentui","type":"registry:page"},{"addCommandArgument":"@intentui/color-field-example","description":"color-field-example","name":"intentui/color-field-example","registry":"@intentui","type":"registry:page"},{"addCommandArgument":"@intentui/color-slider-example","description":"color-slider-example","name":"intentui/color-slider-example","registry":"@intentui","type":"registry:page"},{"addCommandArgument":"@intentui/color-swatch-example","description":"color-swatch-example","name":"intentui/color-swatch-example","registry":"@intentui","type":"registry:page"},{"addCommandArgument":"@intentui/color-wheel-example","description":"color-wheel-example","name":"intentui/color-wheel-example","registry":"@intentui","type":"registry:page"},{"addCommandArgument":"@diceui/color-swatch-demo","name":"diceui/color-swatch-demo","registry":"@diceui","type":"registry:example"},{"addCommandArgument":"@shadcnblocks/emoji-picker-emoji-picker-with-display","description":"Picker plus preview area showing the currently selected emoji.","name":"shadcnblocks/emoji-picker-emoji-picker-with-display","registry":"@shadcnblocks","type":"registry:block"},{"addCommandArgument":"@shadcnblocks/emoji-picker-emoji-picker-text-trigger","description":"Text or link-style trigger opening the emoji popover.","name":"shadcnblocks/emoji-picker-emoji-picker-text-trigger","registry":"@shadcnblocks","type":"registry:block"},{"addCommandArgument":"@shadcnblocks/emoji-picker-emoji-picker-in-form","description":"Message textarea with adjacent emoji picker appending symbols on select.","name":"shadcnblocks/emoji-picker-emoji-picker-in-form","registry":"@shadcnblocks","type":"registry:block"},{"addCommandArgument":"@shadcnblocks/emoji-picker-emoji-picker-different-variants","description":"Multiple triggers showing emoji picker on outline, ghost, and secondary buttons.","name":"shadcnblocks/emoji-picker-emoji-picker-different-variants","registry":"@shadcnblocks","type":"registry:block"},{"addCommandArgument":"@shadcnblocks/emoji-picker-emoji-picker-custom-trigger","description":"EmojiPicker opened from a custom-styled trigger instead of the default button.","name":"shadcnblocks/emoji-picker-emoji-picker-custom-trigger","registry":"@shadcnblocks","type":"registry:block"},{"addCommandArgument":"@shadcnblocks/date-picker-date-picker-standard-8","description":"Calendar with custom modifiers styling selected or special days differently.","name":"shadcnblocks/date-picker-date-picker-standard-8","registry":"@shadcnblocks","type":"registry:block"},{"addCommandArgument":"@shadcnblocks/date-picker-date-picker-standard-7","description":"Calendar in multiple selection mode for choosing several non-contiguous days.","name":"shadcnblocks/date-picker-date-picker-standard-7","registry":"@shadcnblocks","type":"registry:block"},{"addCommandArgument":"@shadcnblocks/date-picker-date-picker-standard-6","description":"Calendar that disables weekends or other dates via disabled matcher props.","name":"shadcnblocks/date-picker-date-picker-standard-6","registry":"@shadcnblocks","type":"registry:block"},{"addCommandArgument":"@shadcnblocks/date-picker-date-picker-standard-5","description":"Calendar with shortcut buttons for Today, Tomorrow, and relative day labels.","name":"shadcnblocks/date-picker-date-picker-standard-5","registry":"@shadcnblocks","type":"registry:block"},{"addCommandArgument":"@shadcnblocks/date-picker-date-picker-standard-4","description":"Calendar plus hour and minute scroll areas for a full datetime selection.","name":"shadcnblocks/date-picker-date-picker-standard-4","registry":"@shadcnblocks","type":"registry:block"},{"addCommandArgument":"@shadcnblocks/date-picker-date-picker-standard-3","description":"Side-by-side calendar and time slot list for choosing an appointment datetime.","name":"shadcnblocks/date-picker-date-picker-standard-3","registry":"@shadcnblocks","type":"registry:block"},{"addCommandArgument":"@shadcnblocks/date-picker-date-picker-standard-2","description":"Calendar with dropdowns to jump month and year without paging month by month.","name":"shadcnblocks/date-picker-date-picker-standard-2","registry":"@shadcnblocks","type":"registry:block"},{"addCommandArgument":"@shadcnblocks/date-picker-date-picker-standard-1","description":"Popover calendar for selecting a start and end date range in one control.","name":"shadcnblocks/date-picker-date-picker-standard-1","registry":"@shadcnblocks","type":"registry:block"},{"addCommandArgument":"@uiable/uiable-switch-color-options","description":"Switch Color Options variant for component.","name":"uiable/uiable-switch-color-options","registry":"@uiable","type":"registry:ui"},{"addCommandArgument":"@uiable/uiable-slider-color-options","description":"Slider Color Options variant for component.","name":"uiable/uiable-slider-color-options","registry":"@uiable","type":"registry:ui"},{"addCommandArgument":"@prosekit/solid-example-text-color","description":"Change text and background color.","name":"prosekit/solid-example-text-color","registry":"@prosekit","type":"registry:block"},{"addCommandArgument":"@prosekit/svelte-example-text-color","description":"Change text and background color.","name":"prosekit/svelte-example-text-color","registry":"@prosekit","type":"registry:block"},{"addCommandArgument":"@prosekit/vue-example-text-color","description":"Change text and background color.","name":"prosekit/vue-example-text-color","registry":"@prosekit","type":"registry:block"},{"addCommandArgument":"@prosekit/preact-example-text-color","description":"Change text and background color.","name":"prosekit/preact-example-text-color","registry":"@prosekit","type":"registry:block"},{"addCommandArgument":"@prosekit/react-example-text-color","description":"Change text and background color.","name":"prosekit/react-example-text-color","registry":"@prosekit","type":"registry:block"},{"addCommandArgument":"@intentui/color-area-space-example","description":"color-area-space-example","name":"intentui/color-area-space-example","registry":"@intentui","type":"registry:page"},{"addCommandArgument":"@intentui/color-area-disabled-example","description":"color-area-disabled-example","name":"intentui/color-area-disabled-example","registry":"@intentui","type":"registry:page"},{"addCommandArgument":"@intentui/color-area-controlled-example","description":"color-area-controlled-example","name":"intentui/color-area-controlled-example","registry":"@intentui","type":"registry:page"},{"addCommandArgument":"@intentui/color-area-channel-example","description":"color-area-channel-example","name":"intentui/color-area-channel-example","registry":"@intentui","type":"registry:page"},{"addCommandArgument":"@intentui/color-field-validation-example","description":"color-field-validation-example","name":"intentui/color-field-validation-example","registry":"@intentui","type":"registry:page"},{"addCommandArgument":"@intentui/color-field-disabled-example","description":"color-field-disabled-example","name":"intentui/color-field-disabled-example","registry":"@intentui","type":"registry:page"},{"addCommandArgument":"@intentui/color-field-controlled-example","description":"color-field-controlled-example","name":"intentui/color-field-controlled-example","registry":"@intentui","type":"registry:page"},{"addCommandArgument":"@intentui/color-slider-vertical-example","description":"color-slider-vertical-example","name":"intentui/color-slider-vertical-example","registry":"@intentui","type":"registry:page"},{"addCommandArgument":"@intentui/color-slider-disabled-example","description":"color-slider-disabled-example","name":"intentui/color-slider-disabled-example","registry":"@intentui","type":"registry:page"}],"totalResults":100,"timestamp":"2026-08-04T09:15:55.394Z"}