Beautiful Motion.
Timeless Components.
A production-grade motion engine + 27 themeable UI components for React, Vue, and Svelte. Zero-allocation. Accessible. < 5 KB.
$npm install @aaroh/react-ui @aaroh/uiWhat is Aaroh?
The foundational building blocks for creating world-class digital experiences.
Motion Engine
Zero-allocation animation at 60fps. Spring physics, scroll-linked, and timeline orchestration built for maximum performance.
Design System
27 components, 3 themes, token-driven architecture. Fully customizable without touching a single line of component code.
Every Framework
First-class React, Vue, and Svelte support. Same intuitive API, same beautiful visual output, everywhere you build.
Code Once. Deploy Anywhere.
First-class support for the frameworks you already love.
import '@aaroh/ui/themes/heritage';
import '@aaroh/ui/components/button';
import { Button } from '@aaroh/react-ui';
function App() {
return (
<Button variant="solid" size="md">
Get Started
</Button>
);
}<script setup>
import { AButton } from '@aaroh/vue-ui';
</script>
<template>
<AButton variant="solid" size="md">Get Started</AButton>
</template><script>
import { buttonProps } from '@aaroh/svelte-ui';
const attrs = buttonProps({ variant: 'solid', size: 'md', hasChildren: true });
</script>
<button {...attrs}>Get Started</button>27 Components. Infinite Possibilities.
Every component is accessible, responsive, and beautifully animated by default.
Interactive Cards
Rich containers with hover states.
Forms & Buttons
Accessible & focus-managed.
Micro-interactions
Smooth spring animations.
All Components
A complete ecosystem of 30+ accessible primitives.
One Codebase. Any Identity.
Every visual property is driven by design tokens. Switch themes without changing a single line of component code.
Heritage
Default Theme
Premium Experience
Designed for luxury and high-end digital products.
Modern
Tech & Startup
Sleek & Fast
High contrast, clean lines, built for developer tools.
Minimal
Clean & Editorial
Focus on Content
Subtle borders, light backgrounds, perfect for reading.
Start Building.
Install the packages for your framework of choice.
React
npm install @aaroh/react-ui @aaroh/uiVue
npm install @aaroh/vue-ui @aaroh/uiSvelte
npm install @aaroh/svelte-ui @aaroh/uiMotion Only (No UI)
npm install @aaroh/reactProudly Open Source
Built by Quilonix and the community. Join us in building the future of web motion.