HomeBookmarks
Origin UIOrigin UI
Origin UI

Origin UI

An extensive collection of copy-and-paste UI components for building app interfaces, built with Tailwind CSS and React.

OUby Origin UI
200components3.8Mviews21.6Kbookmarks
Auto-indexed

Origin UI contents

  • Tree

    Tree

  • Tree

    Tree

  • Tree

    Tree

  • Tree

    Tree

  • Tree

    Tree

  • Tree

    Tree

  • Tree

    Tree

  • Tree

    Tree

  • Tree

    Tree

  • Tree

    Tree

  • Tree

    Tree

  • Tree

    Tree

  • Navigation Bar

    Navigation Bar

  • Navigation Bar

    Navigation Bar

  • Image Crop

    Image Crop

  • Image Crop

    Image Crop

  • Image Crop

    Image Crop

  • Image Crop

    Image Crop

  • Image Crop

    Image Crop

  • Image Crop

    Image Crop

  • Image Crop

    Image Crop

  • Image Crop

    Image Crop

  • Image Crop

    Image Crop

  • Image Crop

    Image Crop

    1. Components
    2. /
    3. Origin UI
    4. /
    5. Origin UI

    Related libraries

    ReUI

    ReUI

    by Sean Hello

    262

    components

    Kokonut UI

    Kokonut UI

    by Kokonut UI

    60

    components

    cult ui

    cult ui

    by cult/ui

    50

    components

    SHSF UI

    SHSF UI

    by SHSF UI

    6

    components

    Ruixen UI

    Ruixen UI

    by Ruixen UI

    347

    components

    Cnippet

    Cnippet

    by Cnippet

    347

    components

    About Origin UI

    This page collects the Origin UI components published on 21st — a large set of copy-paste React building blocks built with Tailwind CSS on shadcn/ui conventions, best known for its depth in form controls and everyday interface elements. Every component here renders in a live preview, so you can test behavior before copying anything.

    Use the collection to compare variants quickly, then copy the TSX, install via the shadcn CLI, or pull components into Cursor or Claude Code through MCP. Since the markup follows shadcn/ui patterns, pieces slot into an existing project without restyling.

    All 44 Origin UI components

    • Accordion
    • Alert Dialog
    • Avatar
    • Breadcrumb
    • Button
    • Calendar [React-Area]
    • Calendar [React Day Picker]
    • Checkbox
    • Command
    • Compact Pagination
    • Date Field [React Area]
    • Dialog
    • Dropdown Menu

    Frequently asked questions

    Browse by category

    Input949Form1522Button2043Select316Checkbox238

    Browse all component libraries →

  • Hero Pill
  • Image Crop
  • Input
  • Input with inner tags
  • Input with tags
  • Joined Pagination
  • Label
  • Multiselect
  • Navigation Bar
  • Navigation Bar
  • Navigation Menu
  • Newsletter Section
  • Numbered Pagination
  • Pagination
  • Pagination with text buttons
  • Popover
  • Radio Group
  • Select
  • Select (Native)
  • Simple Pagination
  • Slider
  • Stepper
  • Table
  • Tabs
  • Textarea
  • Tooltip
  • Tree
  • useCharacterLimit
  • useImageUpload
  • usePagination
  • useSliderWithInput