Skip to content
Origin UI website preview

Origin UI

originui.com

A large collection of copy-paste components built on top of shadcn/ui and Tailwind CSS — forms, layouts and application UI patterns for real products.

What is Origin UI?

Origin UI is a large, carefully organised collection of copy-paste components built on shadcn/ui and Tailwind CSS. It specialises in the unglamorous parts of product UI — forms, tables, filters and empty states — with hundreds of ready-to-ship patterns for real applications.

Best for

  • Application UI and dashboards
  • Complex form layouts
  • Teams standardising on shadcn/ui

Key features

  • Hundreds of application UI patterns
  • Built on shadcn/ui conventions
  • Free and open source
  • Copy-paste, no vendor lock-in
shadcn/ui website previewFeatured

Beautifully designed components that you can copy and paste into your apps. Accessible, customizable and open source — built on Radix UI and Tailwind CSS.

ReactTailwindComponents+2
Appica UI website preview

A free, open-source React component library built on Base UI, styled with Tailwind, animated with Motion — 70+ polished components for humans and AI agents.

ReactTailwindDesign Systems+3
MicroKit UI website preview

49 free copy-paste microinteractions for React, CSS and Tailwind — animated buttons, hover effects, tabs and inputs with no package to install.

ReactTailwindCSS+3