Skip to content
Index730 resources
WDS Shadcn Registry

WDS Shadcn Registry

Five shadcn components for async actions, loading states and hard form inputs

Tier B · UsefulRegistryComponent Librarywds-shadcn-registry.netlify.app

(Visit wds-shadcn-registry.netlify.app ↗)(Docs)(Repository)(Registry)
Preview image from wds-shadcn-registry.netlify.app

WDS Shadcn Registry is Web Dev Simplified's small, deliberately narrow shadcn registry. It ships five components — action-button, loading-swap, number-input, multi-select and password-input — each solving a specific problem shadcn/ui leaves to you: running an async action with a pending state, swapping content for a spinner without layout shift, validated numeric entry, multi-value selection, and password fields with reveal. Each also has an -experimental variant with wider icon-library support, for ten registry items total. It is a gap-filler for an existing shadcn app, not a library to start from.

Install
npx shadcn@latest add https://wds-shadcn-registry.netlify.app/r/action-button.json

For an agent

Pull individual items from here, never the whole registry — the value is action-button and loading-swap, which correctly handle the async-submit pending state that developers otherwise reimplement badly on every form. Its multi-select and number-input predate and are simpler than the shadcn combobox and input-group patterns, so prefer the upstream shadcn versions if the project already has them and take only the async pieces. Skip the -experimental duplicates unless you need a non-Lucide icon library; they are the same components with a different icon dependency.

Why it is here. A rare example of a registry that is honest about being five components rather than padding to a hundred — the async-action pattern it encodes is a real, widely repeated gap in shadcn/ui.

Install command, framework, licence and component list.

Facts

License
MIT
Pricing
Free, Open source
Framework
React, Next.js
Styling
Tailwind CSS, CSS custom properties
Distribution
shadcn registry, CLI installer, Copy-paste snippet, GitHub repository
Platform
Web
Content type
Code
Agent readiness
Machine-readable registry item, CLI installable, Copy-paste ready code, Readable open source
Accessibility
Built on accessible primitives, Keyboard navigable, Accessible
Maturity
Actively maintained
GitHub stars
290

Components it ships

5 total
ButtonSpinnerNumber InputMulti SelectPassword InputProgress Feedback

Helps you build

6
Submitting A FormShowing Input ErrorSaving ChangesMulti Step FormLogin Web AppFiltering Items

Notable for

  • async action-button with pending state
  • loading-swap avoids layout shift
  • only 5 components, no padding
  • by Web Dev Simplified (Kyle Cook)
  • MIT

Provenance

Verified 2026-08-15. HTTP 200. https://wds-shadcn-registry.netlify.app, https://wds-shadcn-registry.netlify.app/r/registry.json (10-item enumeration), https://github.com/WebDevSimplified/wds-shadcn-registry, https://wds-shadcn-registry.netlify.app/r/action-button.json (200)

Also in Component Libraries

6
wds-shadcn-registry.netlify.appTier B