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 1
atlas-ui/reveal-effect-speed-html-exampleRemovedExample
Example of Reveal Effect with a custom speed.
Install it
npx shadcn@latest add https://atlasui.dev/r/reveal-effect-speed-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 Speed Html Example - Atlas UI</title>7 <link rel="stylesheet" href="style.css" />8 </head>9 <body>10 <div class="reveal-effect" data-speed="fast">I'm fast as heck.</div>1112 <div class="reveal-effect" data-speed="medium">13 This is medium speed, which is the default.14 </div>1516 <div class="reveal-effect" data-speed="slow">17 I'm slow as molasses.18 </div>19 </body>2021 <script type="module" src="script.js"></script>22</html>
What it pulls in
npm packages
Other registry items
