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 HTML Example 3
atlas-ui/reveal-effect-translate-y-html-exampleRemovedExample
Example of Reveal Effect with a custom translate-y.
Install it
npx shadcn@latest add https://atlasui.dev/r/reveal-effect-translate-y-html-example.jsonSource
1<!doctype html>2<html lang="en">3 <head>4 <meta charset="UTF-8" />5 <meta name="viewport" content="width=device-width, initial-scale=1.0" />6 <title>Reveal Effect Translate Y Html Example - Atlas UI</title>7 <link rel="stylesheet" href="style.css" />8 </head>9 <body>10 <div class="reveal-effect" data-translatey="5">11 <h1>Atlas UI</h1>12 </div>1314 <div class="reveal-effect" data-delay="0.2" data-translatey="10">15 An open-source library of prebuilt components.16 </div>1718 <div class="reveal-effect" data-delay="0.4" data-translatey="15">19 Built to save time, inspire creativity, and elevate your UI20 </div>21 </body>2223 <script type="module" src="script.js"></script>24</html>
What it pulls in
npm packages
Other registry items
