Introduction

A Shadcn-based UI library for Svelte.

Ori UI is a collection of reusable components 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.

Built for Developer Experience

Every API in Ori UI is designed to be predictable, ergonomic, and easy to work with, so you can stay in flow and ship faster.

Full TypeScript support
Stable and intuitive component APIs
Flexible event override system
Great defaults with simple extensibility
Clear documentation with real-world examples

Production-Ready Accessibility

Accessibility is not an afterthought. It is deeply integrated into every component.

WAI-ARIA compliant behavior
Built-in keyboard navigation
Automatic focus management
Strong screen reader support

Community

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

Found a bug? Open an issue.
Have a feature request? Start a discussion.

Acknowledgments

Ori UI is inspired by the following React-based UI libraries: