Star Own the UI

Introduction
Installation
Host APIs
Registry
Theming
Brand kit
Identity kit
Launch workflow
Collections
Glossary
Compare
Changelog
Blog
Updates

ButtonCLI
CardCLI
Form SelectCLI
TextareaCLI
BreadcrumbsCLI
ProseCLI
Founder AvatarCLI
Theme ToggleCLI
Adaptive Theme SwitchCLI
Theme ProviderCLI
LogoCLI
Mockup FrameCLI
TimelineCLI
Fade InCLI
StaggerCLI
Scroll ProgressCLI

Site HeaderCLI
Site FooterCLI
Bold FooterCLI
HeroCLI
PrincipleCLI
WorkCLI
CraftsCLI
LabCLI
WhoCLI
PricingCLI
Feature GridCLI
Logo CloudCLI
FAQCLI
Contextual CTACLI
Exit IntentCLI
Contact FormHost API
Calendly EmbedCLI
Waitlist FormHost API
Newsletter FormHost API
JournalCLI
Social ShareCLI
ResourcesCLI
Before / AfterCLI
Case StudyCLI
AR PortfolioCLI
Made With EmbedCLI

Count UpCLI
Deadline CountdownCLI
CurrentlyCLI
Project ListCLI
Log PreviewCLI
ChangelogCLI
Command MenuCLI
RevealCLI
Theme Toggle IconCLI
Site Header NarrowCLI
Site Footer NarrowCLI
Social FloatCLI
Reading ShelfCLI
Personal HeroCLI
ResumeCLI
Local ClockCLI
Weather ChipCLI
Stack ListCLI

OG ExamplesCLI
OG Live PreviewCLI
OG WorkspaceHost API
Thumbnail PreviewCLI
Thumbnail WorkspaceHost API
Project PlannerCLI
Scope ChatHost API
Live DashboardCLI

Analytics ProviderCLI
JSON-LDCLI
Testimonial SchemaCLI

Loading

Block

CLI registry

Reveal

IntersectionObserver reveal using .atro-reveal CSS.

Preview → install → use

01

Preview

$npx shadcn@latest add @atroui/reveal

Reveal

Fades and rises when the block enters the viewport. Pair with .atro-reveal CSS from atroui/globals.css.

Source lands in your repo. Setup: Installation · Registry catalog.

02

Usage

CSS lives in atroui/globals.css. For motion-based fades, see @atroui/fade-in.

Related

Count Up
Deadline Countdown
Currently
Project List

Reveal

PreviousCommand Menu NextTheme Toggle Icon