AtroUI

Overview

AtroUI is an MIT-licensed catalog of dark-first React and Next.js components and marketing blocks, built for React 19, Next.js 15 and Tailwind CSS v4. Blocks install through the shadcn CLI as TypeScript in the repo, and content lives in an editable CONTENT object rather than in node_modules.

Its tagline is "Own the UI. Borrow the API." Alongside UI, AtroUI ships Host APIs: route handlers for forms and AI tools that run on the project's own keys, so installing a waitlist form also adds its app/api/waitlist/route.ts. The registry holds 116 items across Base UI primitives, ASCII sections, marketing blocks, motion utilities and tools such as an OG image workspace. AtroUI is made by Koustav, who also runs a one-person development studio from the site.

Features

• Base UI primitives: Button, combobox, autocomplete, drawer, dialog, menus, number field, OTP field, meter, toolbar and toast.
• Marketing blocks: Hero, feature grid, logo cloud, pricing overview, FAQ, contextual CTA, exit-intent popup, headers and footers.
• Host APIs: Contact, waitlist, newsletter, generate, thumbnail and scope route handlers that use the project's own keys.
• ASCII section: ASCII donut, rain, wave, spark, bar, boot sequence, wordmark and decode effects.
• Motion utilities: Fade in, stagger, scroll progress, text morph, line and word reveal, magnetic, tilt, spotlight and animated numbers.
• Tools: OG image and thumbnail workspaces with live previews.
• Site utilities: SEO, analytics provider, social share, Calendly embed and theme provider.

Tech stack

• React 19, Next.js 15
• Tailwind CSS v4
• Base UI, Motion
• lucide-react, next-themes

Registry

Install via the shadcn CLI registry:

npx shadcn@latest add @atroui/component-name