Alida UI Documentation

Usage

Import components directly from the library and start building your UI immediately:

import { Button } from "alida-ui";

export default function Example() {
  return <Button>Click me</Button>;
}

Customization

Alida UI is built with Tailwind CSS and uses neutral white opacity layers, ensuring seamless adaptation to any background. You can easily override styles using utility classes or pass custom class names to each component.

<Button className="border-white/50 bg-white/10 hover:bg-white/20">
  Custom Button
</Button>

Components