18 lines
1.1 KiB
JSON
18 lines
1.1 KiB
JSON
{
|
|
"$schema": "https://ui.shadcn.com/schema/registry-item.json",
|
|
"name": "splitting-with-custom-variants-demo",
|
|
"type": "registry:ui",
|
|
"title": "Splitting with Custom Variants Demo",
|
|
"description": "Demo showing an animated splitting text with custom variants.",
|
|
"registryDependencies": [
|
|
"https://animate-ui.com/r/splitting-text"
|
|
],
|
|
"files": [
|
|
{
|
|
"path": "registry/demo/text/splitting-with-custom-variants/index.tsx",
|
|
"content": "import { SplittingText } from '@/components/animate-ui/text/splitting';\n\nexport const SplittingWithCustomVariantsDemo = () => {\n return (\n <SplittingText\n className=\"text-lg\"\n type=\"chars\"\n inView\n text=\"Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, quos.\"\n motionVariants={{\n initial: { y: 50, scale: 0.5, opacity: 0, x: 50, rotate: 90 },\n animate: { y: 0, scale: 1, opacity: 1, x: 0, rotate: 0 },\n transition: { duration: 0.5, ease: 'easeOut' },\n }}\n />\n );\n};\n",
|
|
"type": "registry:ui",
|
|
"target": "components/animate-ui/demo/text/splitting-with-custom-variants.tsx"
|
|
}
|
|
]
|
|
} |