Install a component
Components are copied directly into your project — no runtime dependency.
npx shadcn@latest add https://atomx.acau.net/r/<name>.json
Form components
Quick previews of the form toolkit. See the docs for full usage and props.
Select
Checkbox
Switch
Radio Group
Form (react-hook-form)
Disclosure, feedback & media
Accordion, Alert, Alert Dialog, Aspect Ratio, and Avatar. See the docs for full usage and props.
Accordion
Alert
Alert Dialog
Aspect Ratio
Avatar
Display, navigation & layout
Badge, Breadcrumb, Separator, and Button Group. See the docs for full usage and props.
Badge
Breadcrumb
Separator
Button Group
Date, media, commands & overlays
Calendar, Carousel, Chart, Collapsible, Command, Context Menu, Dialog, Popover, and Combobox. See the docs for full usage and props.
Calendar
Carousel
Chart
Collapsible
Command
Context Menu
Right-click hereDialog
Popover
Combobox
Menus, drawers, dates & direction
Dropdown Menu, Drawer, Date Picker, and Direction. See the docs for full usage and props.
Dropdown Menu
Drawer
Date Picker
Direction
Forms, lists & surfaces
Empty, Field, Hover Card, Input Group, Input OTP, Item, and Kbd. See the docs for full usage and props.
Empty
Field
Your public display name.
Agree to the terms of service.
Hover Card
Input Group
Input OTP
Code: ––––––
Item
Manage your personal information.
Notifications and digests.
Kbd
Menubar, navigation, pagination & layout
Menubar, Native Select, Navigation Menu, Pagination, Progress, and Resizable. See the docs for full usage and props.
Menubar
Native Select
Progress
Navigation Menu
Pagination
Resizable (horizontal)
Resizable (vertical)
Tabs, toggles, tooltips & toasts
Tabs, Toggle, Toggle Group, Tooltip, and Sonner. See the docs for full usage and props.
Tabs
Toggle
Toggle Group
Tooltip
Sonner (Toast)
Typography
Taxing Laughter: The Joke Tax Chronicles
The People of the Kingdom
Once upon a time, in a far-off land, there was a very lazy king who spent all day lounging on his throne.
“After all,” he would say, “everyone enjoys a good joke, so it's only fair that they should pay for the privilege.”
@radix-ui/react-alert-dialogScroll, sheets, sidebars & sliders
Scroll Area, Sheet, Sidebar, Skeleton, Slider, and Spinner. See the docs for full usage and props.
Scroll Area
Sheet
Skeleton
Slider
Spinner
Sidebar
Each preview is isolated to its own bounded container. In a real app the sidebar spans the full viewport.
Static (collapsible="none")
Offcanvas — hide on trigger
Icon — collapse to icons
Floating variant
About
atomx is a custom shadcn/ui-compatible registry. Components are distributed as source files — consumers own the code after install. Upstream updates require re-running the add command.