@wigggle-ui

Open-source registry of dashboard-style widget components for shadcn/ui, built with Next.js and Tailwind CSS. Centers on a composable Widget primitive with size (sm/md/lg), variant (default/secondary), and design (default/mumbai) props, plus sub-components for layout structuring. Each widget is a self-contained, copy-paste card suited for clocks, stats, activity panels, and similar dashboard tiles styled with class-variance-authority. Free and MIT-licensed. Use for: projects that need a consistent set of widget-card containers for internal dashboards or app home screens where you want ownership of the styling code and shadcn/ui compatibility.

60 components react shadcn-cli MIT

website ↗ github ↗ registry ↗

Install this registry

shadcn (npm) npx shadcn@latest add https://wigggle-ui.vercel.app/r/registry.json

pnpm pnpm dlx shadcn@latest add https://wigggle-ui.vercel.app/r/registry.json

bun bunx shadcn@latest add https://wigggle-ui.vercel.app/r/registry.json

fetch registry curl -s https://wigggle-ui.vercel.app/r/registry.json

Components

60 total

widget ui

npx shadcn@latest add https://wigggle-ui.vercel.app/r/widget.json

icons ui

npx shadcn@latest add https://wigggle-ui.vercel.app/r/icons.json

avatar ui

npx shadcn@latest add https://wigggle-ui.vercel.app/r/avatar.json

badge ui

npx shadcn@latest add https://wigggle-ui.vercel.app/r/badge.json

button ui

npx shadcn@latest add https://wigggle-ui.vercel.app/r/button.json

carousel ui

npx shadcn@latest add https://wigggle-ui.vercel.app/r/carousel.json

circular-progress ui

npx shadcn@latest add https://wigggle-ui.vercel.app/r/circular-progress.json

dialog ui

npx shadcn@latest add https://wigggle-ui.vercel.app/r/dialog.json

dropdown-menu ui

npx shadcn@latest add https://wigggle-ui.vercel.app/r/dropdown-menu.json

input ui

npx shadcn@latest add https://wigggle-ui.vercel.app/r/input.json

label ui

npx shadcn@latest add https://wigggle-ui.vercel.app/r/label.json

popover ui

npx shadcn@latest add https://wigggle-ui.vercel.app/r/popover.json

progress ui

npx shadcn@latest add https://wigggle-ui.vercel.app/r/progress.json

select ui

npx shadcn@latest add https://wigggle-ui.vercel.app/r/select.json

scroll-area ui

npx shadcn@latest add https://wigggle-ui.vercel.app/r/scroll-area.json

separator ui

npx shadcn@latest add https://wigggle-ui.vercel.app/r/separator.json

switch ui

npx shadcn@latest add https://wigggle-ui.vercel.app/r/switch.json

tabs ui

npx shadcn@latest add https://wigggle-ui.vercel.app/r/tabs.json

textarea ui

npx shadcn@latest add https://wigggle-ui.vercel.app/r/textarea.json

tooltip ui

npx shadcn@latest add https://wigggle-ui.vercel.app/r/tooltip.json

item ui

npx shadcn@latest add https://wigggle-ui.vercel.app/r/item.json

wheel-picker ui

npx shadcn@latest add https://wigggle-ui.vercel.app/r/wheel-picker.json

utils lib

npx shadcn@latest add https://wigggle-ui.vercel.app/r/utils.json

calendar-sm-01 component

npx shadcn@latest add https://wigggle-ui.vercel.app/r/calendar-sm-01.json

calendar-sm-02 component

npx shadcn@latest add https://wigggle-ui.vercel.app/r/calendar-sm-02.json

calendar-sm-03 component

npx shadcn@latest add https://wigggle-ui.vercel.app/r/calendar-sm-03.json

calendar-sm-04 component

npx shadcn@latest add https://wigggle-ui.vercel.app/r/calendar-sm-04.json

calendar-sm-05 component

npx shadcn@latest add https://wigggle-ui.vercel.app/r/calendar-sm-05.json

