@arolariu/components
Version:
🎨 60+ beautiful, accessible React components built on Radix UI. TypeScript-first, tree-shakeable, SSR-ready. Perfect for modern web apps, design systems & rapid prototyping. Zero config, maximum flexibility! ⚡
401 lines (341 loc) • 8.25 kB
text/typescript
export {
Accordion,
AccordionItem,
AccordionTrigger,
AccordionContent,
} from "./components/ui/accordion";
export {
AlertDialog,
AlertDialogPortal,
AlertDialogOverlay,
AlertDialogTrigger,
AlertDialogContent,
AlertDialogHeader,
AlertDialogFooter,
AlertDialogTitle,
AlertDialogDescription,
AlertDialogAction,
AlertDialogCancel,
} from "./components/ui/alert-dialog";
export { Alert, AlertTitle, AlertDescription } from "./components/ui/alert";
export { AspectRatio } from "./components/ui/aspect-ratio";
export { Avatar, AvatarImage, AvatarFallback } from "./components/ui/avatar";
export { Badge, badgeVariants } from "./components/ui/badge";
export {
Breadcrumb,
BreadcrumbList,
BreadcrumbItem,
BreadcrumbLink,
BreadcrumbPage,
BreadcrumbSeparator,
BreadcrumbEllipsis,
} from "./components/ui/breadcrumb";
export { Button, buttonVariants } from "./components/ui/button";
export { Calendar } from "./components/ui/calendar";
export {
Card,
CardAction,
CardHeader,
CardFooter,
CardTitle,
CardDescription,
CardContent,
} from "./components/ui/card";
export {
type CarouselApi,
Carousel,
CarouselContent,
CarouselItem,
CarouselPrevious,
CarouselNext,
} from "./components/ui/carousel";
export {
ChartContainer,
ChartTooltip,
ChartTooltipContent,
ChartLegend,
ChartLegendContent,
ChartStyle,
} from "./components/ui/chart";
export { Checkbox } from "./components/ui/checkbox";
export {
Collapsible,
CollapsibleTrigger,
CollapsibleContent,
} from "./components/ui/collapsible";
export {
Command,
CommandDialog,
CommandInput,
CommandList,
CommandEmpty,
CommandGroup,
CommandItem,
CommandShortcut,
CommandSeparator,
} from "./components/ui/command";
export {
ContextMenu,
ContextMenuTrigger,
ContextMenuContent,
ContextMenuItem,
ContextMenuCheckboxItem,
ContextMenuRadioItem,
ContextMenuLabel,
ContextMenuSeparator,
ContextMenuShortcut,
ContextMenuGroup,
ContextMenuPortal,
ContextMenuSub,
ContextMenuSubContent,
ContextMenuSubTrigger,
ContextMenuRadioGroup,
} from "./components/ui/context-menu";
export {
Dialog,
DialogClose,
DialogContent,
DialogDescription,
DialogFooter,
DialogHeader,
DialogOverlay,
DialogPortal,
DialogTitle,
DialogTrigger,
} from "./components/ui/dialog";
export {
Drawer,
DrawerPortal,
DrawerOverlay,
DrawerTrigger,
DrawerClose,
DrawerContent,
DrawerHeader,
DrawerFooter,
DrawerTitle,
DrawerDescription,
} from "./components/ui/drawer";
export {
DropdownMenu,
DropdownMenuPortal,
DropdownMenuTrigger,
DropdownMenuContent,
DropdownMenuGroup,
DropdownMenuLabel,
DropdownMenuItem,
DropdownMenuCheckboxItem,
DropdownMenuRadioGroup,
DropdownMenuRadioItem,
DropdownMenuSeparator,
DropdownMenuShortcut,
DropdownMenuSub,
DropdownMenuSubTrigger,
DropdownMenuSubContent,
} from "./components/ui/dropdown-menu";
export {
useFormField,
Form,
FormItem,
FormLabel,
FormControl,
FormDescription,
FormMessage,
FormField,
} from "./components/ui/form";
export {
HoverCard,
HoverCardTrigger,
HoverCardContent,
} from "./components/ui/hover-card";
export {
InputOTP,
InputOTPGroup,
InputOTPSlot,
InputOTPSeparator,
} from "./components/ui/input-otp";
export { Input } from "./components/ui/input";
export { Label } from "./components/ui/label";
export {
Menubar,
MenubarPortal,
MenubarMenu,
MenubarTrigger,
MenubarContent,
MenubarGroup,
MenubarSeparator,
MenubarLabel,
MenubarItem,
MenubarShortcut,
MenubarCheckboxItem,
MenubarRadioGroup,
MenubarRadioItem,
MenubarSub,
MenubarSubTrigger,
MenubarSubContent,
} from "./components/ui/menubar";
export {
NavigationMenu,
NavigationMenuList,
NavigationMenuItem,
NavigationMenuContent,
NavigationMenuTrigger,
NavigationMenuLink,
NavigationMenuIndicator,
NavigationMenuViewport,
navigationMenuTriggerStyle,
} from "./components/ui/navigation-menu";
export {
Pagination,
PaginationContent,
PaginationLink,
PaginationItem,
PaginationPrevious,
PaginationNext,
PaginationEllipsis,
} from "./components/ui/pagination";
export {
Popover,
PopoverTrigger,
PopoverContent,
PopoverAnchor,
} from "./components/ui/popover";
export { Progress } from "./components/ui/progress";
export { RadioGroup, RadioGroupItem } from "./components/ui/radio-group";
export {
ResizablePanelGroup,
ResizablePanel,
ResizableHandle,
} from "./components/ui/resizable";
export { ScrollArea, ScrollBar } from "./components/ui/scroll-area";
export {
Select,
SelectContent,
SelectGroup,
SelectItem,
SelectLabel,
SelectScrollDownButton,
SelectScrollUpButton,
SelectSeparator,
SelectTrigger,
SelectValue,
} from "./components/ui/select";
export { Separator } from "./components/ui/separator";
export {
Sheet,
SheetTrigger,
SheetClose,
SheetContent,
SheetHeader,
SheetFooter,
SheetTitle,
SheetDescription,
} from "./components/ui/sheet";
export {
Sidebar,
SidebarContent,
SidebarFooter,
SidebarGroup,
SidebarGroupAction,
SidebarGroupContent,
SidebarGroupLabel,
SidebarHeader,
SidebarInput,
SidebarInset,
SidebarMenu,
SidebarMenuAction,
SidebarMenuBadge,
SidebarMenuButton,
SidebarMenuItem,
SidebarMenuSkeleton,
SidebarMenuSub,
SidebarMenuSubButton,
SidebarMenuSubItem,
SidebarProvider,
SidebarRail,
SidebarSeparator,
SidebarTrigger,
useSidebar,
} from "./components/ui/sidebar";
export { Skeleton } from "./components/ui/skeleton";
export { Slider } from "./components/ui/slider";
export { Toaster, toast } from "./components/ui/sonner";
export { Switch } from "./components/ui/switch";
export {
Table,
TableHeader,
TableBody,
TableFooter,
TableHead,
TableRow,
TableCell,
TableCaption,
} from "./components/ui/table";
export { Tabs, TabsList, TabsTrigger, TabsContent } from "./components/ui/tabs";
export { Textarea } from "./components/ui/textarea";
export { ToggleGroup, ToggleGroupItem } from "./components/ui/toggle-group";
export { Toggle, toggleVariants } from "./components/ui/toggle";
export {
Tooltip,
TooltipTrigger,
TooltipContent,
TooltipProvider,
} from "./components/ui/tooltip";
export { useIsMobile } from "./hooks/use-mobile";
export { cn } from "./lib/utils";
// Animate-UI exports:
export {
FlipButton,
type FlipButtonProps,
type FlipDirection,
} from "./components/ui/flip-button";
export {
RippleButton,
type RippleButtonProps,
} from "./components/ui/ripple-button";
export {
CountingNumber,
type CountingNumberProps,
} from "./components/ui/counting-number";
export {
GradientText,
type GradientTextProps,
} from "./components/ui/gradient-text";
export {
HighlightText,
type HighlightTextProps,
} from "./components/ui/highlight-text";
export {
BubbleBackground,
type BubbleBackgroundProps,
} from "./components/ui/bubble-background";
export {
FireworksBackground,
type FireworksBackgroundProps,
} from "./components/ui/fireworks-background";
export {
GradientBackground,
type GradientBackgroundProps,
} from "./components/ui/gradient-background";
export {
HoleBackground,
type HoleBackgroundProps,
} from "./components/ui/hole-background";
// Magic UI exports:
export { Scratcher } from "./components/ui/scratcher";
export { DotBackground } from "./components/ui/dot-background";
// Aceternity UI exports:
export { BackgroundBeams } from "./components/ui/background-beams";
// Jia Wei Ng export (https://github.com/jiaweing/DropDrawer):
export {
DropDrawer,
DropDrawerContent,
DropDrawerFooter,
DropDrawerGroup,
DropDrawerItem,
DropDrawerLabel,
DropDrawerSeparator,
DropDrawerSub,
DropDrawerSubContent,
DropDrawerSubTrigger,
DropDrawerTrigger,
} from "./components/ui/dropdrawer";