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