calendar-sm-06 component

npx shadcn@latest add https://wigggle-ui.vercel.app/r/calendar-sm-06.json

calendar-sm-07 component

npx shadcn@latest add https://wigggle-ui.vercel.app/r/calendar-sm-07.json

calendar-sm-08 component

npx shadcn@latest add https://wigggle-ui.vercel.app/r/calendar-sm-08.json

calendar-sm-09 component

npx shadcn@latest add https://wigggle-ui.vercel.app/r/calendar-sm-09.json

calendar-sm-10 component

npx shadcn@latest add https://wigggle-ui.vercel.app/r/calendar-sm-10.json

calendar-md-01 component

npx shadcn@latest add https://wigggle-ui.vercel.app/r/calendar-md-01.json

calendar-md-02 component

npx shadcn@latest add https://wigggle-ui.vercel.app/r/calendar-md-02.json

calendar-md-03 component

npx shadcn@latest add https://wigggle-ui.vercel.app/r/calendar-md-03.json

calendar-md-04 component

npx shadcn@latest add https://wigggle-ui.vercel.app/r/calendar-md-04.json

calendar-md-05 component

npx shadcn@latest add https://wigggle-ui.vercel.app/r/calendar-md-05.json

calendar-md-06 component

npx shadcn@latest add https://wigggle-ui.vercel.app/r/calendar-md-06.json

calendar-lg-01 component

npx shadcn@latest add https://wigggle-ui.vercel.app/r/calendar-lg-01.json

calendar-lg-02 component

npx shadcn@latest add https://wigggle-ui.vercel.app/r/calendar-lg-02.json

calendar-lg-03 component

npx shadcn@latest add https://wigggle-ui.vercel.app/r/calendar-lg-03.json

calendar-lg-04 component

npx shadcn@latest add https://wigggle-ui.vercel.app/r/calendar-lg-04.json

calendar-lg-05 component

npx shadcn@latest add https://wigggle-ui.vercel.app/r/calendar-lg-05.json

calendar-lg-06 component

npx shadcn@latest add https://wigggle-ui.vercel.app/r/calendar-lg-06.json

clock-sm-01 component

npx shadcn@latest add https://wigggle-ui.vercel.app/r/clock-sm-01.json

clock-sm-02 component

npx shadcn@latest add https://wigggle-ui.vercel.app/r/clock-sm-02.json

clock-sm-03 component

npx shadcn@latest add https://wigggle-ui.vercel.app/r/clock-sm-03.json

clock-sm-04 component

npx shadcn@latest add https://wigggle-ui.vercel.app/r/clock-sm-04.json

clock-sm-05 component

npx shadcn@latest add https://wigggle-ui.vercel.app/r/clock-sm-05.json

clock-sm-06 component

npx shadcn@latest add https://wigggle-ui.vercel.app/r/clock-sm-06.json

clock-sm-07 component

npx shadcn@latest add https://wigggle-ui.vercel.app/r/clock-sm-07.json

clock-sm-08 component

npx shadcn@latest add https://wigggle-ui.vercel.app/r/clock-sm-08.json

clock-sm-09 component

npx shadcn@latest add https://wigggle-ui.vercel.app/r/clock-sm-09.json

clock-sm-10 component

npx shadcn@latest add https://wigggle-ui.vercel.app/r/clock-sm-10.json

clock-sm-11 component

npx shadcn@latest add https://wigggle-ui.vercel.app/r/clock-sm-11.json

clock-sm-12 component

npx shadcn@latest add https://wigggle-ui.vercel.app/r/clock-sm-12.json

clock-sm-13 component

npx shadcn@latest add https://wigggle-ui.vercel.app/r/clock-sm-13.json

dashboard-sm-01 component

npx shadcn@latest add https://wigggle-ui.vercel.app/r/dashboard-sm-01.json

dashboard-sm-02 component

npx shadcn@latest add https://wigggle-ui.vercel.app/r/dashboard-sm-02.json