Introduction

Re-usable components built using React, TypeScript, and Tailwind CSS.

What is ruma-ui?

ruma-ui is NOT a component library package installed via npm dependency. It is a collection of re-usable components that you copy and paste into your apps or install via CLI directly into your codebase.

You own the code. Pick the components you need, customize the styles to fit your brand design system, and maintain full control over your UI dependencies.

Why ruma-ui?

  • Full Customization

    Direct source code in your project directory. Change any styling or behavior anytime.

  • Zero Dependency Lock-in

    No bulky npm package updates or breaking library updates. You are in complete control.

  • Tailwind CSS & Dark Mode

    Styled using standard Tailwind CSS classes and CSS custom properties.

  • CLI Powered

    Install components with one terminal command: npx ruma-ui add <component>.