@lottiefiles/creator-plugins-ui

React UI component library for LottieFiles Creator plugins. Accessible, themeable components built on Base UI and Tailwind CSS v4.

Install

npm install @lottiefiles/creator-plugins-ui

Usage

Import the stylesheet once at your app's entry point, then use components anywhere:

// main.tsx (or your app root)
import "@lottiefiles/creator-plugins-ui/styles.css";

import { Button } from "@lottiefiles/creator-plugins-ui";

export function Example() {
  return <Button onClick={() => console.log("clicked")}>Click me</Button>;
}

Components

Exports include Button, Card, Checkbox, Dialog, Dropdown, Input, NumberInput, RadioGroup, SearchBar, SegmentedControl, Select, Separator, Slider, Spinner, Tabs, Toast, Toggle, Tooltip, Badge, EmptyState, AiPromptInput, and more, plus the cn class-name utility.

Documentation

For detailed component documentation, usage examples, and theming guides, visit the LottieFiles Creator Plugins UI documentation.