# API Reference

Source: https://plumeria.dev/docs/api-reference



Plumeria provides a set of powerful APIs and plugins to help you build type-safe, performant styles.

## JavaScript API [#javascript-api]

The core JavaScript APIs for defining styles, themes, and animations.

<Cards>
  <Card href="/docs/api-reference/javascript/create" title="create" description="Create type-safe CSS-in-JS styles with full TypeScript support." />

  <Card href="/docs/api-reference/javascript/createTheme" title="createTheme" description="Create and manage design tokens and themes using CSS variables." />

  <Card href="/docs/api-reference/javascript/createStatic" title="createStatic" description="Create static styles that are extracted at build time." />

  <Card href="/docs/api-reference/javascript/keyframes" title="keyframes" description="Define CSS keyframes for animations." />

  <Card href="/docs/api-reference/javascript/viewTransition" title="viewTransition" description="First-class support for the View Transitions API." />

  <Card href="/docs/api-reference/javascript/marker" title="marker & extended" description="Apply styles based on parent markers or extended selectors." />

  <Card href="/docs/api-reference/javascript/use" title="classStyle & use()" description="Apply styles to elements using the classStyle and use functions." />
</Cards>

## Components [#components]

Ready-made components built on Plumeria's styling model.

<Cards>
  <Card href="/docs/api-reference/components/headlessui" title="@plumeria/headlessui" description="Radix UI primitives wrapped to accept the classStyle prop." />

  <Card href="/docs/api-reference/components/inspector" title="@plumeria/inspector" description="Inspect elements and their compiled styles in the browser." />
</Cards>

## Plugins [#plugins]

Integrate Plumeria with your favorite tools and frameworks.

<Cards>
  <Card href="/docs/api-reference/plugins/next-plugin" title="@plumeria/next-plugin" description="Official plugin for Next.js supporting both Webpack and Turbopack." />

  <Card href="/docs/api-reference/plugins/unplugin" title="@plumeria/unplugin" description="Universal bundler plugin supporting Vite, Webpack, Rspack, and more." />

  <Card href="/docs/api-reference/plugins/eslint-plugin" title="@plumeria/eslint-plugin" description="ESLint rules to ensure best practices and prevent common errors." />
</Cards>

## Tools [#tools]

Command line tools for maintaining a Plumeria codebase.

<Cards>
  <Card href="/docs/api-reference/codemod" title="@plumeria/codemod" description="Rename the styling prop across a codebase in one command." />
</Cards>