Origin UI
GitHub

Accordion

A growing collection of 20 accordion components built with Next.js and TailwindCSS.

W/ chevron

Yes, with tree-shaking, code splitting, and minimal runtime overhead. Most components are under 5KB gzipped.

W/ plus-minus

Yes, with tree-shaking, code splitting, and minimal runtime overhead. Most components are under 5KB gzipped.

W/ left chevron

Yes, with tree-shaking, code splitting, and minimal runtime overhead. Most components are under 5KB gzipped.

W/ left plus-minus

Yes, with tree-shaking, code splitting, and minimal runtime overhead. Most components are under 5KB gzipped.

W/ icon and chevron

Yes, with tree-shaking, code splitting, and minimal runtime overhead. Most components are under 5KB gzipped.

W/ icon and plus-minus

Yes, with tree-shaking, code splitting, and minimal runtime overhead. Most components are under 5KB gzipped.

W/ sub-header and chevron

Protect your account with two-factor authentication. You can use authenticator apps like Google Authenticator or Authy, receive SMS codes, or use security keys like YubiKey. We recommend using an authenticator app for the most secure experience.

W/ sub-header and plus-minus

Protect your account with two-factor authentication. You can use authenticator apps like Google Authenticator or Authy, receive SMS codes, or use security keys like YubiKey. We recommend using an authenticator app for the most secure experience.

W/ icon, sub-header, and chevron

Protect your account with two-factor authentication. You can use authenticator apps like Google Authenticator or Authy, receive SMS codes, or use security keys like YubiKey. We recommend using an authenticator app for the most secure experience.

W/ icon, sub-header, and plus-minus

Protect your account with two-factor authentication. You can use authenticator apps like Google Authenticator or Authy, receive SMS codes, or use security keys like YubiKey. We recommend using an authenticator app for the most secure experience.

Tabs w/ chevron

Yes, with tree-shaking, code splitting, and minimal runtime overhead. Most components are under 5KB gzipped.

Tabs w/ plus-minus

Yes, with tree-shaking, code splitting, and minimal runtime overhead. Most components are under 5KB gzipped.

Tabs w/ left chevron

Yes, with tree-shaking, code splitting, and minimal runtime overhead. Most components are under 5KB gzipped.

Tabs w/ left plus-minus

Yes, with tree-shaking, code splitting, and minimal runtime overhead. Most components are under 5KB gzipped.

Table w/ chevron

Yes, with tree-shaking, code splitting, and minimal runtime overhead. Most components are under 5KB gzipped.

Table w/ plus-minus

Yes, with tree-shaking, code splitting, and minimal runtime overhead. Most components are under 5KB gzipped.

Table w/ left chevron

Yes, with tree-shaking, code splitting, and minimal runtime overhead. Most components are under 5KB gzipped.

Table w/ left plus-minus

Yes, with tree-shaking, code splitting, and minimal runtime overhead. Most components are under 5KB gzipped.

Multi-level

Our components are tree-shakeable and typically add minimal overhead to your bundle.

Multi-level w/ icon

Our components are tree-shakeable and typically add minimal overhead to your bundle.

Got a component idea?

Let us know on GitHub, and we‘ll add it!👇

Send Suggestion
Brought to you byPasquale‘s profile imageDavide‘s profile image