Introduction

A Shadcn based UI Library for Svelte.

Ori UI is a collection of re-usable components that you can copy and paste into your web apps. It focuses on components, blocks, and templates that help you build landing pages, marketing sites, and polished user-facing interfaces quickly.

It is built on top of shadcn-svelte.

Ori UI hero preview showing a dark layout on the left with documentation text and a mobile analytics card on the right.

Why Ori UI?

Preview of Ori UI’s component philosophy showing an example accordion interface with customizable, composable elements.

Building for Developer Experience

Every API in Ori UI is designed to be predictable and ergonomic, helping you stay in flow while shipping fast:

Full TypeScript coverage
Stable and intuitive component APIs
Flexible event override system
Great defaults with easy extensibility
Clear documentation and practical examples

Production-Ready Accessibility

Accessibility is deeply integrated into every component — not added as an afterthought:

WAI-ARIA compliant behavior
Keyboard navigation built-in
Automatic focus management
Robust screen reader support

Community

Ori UI is built and maintained by Chirag Arora.
Contributions, issues, and feedback are always welcome.

Found an issue? Open one.
Have a feature request? Let’s discuss

Acknowledgments

Built on the shoulders of giants:

Aceternity UI — inspired the internal architecture
Magic UI — inspired the component designs