Tailwind v4 Theme Exporter
@theme {
--color-primary: #6366f1;
--color-accent: #a855f7;
--ease-spring: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}Installation
npx kinetic-ui-cli@latest add Props
Configure primary theme colors, spring ease presets, and output CSS formats.
Usage Guide
1. Import the Component
Import the component into your React or Next.js page:
import { ThemeExporter } from "@/components/creative/theme-exporter";
2. Implementation Example
Render the component and customize its behavior by passing props:
import { ThemeExporter } from "@/components/creative/theme-exporter";
export default function Example() {
return (
<div className="w-full flex items-center justify-center p-8">
<ThemeExporter
/>
</div>
);
}