Components

Breadcrumbs

Breadcrumbs are a great way to show hierarchy in a page.

Source code

Click to see the source code for this component on GitHub. Feel free to copy it and adjust it for your own use.

Installation

Usage

Basic

Origin UI Examples

These are some examples that I found today over here Origin UI. I think they are cool.

To use these examples you will have to copy the code and adjust it for your own use.

Icons

Separator

Bordered

Select

BG Pattern - Square

A decorative concentric rotated-square SVG pattern that fades outward — useful as a background embellishment for hero sections, cards, and empty states.

Bubble

Displays conversational content in a message bubble. Supports variants, alignment, grouping, reactions, and collapsible content.