AtroUIAtroUI
  • Getting Started
  • Installation
  • MCP server
  • Coming from…
  • Collections
  • Registry
  • Theming
  • Host APIs
  • Brand kit
  • Identity kit
  • Landing kit
  • Launch workflow
  • For agents
  • Glossary
  • Compare
  • Alternatives hub
  • vs Aceternity UI
  • vs Magic UI
  • Aceternity alternative
  • Magic UI alternative
  • Tailwind Plus alternative
  • Changelog
  • Blog
  • Updates
  • ButtonCLI
  • DialogCLI
  • Alert DialogCLI
  • MenuCLI
  • Context MenuCLI
  • Navigation MenuCLI
  • MenubarCLI
  • PopoverCLI
  • TooltipCLI
  • Preview CardCLI
  • Scroll AreaCLI
  • SeparatorCLI
  • FieldCLI
  • Number FieldCLI
  • OTP FieldCLI
  • FormCLI
  • FieldsetCLI
  • InputCLI
  • TextareaCLI
  • CheckboxCLI
  • Checkbox GroupCLI
  • RadioCLI
  • SwitchCLI
  • ToggleCLI
  • Toggle GroupCLI
  • ToolbarCLI
  • AccordionCLI
  • CollapsibleCLI
  • ComboboxCLI
  • AutocompleteCLI
  • DrawerCLI
  • TabsCLI
  • ToastCLI
  • ProgressCLI
  • SliderCLI
  • MeterCLI
  • AvatarCLI
  • CardCLI
  • Form SelectCLI
  • Motion PlaygroundCLI
  • BreadcrumbsCLI
  • ProseCLI
  • Founder AvatarCLI
  • Theme ToggleCLI
  • Adaptive Theme SwitchCLI
  • Theme ProviderCLI
  • LogoCLI
  • TimelineCLI
  • Fade InCLI
  • StaggerCLI
  • Line RevealCLI
  • Word Reveal ScrollCLI
  • Text MorphCLI
  • Copy ButtonCLI
  • Label RollCLI
  • MagneticCLI
  • TiltCLI
  • SpotlightCLI
  • Animate NumberCLI
  • Transition PanelCLI
  • Scroll ProgressCLI
  • ASCII
  • DonutCLI
  • RainCLI
  • WaveCLI
  • SparkCLI
  • BarCLI
  • BootCLI
  • WordmarkCLI
  • DecodeCLI
  • Site HeaderCLI
  • Site FooterCLI
  • Bold FooterCLI
  • HeroCLI
  • PrincipleCLI
  • WorkCLI
  • CraftsCLI
  • LabCLI
  • WhoCLI
  • PricingCLI
  • Feature GridCLI
  • Logo CloudCLI
  • FAQCLI
  • Contextual CTACLI
  • Exit IntentCLI
  • Calendly EmbedCLI
  • Waitlist FormHost API
  • Newsletter FormHost API
  • JournalCLI
  • Social ShareCLI
  • ResourcesCLI
  • AR PortfolioCLI
  • Made With EmbedCLI
  • Hero ParallaxCLI
  • Hero LampCLI
  • Logo MarqueeCLI
  • Testimonials StackCLI
  • Feature BentoCLI
  • CTA BandCLI
  • Pricing TiersCLI
  • FAQ AccordionCLI
  • Stats BandCLI
  • Integration BeamCLI
  • Showcase CarouselCLI
  • Auth SplitCLI
  • SaaS StarterCLI
  • Landing KitCLI
  • OG ExamplesCLI
  • OG Live PreviewCLI
  • OG WorkspaceHost API
  • Thumbnail PreviewCLI
  • Thumbnail WorkspaceHost API
  • Project PlannerCLI
  • Scope ChatHost API
  • Launch WorkflowCLI
  • Live DashboardCLI
  • Analytics ProviderCLI
AtroUI·Home·Components·Blog·GitHub·Changelog

Catalog · 117

Components

Open a block, then npx shadcn@latest add @atroui/…. Previews live on each page — Host API items need your keys.

  1. 01HeroOwn the first scroll
  2. 02ButtonCanonical CTA
  3. 03WaitlistCapture + Host API

Press / to search

Primitives

