This component no longer exists. It was in atlas-ui’s manifest when we first indexed it and is not there now — the registry served its inventory on 2026-08-13 and this item was not on it. The install command below will fail. It is kept here because a tutorial somewhere still tells people to run it.
Reveal Effect Example 3
atlas-ui/reveal-effect-translate-y-exampleRemovedExample
Example of Reveal Effect with a custom translate-y.
Install it
npx shadcn@latest add https://atlasui.dev/r/reveal-effect-translate-y-example.jsonSource
1import { RevealEffect } from "@/registry/react/atlasui/reveal-effect";23export const RevealEffectTranslateExample = () => {4 return (5 <div className="flex flex-col items-center space-y-2">6 <RevealEffect translateY={5}>7 <h1 className="text-5xl font-bold">Atlas UI</h1>8 </RevealEffect>910 <RevealEffect delay={0.2} translateY={10}>11 <p className="text-center text-xl font-semibold">12 An open-source library of prebuilt components.13 </p>14 </RevealEffect>1516 <RevealEffect delay={0.4} translateY={15}>17 <p className="text-center text-xl font-semibold">18 Built to save time, inspire creativity, and elevate your UI19 </p>20 </RevealEffect>21 </div>22 );23};
What it pulls in
Other registry items
