1. Home
  2. Components
  3. Elements
  4. Alternatives

Elements alternatives

26 sites that do what Elements does, side by side. All hand-picked UI kits with real code.

Elements screenshot 1
Comparing againstElements

shadcn blocks with the logic wired in — Clerk sign-in, Polar pricing, AI chat, brand logos and GitHub cards.

Open page →
SiteGet codePriceSaves
ElementsThis oneRegistryFree
21st.devReact, shadcn/uiRegistryFree
ReUIReact, shadcn/uiRegistryFree
Kokonut UIReact, shadcn/ui, Tailwind CSSRegistryFree
Dice UIReact, shadcn/uiRegistryFree
affectUIReact, shadcn/uiRegistryFree
SketchcnReact, shadcn/ui, Base UIRegistryFree
Kibo UIReact, shadcn/uiRegistryFree
Supabase UI LibraryReact, Next.js, shadcn/uiRegistryFree
warcraftcnReact, shadcn/uiRegistryFree
neobrutalism componentsReact, Tailwind CSS, shadcn/uiRegistryFree
NeonBlade UIReact, Tailwind CSSRegistryFree
Cosmic UIReact, Vue, Tailwind CSSRegistryFree
coss uiReact, Tailwind CSS, Base UIRegistryFree
Liqui DesignReact, Base UI, Tailwind CSSRegistryFree
shadcn/uiReact, Tailwind CSS, Radix UIRegistryFree
ObsidianUIReact, Tailwind CSSCopyFree
Wooden UIReact, CSSCopyFree
Memphi UIReact, Tailwind CSSCopyFree
React GlazeReactnpmFree
UI-NeumorphismReactnpmFree
Sketchbook UIReactnpmFree
Appica UIReactnpmFree
Wired ElementsWeb ComponentsnpmFree
Open Props UIHTML, CSSnpmFree
daisyUICSS, Tailwind CSSnpmFree
Preline UIHTML, Tailwind CSS, JavaScriptnpmFree
About Components libraries

Component libraries cover the everyday parts of an interface: buttons, inputs, dialogs, menus. The newer ones let you copy the source into your project instead of installing a package, so you can change anything. Check whether a library is built on accessible primitives like Radix before you commit to it.

Good for
  • Starting a new app fast
  • Forms, dialogs and menus
  • Owning the code you copy
SponsoredAdvertise →
WapopoOne sentence in, a comic outSlot 2Your product hereSlot 3Your product hereSlot 4Your product here