21st.dev

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

  • Components
Visit 21st.dev official site

What it is

21st.dev is a component resource for developers to browse interface elements and their implementation directions.

Why it is selected

It helps you compare interaction and structure before starting from a blank canvas. Check dependencies, licensing, and fit with your existing design system before adopting anything.

Who it suits

Frontend developers building React interfaces who want to study common UI patterns quickly.

Useful for

  • Starting work on forms, navigation, or data display
  • Comparing information hierarchy across similar components
  • Selecting adaptable interface material for a prototype

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

Fancy Components

A frontend reference for interface components and visual effects.

  • components
  • ui
  • frontend