shadcn/ui

A React component resource that provides code you can copy into a project.

  • Components
Visit shadcn/ui official site

What it is

shadcn/ui provides component code and documentation that can be added to a project instead of requiring every component to be consumed through one wrapped package.

Why it is selected

Reading and adapting component code directly works well when a project has its own visual and accessibility requirements. After copying, still test keyboard, focus, and form behavior in your product.

Who it suits

React developers who want control over component source code and styling details.

Useful for

  • Establishing a consistent component base in a new project
  • Adapting components to existing design tokens
  • Learning interaction patterns such as dialogs and forms from documentation

21st.dev

A component resource for starting product interfaces with reusable implementation ideas.

  • components
  • react
  • ui

Component Gallery

A reference site for browsing and comparing design-system components.

  • components
  • design-system
  • reference

Cursify

A frontend resource for exploring custom cursor and pointer interactions.

  • cursor
  • css
  • interaction