61
  • ButtonCLIActions and CTAs
  • DialogCLIModal settle surface
  • Alert DialogCLIConfirm irreversible
  • MenuCLIDropdown actions
  • Context MenuCLIPointer actions
  • Navigation MenuCLIPeer nav panels
  • MenubarCLIFocus-roving menus
  • PopoverCLIAnchored disclosure
  • TooltipCLIMicro hint
  • Preview CardCLILink preview + opt-in media motion
  • Scroll AreaCLIIdle thumb fade
  • SeparatorCLISoft hairline
  • FieldCLILabel + error spine
  • Number FieldCLIStepper + scrub
  • OTP FieldCLIDigit slots
  • FormCLIValidation spine
  • FieldsetCLILegend group
  • InputCLISingle-line control
  • TextareaCLIMulti-line control
  • CheckboxCLICheck path draw
  • Checkbox GroupCLIParent + children
  • RadioCLIFill-scale group
  • SwitchCLIThumb travel toggle
  • ToggleCLIPressed fill morph
  • Toggle GroupCLIPeer highlight morph
  • ToolbarCLIDense soft-rect chrome
  • AccordionCLIHeight disclosure
  • CollapsibleCLISingle height reveal
  • ComboboxCLIFilterable select
  • AutocompleteCLISuggest as you type
  • DrawerCLIEdge panel slide
  • TabsCLIIndicator morph
  • ToastCLIEdge notification stack
  • ProgressCLIFill width tween
  • SliderCLIThumb press range
  • MeterCLIValue fill gauge
  • AvatarCLIImage fade + fallback
  • CardCLIGrouped surface
  • Form SelectCLIStyled select
  • Motion PlaygroundCLIP0 spine together
  • BreadcrumbsCLIPath navigation
  • ProseCLILong-form typography
  • Founder AvatarCLIPortrait mark
  • Theme ToggleCLILight / dark switch
  • Adaptive Theme SwitchCLIKeeps type readable across modes
  • Theme ProviderCLInext-themes root
  • LogoCLIMark and wordmark
  • TimelineCLIScroll-linked motion
  • Fade InCLIScroll reveal
  • StaggerCLIStaggered children
  • Line RevealCLIText enter stagger
  • Word Reveal ScrollCLIScroll word opacity
  • Text MorphCLILabel state morph
  • Copy ButtonCLICopy → check recipe
  • Label RollCLIHover text roll
  • MagneticCLIMedia pointer pull
  • TiltCLIMild media 3D tilt
  • SpotlightCLIDark card cursor wash
  • Animate NumberCLIPricing / stats counter
  • Transition PanelCLIWait-mode panel swap
  • Scroll ProgressCLIReading progress bar

ASCII

9
  • ASCIISection — characters as pixels
  • DonutCLI3D torus, z-buffered
  • RainCLIFalling glyph field
  • WaveCLIFunction field f(x,y,t)
  • SparkCLIBlock-element bars
  • BarCLIPseudo-graphics progress
  • BootCLITypewriter init log
  • WordmarkCLIPixel-font big text
  • DecodeCLIScramble decrypt resolve

Blocks

37
  • Site HeaderCLISticky nav chrome
  • Site FooterCLISimple site footer
  • Bold FooterCLIEditorial footer
  • HeroCLIAI value-prop hero
  • PrincipleCLIPositioning band
  • WorkCLICase study grid
  • CraftsCLICapabilities band
  • LabCLIExperiments strip
  • WhoCLIFounder / about
  • PricingCLIOffer tiers
  • Feature GridCLIProduct pillars
  • Logo CloudCLIPartner name strip
  • FAQCLIAccordion answers
  • Contextual CTACLIScroll-triggered CTA
  • Exit IntentCLILeave-intent modal
  • Calendly EmbedCLIBooking embed
  • Waitlist FormHost APIWaitlist signup
  • Newsletter FormHost APIEmail capture
  • JournalCLIBlog index layout
  • Social ShareCLIShare links
  • ResourcesCLIResource library
  • AR PortfolioCLIAR showcase
  • Made With EmbedCLICredit badge
  • Hero ParallaxCLIScroll parallax rows
  • Hero LampCLILamp glow hero
  • Logo MarqueeCLILogo strip marquee
  • Testimonials StackCLICard stack reviews
  • Feature BentoCLIBento feature grid
  • CTA BandCLICTA banner
  • Pricing TiersCLIBilling toggle tiers
  • FAQ AccordionCLIAccessible FAQ
  • Stats BandCLIMetric stat band
  • Integration BeamCLIIntegration diagram
  • Showcase CarouselCLICards carousel
  • Auth SplitCLISplit auth panel
  • SaaS StarterCLIStarter landing
  • Landing KitCLIFull Vibrant soft-rect stack

Tools

9
  • OG ExamplesCLIOG style gallery
  • OG Live PreviewCLIOG card preview
  • OG WorkspaceHost APIOG generator UI
  • Thumbnail PreviewCLIThumb style preview
  • Thumbnail WorkspaceHost APIThumb generator UI
  • Project PlannerCLIScope planner
  • Scope ChatHost APIAI scoping chat
  • Launch WorkflowCLIScope → Planner → OG room
  • Live DashboardCLIStudio status board

Headless

1
  • Analytics ProviderCLIPlausible / GA wrapper

Live tools

  • Landing kitAppVibrant soft-rect marketing stack
  • Launch roomAppScope → Planner → OG in one path
  • OG workspaceAppGenerate social cards in the browser
  • Project plannerAppScope a build, hand off to OG
  • Theme StudioAppLive accents, radius, and CSS export