{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "reveal-effect-translate-y-example",
  "title": "Reveal Effect Example 3",
  "description": "Example of Reveal Effect with a custom translate-y.",
  "registryDependencies": [
    "https://atlasui.dev/r/reveal-effect.json"
  ],
  "files": [
    {
      "path": "registry/react/examples/reveal-effect-translate-y-example.tsx",
      "content": "import { RevealEffect } from \"@/registry/react/atlasui/reveal-effect\";\n\nexport const RevealEffectTranslateExample = () => {\n  return (\n    <div className=\"flex flex-col items-center space-y-2\">\n      <RevealEffect translateY={5}>\n        <h1 className=\"text-5xl font-bold\">Atlas UI</h1>\n      </RevealEffect>\n\n      <RevealEffect delay={0.2} translateY={10}>\n        <p className=\"text-center text-xl font-semibold\">\n          An open-source library of prebuilt components.\n        </p>\n      </RevealEffect>\n\n      <RevealEffect delay={0.4} translateY={15}>\n        <p className=\"text-center text-xl font-semibold\">\n          Built to save time, inspire creativity, and elevate your UI\n        </p>\n      </RevealEffect>\n    </div>\n  );\n};\n",
      "type": "registry:example",
      "target": "components/reveal-effect-translate-y-example.tsx"
    }
  ],
  "type": "registry:example"
}