{ "$schema": "https://ui.shadcn.com/schema/registry.json", "name": "another-ui", "homepage": "https://anotherui.dev", "items": [ { "name": "another-ui-styles", "type": "registry:item", "title": "Another UI Styles", "description": "The Another UI stylesheet: motion, button styles, card surfaces and scroll fades. Every Another UI component depends on it.", "css": { "@import \"../styles/another-ui.css\"": {} }, "files": [ { "path": "styles/another-ui.css", "type": "registry:file", "target": "styles/another-ui.css" } ] }, { "name": "utils", "type": "registry:lib", "title": "Utils", "description": "The cn helper Another UI components use to merge Tailwind classes.", "dependencies": [ "clsx@2.1.1", "tailwind-merge@3.6.0" ], "files": [ { "path": "lib/utils.ts", "type": "registry:lib", "target": "lib/utils.ts" } ] }, { "name": "sounds", "type": "registry:lib", "title": "Sounds", "description": "Another UI interaction sounds, played with Cuelume, with an on and off preference stored in the browser.", "dependencies": [ "cuelume@0.2.4" ], "files": [ { "path": "lib/sounds.ts", "type": "registry:lib", "target": "lib/sounds.ts" } ] }, { "name": "like-burst", "type": "registry:lib", "title": "Like Burst", "description": "The particle burst Another UI plays when a favorite or rating is set.", "files": [ { "path": "lib/like-burst.ts", "type": "registry:lib", "target": "lib/like-burst.ts" } ] }, { "name": "use-mobile", "type": "registry:hook", "title": "useIsMobile", "description": "A hook that reports whether the viewport is below the mobile breakpoint.", "files": [ { "path": "hooks/use-mobile.ts", "type": "registry:hook", "target": "hooks/use-mobile.ts" } ] }, { "name": "use-media-query", "type": "registry:hook", "title": "useMediaQuery", "description": "A hook that tracks whether a CSS media query matches.", "files": [ { "path": "hooks/use-media-query.tsx", "type": "registry:hook", "target": "hooks/use-media-query.tsx" } ] }, { "name": "accordion", "type": "registry:ui", "title": "Accordion", "description": "A vertically stacked set of interactive headings that each reveal a section of content.", "dependencies": [ "@phosphor-icons/react@2.1.10", "radix-ui@1.4.3" ], "registryDependencies": [ "https://anotherui.dev/r/another-ui-styles.json", "https://anotherui.dev/r/utils.json" ], "files": [ { "path": "ui/accordion.tsx", "type": "registry:ui" } ] }, { "name": "alert", "type": "registry:ui", "title": "Alert", "description": "Displays a callout for user attention.", "dependencies": [ "class-variance-authority@0.7.1" ], "registryDependencies": [ "https://anotherui.dev/r/another-ui-styles.json", "https://anotherui.dev/r/utils.json" ], "files": [ { "path": "ui/alert.tsx", "type": "registry:ui" } ] }, { "name": "alert-dialog", "type": "registry:ui", "title": "Alert Dialog", "description": "A modal dialog that interrupts the user with important content and expects a response.", "dependencies": [ "radix-ui@1.4.3" ], "registryDependencies": [ "https://anotherui.dev/r/another-ui-styles.json", "https://anotherui.dev/r/button.json", "https://anotherui.dev/r/utils.json" ], "files": [ { "path": "ui/alert-dialog.tsx", "type": "registry:ui" } ] }, { "name": "amount", "type": "registry:ui", "title": "Amount", "description": "A sum of money formatted for any currency, with signs, colours, compact form, small cents and a hide toggle.", "registryDependencies": [ "https://anotherui.dev/r/another-ui-styles.json", "https://anotherui.dev/r/motion.json", "https://anotherui.dev/r/utils.json" ], "files": [ { "path": "ui/amount.tsx", "type": "registry:ui" } ] }, { "name": "approval-card", "type": "registry:ui", "title": "Approval Card", "description": "The agent asks before it acts. Shows what will happen and how risky it is, then lets the person approve, deny or edit first.", "dependencies": [ "@phosphor-icons/react@2.1.10" ], "registryDependencies": [ "https://anotherui.dev/r/another-ui-styles.json", "https://anotherui.dev/r/badge.json", "https://anotherui.dev/r/button.json", "https://anotherui.dev/r/card.json", "https://anotherui.dev/r/checkbox.json", "https://anotherui.dev/r/kbd.json", "https://anotherui.dev/r/label.json", "https://anotherui.dev/r/progress.json", "https://anotherui.dev/r/sounds.json", "https://anotherui.dev/r/utils.json" ], "files": [ { "path": "ui/approval-card.tsx", "type": "registry:ui" } ] }, { "name": "aspect-ratio", "type": "registry:ui", "title": "Aspect Ratio", "description": "Displays content within a desired ratio.", "dependencies": [ "radix-ui@1.4.3" ], "registryDependencies": [ "https://anotherui.dev/r/another-ui-styles.json" ], "files": [ { "path": "ui/aspect-ratio.tsx", "type": "registry:ui" } ] }, { "name": "attachment", "type": "registry:ui", "title": "Attachment", "description": "Displays a file or image attachment with media, metadata, upload state, and actions.", "dependencies": [ "class-variance-authority@0.7.1", "radix-ui@1.4.3" ], "registryDependencies": [ "https://anotherui.dev/r/another-ui-styles.json", "https://anotherui.dev/r/button.json", "https://anotherui.dev/r/utils.json" ], "files": [ { "path": "ui/attachment.tsx", "type": "registry:ui" } ] }, { "name": "audio-player", "type": "registry:ui", "title": "Audio Player", "description": "Custom controls for an audio file, with play and pause, scrubbing, speed, volume and an optional waveform.", "dependencies": [ "@phosphor-icons/react@2.1.10", "radix-ui@1.4.3" ], "registryDependencies": [ "https://anotherui.dev/r/another-ui-styles.json", "https://anotherui.dev/r/button.json", "https://anotherui.dev/r/dropdown-menu.json", "https://anotherui.dev/r/motion.json", "https://anotherui.dev/r/slider.json", "https://anotherui.dev/r/sounds.json", "https://anotherui.dev/r/utils.json" ], "files": [ { "path": "ui/audio-player.tsx", "type": "registry:ui" } ] }, { "name": "avatar", "type": "registry:ui", "title": "Avatar", "description": "An image element with a fallback for representing the user.", "dependencies": [ "radix-ui@1.4.3" ], "registryDependencies": [ "https://anotherui.dev/r/another-ui-styles.json", "https://anotherui.dev/r/utils.json" ], "files": [ { "path": "ui/avatar.tsx", "type": "registry:ui" } ] }, { "name": "avatar-upload", "type": "registry:ui", "title": "Avatar Upload", "description": "Pick or drop a photo, crop it to a circle, and show it in an Avatar. Hands back a data URL and a Blob.", "dependencies": [ "@phosphor-icons/react@2.1.10" ], "registryDependencies": [ "https://anotherui.dev/r/another-ui-styles.json", "https://anotherui.dev/r/avatar.json", "https://anotherui.dev/r/button.json", "https://anotherui.dev/r/dialog.json", "https://anotherui.dev/r/drawer.json", "https://anotherui.dev/r/file-upload.json", "https://anotherui.dev/r/slider.json", "https://anotherui.dev/r/sounds.json", "https://anotherui.dev/r/use-mobile.json", "https://anotherui.dev/r/utils.json" ], "files": [ { "path": "ui/avatar-upload.tsx", "type": "registry:ui" } ] }, { "name": "badge", "type": "registry:ui", "title": "Badge", "description": "Displays a badge or a component that looks like a badge.", "dependencies": [ "class-variance-authority@0.7.1", "radix-ui@1.4.3" ], "registryDependencies": [ "https://anotherui.dev/r/another-ui-styles.json", "https://anotherui.dev/r/utils.json" ], "files": [ { "path": "ui/badge.tsx", "type": "registry:ui" } ] }, { "name": "banner", "type": "registry:ui", "title": "Banner", "description": "A dismissible announcement bar with a tone, an icon and an action. BannerStack piles several in one spot with the banner stacking motion.", "dependencies": [ "@phosphor-icons/react@2.1.10" ], "registryDependencies": [ "https://anotherui.dev/r/alert.json", "https://anotherui.dev/r/another-ui-styles.json", "https://anotherui.dev/r/button.json", "https://anotherui.dev/r/sounds.json", "https://anotherui.dev/r/utils.json" ], "files": [ { "path": "ui/banner.tsx", "type": "registry:ui" } ] }, { "name": "breadcrumb", "type": "registry:ui", "title": "Breadcrumb", "description": "Displays the path to the current resource using a hierarchy of links.", "dependencies": [ "@phosphor-icons/react@2.1.10", "radix-ui@1.4.3" ], "registryDependencies": [ "https://anotherui.dev/r/another-ui-styles.json", "https://anotherui.dev/r/utils.json" ], "files": [ { "path": "ui/breadcrumb.tsx", "type": "registry:ui" } ] }, { "name": "bubble", "type": "registry:ui", "title": "Bubble", "description": "Displays conversational content in a message bubble. Supports variants, alignment, grouping, reactions, and collapsible content.", "dependencies": [ "class-variance-authority@0.7.1", "radix-ui@1.4.3" ], "registryDependencies": [ "https://anotherui.dev/r/another-ui-styles.json", "https://anotherui.dev/r/utils.json" ], "files": [ { "path": "ui/bubble.tsx", "type": "registry:ui" } ] }, { "name": "button", "type": "registry:ui", "title": "Button", "description": "Displays a button or a component that looks like a button.", "dependencies": [ "class-variance-authority@0.7.1", "radix-ui@1.4.3" ], "registryDependencies": [ "https://anotherui.dev/r/another-ui-styles.json", "https://anotherui.dev/r/utils.json" ], "files": [ { "path": "ui/button.tsx", "type": "registry:ui" } ] }, { "name": "button-group", "type": "registry:ui", "title": "Button Group", "description": "A container that groups related buttons together with consistent styling.", "dependencies": [ "class-variance-authority@0.7.1", "radix-ui@1.4.3" ], "registryDependencies": [ "https://anotherui.dev/r/another-ui-styles.json", "https://anotherui.dev/r/separator.json", "https://anotherui.dev/r/utils.json" ], "files": [ { "path": "ui/button-group.tsx", "type": "registry:ui" } ] }, { "name": "calendar", "type": "registry:ui", "title": "Calendar", "description": "A calendar component that allows users to select a date or a range of dates.", "dependencies": [ "@phosphor-icons/react@2.1.10", "react-day-picker@9.8.1" ], "registryDependencies": [ "https://anotherui.dev/r/another-ui-styles.json", "https://anotherui.dev/r/button.json", "https://anotherui.dev/r/utils.json" ], "files": [ { "path": "ui/calendar.tsx", "type": "registry:ui" } ] }, { "name": "card", "type": "registry:ui", "title": "Card", "description": "Displays a card with header, content, and footer.", "registryDependencies": [ "https://anotherui.dev/r/another-ui-styles.json", "https://anotherui.dev/r/utils.json" ], "files": [ { "path": "ui/card.tsx", "type": "registry:ui" } ] }, { "name": "carousel", "type": "registry:ui", "title": "Carousel", "description": "A carousel with motion and swipe built using Embla.", "dependencies": [ "@phosphor-icons/react@2.1.10", "embla-carousel-react@8.5.2" ], "registryDependencies": [ "https://anotherui.dev/r/another-ui-styles.json", "https://anotherui.dev/r/button.json", "https://anotherui.dev/r/utils.json" ], "files": [ { "path": "ui/carousel.tsx", "type": "registry:ui" } ] }, { "name": "chart", "type": "registry:ui", "title": "Chart", "description": "Beautiful charts. Built using Recharts. Copy and paste into your apps.", "dependencies": [ "recharts@3.8.0" ], "registryDependencies": [ "https://anotherui.dev/r/another-ui-styles.json", "https://anotherui.dev/r/utils.json" ], "files": [ { "path": "ui/chart.tsx", "type": "registry:ui" } ] }, { "name": "checkbox", "type": "registry:ui", "title": "Checkbox", "description": "A control that allows the user to toggle between checked and not checked.", "dependencies": [ "radix-ui@1.4.3" ], "registryDependencies": [ "https://anotherui.dev/r/another-ui-styles.json", "https://anotherui.dev/r/utils.json" ], "files": [ { "path": "ui/checkbox.tsx", "type": "registry:ui" } ] }, { "name": "citations", "type": "registry:ui", "title": "Citations", "description": "Numbered source markers inside an AI answer, with a preview of each source and a list of every source under the answer.", "dependencies": [ "@phosphor-icons/react@2.1.10" ], "registryDependencies": [ "https://anotherui.dev/r/another-ui-styles.json", "https://anotherui.dev/r/collapsible.json", "https://anotherui.dev/r/hover-card.json", "https://anotherui.dev/r/item.json", "https://anotherui.dev/r/popover.json", "https://anotherui.dev/r/utils.json" ], "files": [ { "path": "ui/citations.tsx", "type": "registry:ui" } ] }, { "name": "code-block", "type": "registry:ui", "title": "Code Block", "description": "Highlighted code with a file name, line numbers, marked lines, wrap and copy, plus tabs for several files and a line diff in unified or split view.", "dependencies": [ "@phosphor-icons/react@2.1.10", "shiki@3.23.0" ], "registryDependencies": [ "https://anotherui.dev/r/another-ui-styles.json", "https://anotherui.dev/r/button.json", "https://anotherui.dev/r/collapsible.json", "https://anotherui.dev/r/copy-button.json", "https://anotherui.dev/r/sounds.json", "https://anotherui.dev/r/tabs.json", "https://anotherui.dev/r/toggle-group.json", "https://anotherui.dev/r/toggle.json", "https://anotherui.dev/r/tooltip.json", "https://anotherui.dev/r/utils.json" ], "files": [ { "path": "ui/code-block.tsx", "type": "registry:ui" } ] }, { "name": "collapsible", "type": "registry:ui", "title": "Collapsible", "description": "An interactive component which expands/collapses a panel.", "dependencies": [ "radix-ui@1.4.3" ], "registryDependencies": [ "https://anotherui.dev/r/another-ui-styles.json" ], "files": [ { "path": "ui/collapsible.tsx", "type": "registry:ui" } ] }, { "name": "color-picker", "type": "registry:ui", "title": "Color Picker", "description": "Pick a color by area, hue and opacity, type it as HEX, RGB or HSL, grab it from the screen, or choose a preset swatch.", "dependencies": [ "@phosphor-icons/react@2.1.10" ], "registryDependencies": [ "https://anotherui.dev/r/another-ui-styles.json", "https://anotherui.dev/r/button.json", "https://anotherui.dev/r/copy-button.json", "https://anotherui.dev/r/input-group.json", "https://anotherui.dev/r/popover.json", "https://anotherui.dev/r/slider.json", "https://anotherui.dev/r/sounds.json", "https://anotherui.dev/r/toggle-group.json", "https://anotherui.dev/r/tooltip.json", "https://anotherui.dev/r/utils.json" ], "files": [ { "path": "ui/color-picker.tsx", "type": "registry:ui" } ] }, { "name": "combobox", "type": "registry:ui", "title": "Combobox", "description": "Autocomplete input with a list of suggestions.", "dependencies": [ "@base-ui/react@1.6.0", "@phosphor-icons/react@2.1.10" ], "registryDependencies": [ "https://anotherui.dev/r/another-ui-styles.json", "https://anotherui.dev/r/button.json", "https://anotherui.dev/r/input-group.json", "https://anotherui.dev/r/utils.json" ], "files": [ { "path": "ui/combobox.tsx", "type": "registry:ui" } ] }, { "name": "command", "type": "registry:ui", "title": "Command", "description": "Command menu for search and quick actions.", "dependencies": [ "@phosphor-icons/react@2.1.10", "cmdk@1.1.1" ], "registryDependencies": [ "https://anotherui.dev/r/another-ui-styles.json", "https://anotherui.dev/r/dialog.json", "https://anotherui.dev/r/input-group.json", "https://anotherui.dev/r/utils.json" ], "files": [ { "path": "ui/command.tsx", "type": "registry:ui" } ] }, { "name": "composer", "type": "registry:ui", "title": "Composer", "description": "The message box for an AI chat, with a model picker, voice dictation, send, and room around it for a heading, credits or usage.", "dependencies": [ "@phosphor-icons/react@2.1.10" ], "registryDependencies": [ "https://anotherui.dev/r/another-ui-styles.json", "https://anotherui.dev/r/dropdown-menu.json", "https://anotherui.dev/r/input-group.json", "https://anotherui.dev/r/progress.json", "https://anotherui.dev/r/sounds.json", "https://anotherui.dev/r/tooltip.json", "https://anotherui.dev/r/utils.json" ], "files": [ { "path": "ui/composer.tsx", "type": "registry:ui" } ] }, { "name": "context-menu", "type": "registry:ui", "title": "Context Menu", "description": "Displays a menu of actions triggered by a right click.", "dependencies": [ "@phosphor-icons/react@2.1.10", "radix-ui@1.4.3" ], "registryDependencies": [ "https://anotherui.dev/r/another-ui-styles.json", "https://anotherui.dev/r/utils.json" ], "files": [ { "path": "ui/context-menu.tsx", "type": "registry:ui" } ] }, { "name": "copy-button", "type": "registry:ui", "title": "Copy Button", "description": "A button that copies a value to the clipboard and swaps to a check for a moment, with an optional Copy and Copied label.", "dependencies": [ "@phosphor-icons/react@2.1.10" ], "registryDependencies": [ "https://anotherui.dev/r/another-ui-styles.json", "https://anotherui.dev/r/button.json", "https://anotherui.dev/r/motion.json", "https://anotherui.dev/r/sounds.json", "https://anotherui.dev/r/tooltip.json", "https://anotherui.dev/r/utils.json" ], "files": [ { "path": "ui/copy-button.tsx", "type": "registry:ui" } ] }, { "name": "countdown", "type": "registry:ui", "title": "Countdown", "description": "Days, hours, minutes and seconds until a date, with each changing unit popping in. Comes boxed or compact.", "registryDependencies": [ "https://anotherui.dev/r/another-ui-styles.json", "https://anotherui.dev/r/card.json", "https://anotherui.dev/r/motion.json", "https://anotherui.dev/r/sounds.json", "https://anotherui.dev/r/utils.json" ], "files": [ { "path": "ui/countdown.tsx", "type": "registry:ui" } ] }, { "name": "data-grid", "type": "registry:ui", "title": "Data Grid", "description": "A spreadsheet surface with lettered columns, numbered rows, an active cell, range selection, in-cell editing and copy and paste. Built on TanStack Table and the Table primitive.", "dependencies": [ "@tanstack/react-table@9.0.0" ], "registryDependencies": [ "https://anotherui.dev/r/another-ui-styles.json", "https://anotherui.dev/r/input.json", "https://anotherui.dev/r/scroll-fade-area.json", "https://anotherui.dev/r/sounds.json", "https://anotherui.dev/r/table.json", "https://anotherui.dev/r/utils.json" ], "files": [ { "path": "ui/data-grid.tsx", "type": "registry:ui" } ] }, { "name": "data-table", "type": "registry:ui", "title": "Data Table", "description": "A ready-made data table on TanStack Table with sorting, search, faceted filters, selection and pagination, plus a guide to build your own.", "dependencies": [ "@phosphor-icons/react@2.1.10", "@tanstack/react-table@9.0.0" ], "registryDependencies": [ "https://anotherui.dev/r/another-ui-styles.json", "https://anotherui.dev/r/badge.json", "https://anotherui.dev/r/button.json", "https://anotherui.dev/r/checkbox.json", "https://anotherui.dev/r/command.json", "https://anotherui.dev/r/dropdown-menu.json", "https://anotherui.dev/r/empty.json", "https://anotherui.dev/r/input-group.json", "https://anotherui.dev/r/motion.json", "https://anotherui.dev/r/pagination.json", "https://anotherui.dev/r/popover.json", "https://anotherui.dev/r/scroll-fade-area.json", "https://anotherui.dev/r/select.json", "https://anotherui.dev/r/separator.json", "https://anotherui.dev/r/skeleton.json", "https://anotherui.dev/r/sounds.json", "https://anotherui.dev/r/table.json", "https://anotherui.dev/r/utils.json" ], "files": [ { "path": "ui/data-table.tsx", "type": "registry:ui" } ] }, { "name": "date-range-picker", "type": "registry:ui", "title": "Date Range Picker", "description": "A start and end date from a two month calendar, with presets, a clear button and an optional Apply step.", "dependencies": [ "@phosphor-icons/react@2.1.10", "date-fns@4.1.0", "react-day-picker@9.8.1" ], "registryDependencies": [ "https://anotherui.dev/r/another-ui-styles.json", "https://anotherui.dev/r/button.json", "https://anotherui.dev/r/calendar.json", "https://anotherui.dev/r/popover.json", "https://anotherui.dev/r/separator.json", "https://anotherui.dev/r/sounds.json", "https://anotherui.dev/r/use-media-query.json", "https://anotherui.dev/r/utils.json" ], "files": [ { "path": "ui/date-range-picker.tsx", "type": "registry:ui" } ] }, { "name": "description-list", "type": "registry:ui", "title": "Description List", "description": "Label and value pairs for records and summaries, with copyable values, editing in place and a muted \"Not set\" for empty values.", "dependencies": [ "@phosphor-icons/react@2.1.10" ], "registryDependencies": [ "https://anotherui.dev/r/another-ui-styles.json", "https://anotherui.dev/r/copy-button.json", "https://anotherui.dev/r/input.json", "https://anotherui.dev/r/sounds.json", "https://anotherui.dev/r/tooltip.json", "https://anotherui.dev/r/utils.json" ], "files": [ { "path": "ui/description-list.tsx", "type": "registry:ui" } ] }, { "name": "device-mockup", "type": "registry:ui", "title": "Device Mockup", "description": "A phone, tablet or laptop drawn in CSS around live content, an image or a video. It keeps the real screen size of the device and scales down to fit.", "dependencies": [ "@phosphor-icons/react@2.1.10" ], "registryDependencies": [ "https://anotherui.dev/r/another-ui-styles.json", "https://anotherui.dev/r/utils.json" ], "files": [ { "path": "ui/device-mockup.tsx", "type": "registry:ui" } ] }, { "name": "dialog", "type": "registry:ui", "title": "Dialog", "description": "A window overlaid on either the primary window or another dialog window, rendering the content underneath inert.", "dependencies": [ "@phosphor-icons/react@2.1.10", "radix-ui@1.4.3" ], "registryDependencies": [ "https://anotherui.dev/r/another-ui-styles.json", "https://anotherui.dev/r/button.json", "https://anotherui.dev/r/utils.json" ], "files": [ { "path": "ui/dialog.tsx", "type": "registry:ui" } ] }, { "name": "direction", "type": "registry:ui", "title": "Direction", "description": "A provider component that sets the text direction for your application.", "dependencies": [ "radix-ui@1.4.3" ], "registryDependencies": [ "https://anotherui.dev/r/another-ui-styles.json" ], "files": [ { "path": "ui/direction.tsx", "type": "registry:ui" } ] }, { "name": "dot-loader", "type": "registry:ui", "title": "Dot Loader", "description": "A grid of ASCII characters or dots that pulses to show a loading state, built on the transitions.dev Matrix dot loader.", "registryDependencies": [ "https://anotherui.dev/r/another-ui-styles.json", "https://anotherui.dev/r/utils.json" ], "files": [ { "path": "ui/dot-loader.tsx", "type": "registry:ui" } ] }, { "name": "drawer", "type": "registry:ui", "title": "Drawer", "description": "A drawer component for React.", "dependencies": [ "vaul@1.1.2" ], "registryDependencies": [ "https://anotherui.dev/r/another-ui-styles.json", "https://anotherui.dev/r/utils.json" ], "files": [ { "path": "ui/drawer.tsx", "type": "registry:ui" } ] }, { "name": "dropdown-menu", "type": "registry:ui", "title": "Dropdown Menu", "description": "Displays a menu to the user, such as a set of actions or functions, triggered by a button.", "dependencies": [ "@phosphor-icons/react@2.1.10", "radix-ui@1.4.3" ], "registryDependencies": [ "https://anotherui.dev/r/another-ui-styles.json", "https://anotherui.dev/r/utils.json" ], "files": [ { "path": "ui/dropdown-menu.tsx", "type": "registry:ui" } ] }, { "name": "empty", "type": "registry:ui", "title": "Empty", "description": "Use the Empty component to display an empty state.", "dependencies": [ "class-variance-authority@0.7.1" ], "registryDependencies": [ "https://anotherui.dev/r/another-ui-styles.json", "https://anotherui.dev/r/utils.json" ], "files": [ { "path": "ui/empty.tsx", "type": "registry:ui" } ] }, { "name": "favorite-button", "type": "registry:ui", "title": "Favorite Button", "description": "The Another UI Favorite Button component.", "dependencies": [ "@phosphor-icons/react@2.1.10" ], "registryDependencies": [ "https://anotherui.dev/r/another-ui-styles.json", "https://anotherui.dev/r/like-burst.json", "https://anotherui.dev/r/toggle.json", "https://anotherui.dev/r/utils.json" ], "files": [ { "path": "ui/favorite-button.tsx", "type": "registry:ui" } ] }, { "name": "field", "type": "registry:ui", "title": "Field", "description": "Combine labels, controls, and help text to compose accessible form fields and grouped inputs.", "dependencies": [ "class-variance-authority@0.7.1" ], "registryDependencies": [ "https://anotherui.dev/r/another-ui-styles.json", "https://anotherui.dev/r/label.json", "https://anotherui.dev/r/separator.json", "https://anotherui.dev/r/utils.json" ], "files": [ { "path": "ui/field.tsx", "type": "registry:ui" } ] }, { "name": "file-upload", "type": "registry:ui", "title": "File Upload", "description": "A drop zone with a live list of files, progress, retry and image previews, plus a compact picker for an avatar or a single image.", "dependencies": [ "@phosphor-icons/react@2.1.10" ], "registryDependencies": [ "https://anotherui.dev/r/another-ui-styles.json", "https://anotherui.dev/r/attachment.json", "https://anotherui.dev/r/button.json", "https://anotherui.dev/r/empty.json", "https://anotherui.dev/r/progress.json", "https://anotherui.dev/r/sounds.json", "https://anotherui.dev/r/spinner.json", "https://anotherui.dev/r/utils.json" ], "files": [ { "path": "ui/file-upload.tsx", "type": "registry:ui" } ] }, { "name": "hover-card", "type": "registry:ui", "title": "Hover Card", "description": "For sighted users to preview content available behind a link.", "dependencies": [ "radix-ui@1.4.3" ], "registryDependencies": [ "https://anotherui.dev/r/another-ui-styles.json", "https://anotherui.dev/r/utils.json" ], "files": [ { "path": "ui/hover-card.tsx", "type": "registry:ui" } ] }, { "name": "input", "type": "registry:ui", "title": "Input", "description": "A text input component for forms and user data entry with built-in styling and accessibility features.", "registryDependencies": [ "https://anotherui.dev/r/another-ui-styles.json", "https://anotherui.dev/r/utils.json" ], "files": [ { "path": "ui/input.tsx", "type": "registry:ui" } ] }, { "name": "input-group", "type": "registry:ui", "title": "Input Group", "description": "Add addons, buttons, and helper content to inputs.", "dependencies": [ "class-variance-authority@0.7.1" ], "registryDependencies": [ "https://anotherui.dev/r/another-ui-styles.json", "https://anotherui.dev/r/button.json", "https://anotherui.dev/r/input.json", "https://anotherui.dev/r/textarea.json", "https://anotherui.dev/r/utils.json" ], "files": [ { "path": "ui/input-group.tsx", "type": "registry:ui" } ] }, { "name": "input-otp", "type": "registry:ui", "title": "Input OTP", "description": "Accessible one-time password component with copy-paste functionality.", "dependencies": [ "@phosphor-icons/react@2.1.10", "input-otp@1.4.2" ], "registryDependencies": [ "https://anotherui.dev/r/another-ui-styles.json", "https://anotherui.dev/r/utils.json" ], "files": [ { "path": "ui/input-otp.tsx", "type": "registry:ui" } ] }, { "name": "item", "type": "registry:ui", "title": "Item", "description": "A versatile component for displaying content with media, title, description, and actions.", "dependencies": [ "class-variance-authority@0.7.1", "radix-ui@1.4.3" ], "registryDependencies": [ "https://anotherui.dev/r/another-ui-styles.json", "https://anotherui.dev/r/separator.json", "https://anotherui.dev/r/utils.json" ], "files": [ { "path": "ui/item.tsx", "type": "registry:ui" } ] }, { "name": "kanban", "type": "registry:ui", "title": "Kanban", "description": "A board of columns with cards you drag within a column or across columns, and columns you drag to reorder. Controlled, keyboard friendly, and columns can collapse.", "dependencies": [ "@dnd-kit/core@6.3.1", "@dnd-kit/sortable@10.0.0", "@dnd-kit/utilities@3.2.2", "@phosphor-icons/react@2.1.10", "radix-ui@1.4.3" ], "registryDependencies": [ "https://anotherui.dev/r/another-ui-styles.json", "https://anotherui.dev/r/button.json", "https://anotherui.dev/r/sortable.json", "https://anotherui.dev/r/sounds.json", "https://anotherui.dev/r/utils.json" ], "files": [ { "path": "ui/kanban.tsx", "type": "registry:ui" } ] }, { "name": "kbd", "type": "registry:ui", "title": "Kbd", "description": "Used to display textual user input from keyboard.", "registryDependencies": [ "https://anotherui.dev/r/another-ui-styles.json", "https://anotherui.dev/r/utils.json" ], "files": [ { "path": "ui/kbd.tsx", "type": "registry:ui" } ] }, { "name": "label", "type": "registry:ui", "title": "Label", "description": "Renders an accessible label associated with controls.", "dependencies": [ "radix-ui@1.4.3" ], "registryDependencies": [ "https://anotherui.dev/r/another-ui-styles.json", "https://anotherui.dev/r/utils.json" ], "files": [ { "path": "ui/label.tsx", "type": "registry:ui" } ] }, { "name": "map", "type": "registry:ui", "title": "Map", "description": "The Another UI Map component.", "dependencies": [ "@phosphor-icons/react@2.1.10", "@types/geojson@7946.0.16", "maplibre-gl@6.13.0" ], "registryDependencies": [ "https://anotherui.dev/r/another-ui-styles.json", "https://anotherui.dev/r/utils.json" ], "files": [ { "path": "ui/map.tsx", "type": "registry:ui" } ] }, { "name": "marker", "type": "registry:ui", "title": "Marker", "description": "Displays an inline status, system note, bordered row, or labeled separator in a conversation.", "dependencies": [ "class-variance-authority@0.7.1", "radix-ui@1.4.3" ], "registryDependencies": [ "https://anotherui.dev/r/another-ui-styles.json", "https://anotherui.dev/r/utils.json" ], "files": [ { "path": "ui/marker.tsx", "type": "registry:ui" } ] }, { "name": "menubar", "type": "registry:ui", "title": "Menubar", "description": "A visually persistent menu common in desktop applications that provides quick access to a consistent set of commands.", "dependencies": [ "@phosphor-icons/react@2.1.10", "radix-ui@1.4.3" ], "registryDependencies": [ "https://anotherui.dev/r/another-ui-styles.json", "https://anotherui.dev/r/utils.json" ], "files": [ { "path": "ui/menubar.tsx", "type": "registry:ui" } ] }, { "name": "message", "type": "registry:ui", "title": "Message", "description": "Displays a message in a conversation, with optional avatar, header, footer, and alignment.", "registryDependencies": [ "https://anotherui.dev/r/another-ui-styles.json", "https://anotherui.dev/r/utils.json" ], "files": [ { "path": "ui/message.tsx", "type": "registry:ui" } ] }, { "name": "message-scroller", "type": "registry:ui", "title": "Message Scroller", "description": "A chat scroll container that anchors turns, opens saved transcripts, follows streamed responses, loads history without jumping, and jumps to any message.", "dependencies": [ "@phosphor-icons/react@2.1.10", "@shadcn/react@0.3.1" ], "registryDependencies": [ "https://anotherui.dev/r/another-ui-styles.json", "https://anotherui.dev/r/button.json", "https://anotherui.dev/r/utils.json" ], "files": [ { "path": "ui/message-scroller.tsx", "type": "registry:ui" } ] }, { "name": "meter", "type": "registry:ui", "title": "Meter", "description": "A value inside a known range, like budget spent or storage used, colored by thresholds. Comes as a single bar, segments, or a stack of parts with a legend.", "registryDependencies": [ "https://anotherui.dev/r/another-ui-styles.json", "https://anotherui.dev/r/progress.json", "https://anotherui.dev/r/utils.json" ], "files": [ { "path": "ui/meter.tsx", "type": "registry:ui" } ] }, { "name": "motion", "type": "registry:ui", "title": "Motion", "description": "The Another UI Motion component.", "registryDependencies": [ "https://anotherui.dev/r/another-ui-styles.json", "https://anotherui.dev/r/skeleton.json", "https://anotherui.dev/r/utils.json" ], "files": [ { "path": "ui/motion.tsx", "type": "registry:ui" } ] }, { "name": "multi-select", "type": "registry:ui", "title": "Multi Select", "description": "Pick several options as chips, with search, groups, a cap, an overflow count and values you can create as you type.", "dependencies": [ "@phosphor-icons/react@2.1.10" ], "registryDependencies": [ "https://anotherui.dev/r/another-ui-styles.json", "https://anotherui.dev/r/badge.json", "https://anotherui.dev/r/button.json", "https://anotherui.dev/r/combobox.json", "https://anotherui.dev/r/sounds.json", "https://anotherui.dev/r/utils.json" ], "files": [ { "path": "ui/multi-select.tsx", "type": "registry:ui" } ] }, { "name": "native-select", "type": "registry:ui", "title": "Native Select", "description": "A styled native HTML select element with consistent design system integration.", "dependencies": [ "@phosphor-icons/react@2.1.10" ], "registryDependencies": [ "https://anotherui.dev/r/another-ui-styles.json", "https://anotherui.dev/r/utils.json" ], "files": [ { "path": "ui/native-select.tsx", "type": "registry:ui" } ] }, { "name": "navigation-menu", "type": "registry:ui", "title": "Navigation Menu", "description": "A collection of links for navigating websites.", "dependencies": [ "@phosphor-icons/react@2.1.10", "class-variance-authority@0.7.1", "radix-ui@1.4.3" ], "registryDependencies": [ "https://anotherui.dev/r/another-ui-styles.json", "https://anotherui.dev/r/utils.json" ], "files": [ { "path": "ui/navigation-menu.tsx", "type": "registry:ui" } ] }, { "name": "number-field", "type": "registry:ui", "title": "Number Field", "description": "A number input with minus and plus buttons, keyboard and wheel stepping, bounds, and formatting for currency, percent and units.", "dependencies": [ "@phosphor-icons/react@2.1.10" ], "registryDependencies": [ "https://anotherui.dev/r/another-ui-styles.json", "https://anotherui.dev/r/input-group.json", "https://anotherui.dev/r/sounds.json", "https://anotherui.dev/r/utils.json" ], "files": [ { "path": "ui/number-field.tsx", "type": "registry:ui" } ] }, { "name": "pagination", "type": "registry:ui", "title": "Pagination", "description": "Pagination with page navigation, next and previous links.", "dependencies": [ "@phosphor-icons/react@2.1.10" ], "registryDependencies": [ "https://anotherui.dev/r/another-ui-styles.json", "https://anotherui.dev/r/button.json", "https://anotherui.dev/r/utils.json" ], "files": [ { "path": "ui/pagination.tsx", "type": "registry:ui" } ] }, { "name": "password-strength", "type": "registry:ui", "title": "Password Strength", "description": "A password field with a show and hide toggle, a segmented strength meter and a checklist of rules.", "dependencies": [ "@phosphor-icons/react@2.1.10" ], "registryDependencies": [ "https://anotherui.dev/r/another-ui-styles.json", "https://anotherui.dev/r/input-group.json", "https://anotherui.dev/r/meter.json", "https://anotherui.dev/r/motion.json", "https://anotherui.dev/r/sounds.json", "https://anotherui.dev/r/utils.json" ], "files": [ { "path": "ui/password-strength.tsx", "type": "registry:ui" } ] }, { "name": "phone-input", "type": "registry:ui", "title": "Phone Input", "description": "A country picker with flags and dial codes, plus a number field that formats as you type. The value is E.164.", "dependencies": [ "@phosphor-icons/react@2.1.10" ], "registryDependencies": [ "https://anotherui.dev/r/another-ui-styles.json", "https://anotherui.dev/r/command.json", "https://anotherui.dev/r/input-group.json", "https://anotherui.dev/r/popover.json", "https://anotherui.dev/r/utils.json" ], "files": [ { "path": "ui/phone-input.tsx", "type": "registry:ui" } ] }, { "name": "popover", "type": "registry:ui", "title": "Popover", "description": "Displays rich content in a portal, triggered by a button.", "dependencies": [ "radix-ui@1.4.3" ], "registryDependencies": [ "https://anotherui.dev/r/another-ui-styles.json", "https://anotherui.dev/r/utils.json" ], "files": [ { "path": "ui/popover.tsx", "type": "registry:ui" } ] }, { "name": "progress", "type": "registry:ui", "title": "Progress", "description": "Displays an indicator showing the completion progress of a task, typically displayed as a progress bar.", "dependencies": [ "radix-ui@1.4.3" ], "registryDependencies": [ "https://anotherui.dev/r/another-ui-styles.json", "https://anotherui.dev/r/utils.json" ], "files": [ { "path": "ui/progress.tsx", "type": "registry:ui" } ] }, { "name": "progress-circle", "type": "registry:ui", "title": "Progress Circle", "description": "A ring that fills toward done, spins when the amount is unknown, and draws a check when it finishes.", "registryDependencies": [ "https://anotherui.dev/r/another-ui-styles.json", "https://anotherui.dev/r/meter.json", "https://anotherui.dev/r/sounds.json", "https://anotherui.dev/r/utils.json" ], "files": [ { "path": "ui/progress-circle.tsx", "type": "registry:ui" } ] }, { "name": "questionnaire", "type": "registry:ui", "title": "Questionnaire", "description": "A multi-step questionnaire with single-choice, multiple-choice, freeform, and skippable questions.", "dependencies": [ "@phosphor-icons/react@2.1.10", "@shadcn/react@0.3.1" ], "registryDependencies": [ "https://anotherui.dev/r/another-ui-styles.json", "https://anotherui.dev/r/button.json", "https://anotherui.dev/r/utils.json" ], "files": [ { "path": "ui/questionnaire.tsx", "type": "registry:ui" } ] }, { "name": "radio-group", "type": "registry:ui", "title": "Radio Group", "description": "A set of checkable buttons, known as radio buttons, where no more than one of the buttons can be checked at a time.", "dependencies": [ "radix-ui@1.4.3" ], "registryDependencies": [ "https://anotherui.dev/r/another-ui-styles.json", "https://anotherui.dev/r/utils.json" ], "files": [ { "path": "ui/radio-group.tsx", "type": "registry:ui" } ] }, { "name": "rating", "type": "registry:ui", "title": "Rating", "description": "Stars to pick a score or show one. Supports half steps, a hover preview, sizes, a custom icon and full keyboard control.", "dependencies": [ "@phosphor-icons/react@2.1.10", "radix-ui@1.4.3" ], "registryDependencies": [ "https://anotherui.dev/r/another-ui-styles.json", "https://anotherui.dev/r/like-burst.json", "https://anotherui.dev/r/sounds.json", "https://anotherui.dev/r/utils.json" ], "files": [ { "path": "ui/rating.tsx", "type": "registry:ui" } ] }, { "name": "reasoning", "type": "registry:ui", "title": "Reasoning", "description": "The thinking trace above an AI answer, with a live timer, a step for each search, read or tool call, and a fold that closes itself when the answer starts.", "dependencies": [ "@phosphor-icons/react@2.1.10" ], "registryDependencies": [ "https://anotherui.dev/r/another-ui-styles.json", "https://anotherui.dev/r/collapsible.json", "https://anotherui.dev/r/spinner.json", "https://anotherui.dev/r/utils.json" ], "files": [ { "path": "ui/reasoning.tsx", "type": "registry:ui" } ] }, { "name": "resizable", "type": "registry:ui", "title": "Resizable", "description": "Accessible resizable panel groups and layouts with keyboard support.", "dependencies": [ "react-resizable-panels@4.5.8" ], "registryDependencies": [ "https://anotherui.dev/r/another-ui-styles.json", "https://anotherui.dev/r/utils.json" ], "files": [ { "path": "ui/resizable.tsx", "type": "registry:ui" } ] }, { "name": "responsive-dialog", "type": "registry:ui", "title": "Responsive Dialog", "description": "A bottom drawer on phones and a dialog on wider screens, written once with one set of parts.", "dependencies": [ "@phosphor-icons/react@2.1.10" ], "registryDependencies": [ "https://anotherui.dev/r/another-ui-styles.json", "https://anotherui.dev/r/button.json", "https://anotherui.dev/r/dialog.json", "https://anotherui.dev/r/drawer.json", "https://anotherui.dev/r/sounds.json", "https://anotherui.dev/r/use-mobile.json", "https://anotherui.dev/r/utils.json" ], "files": [ { "path": "ui/responsive-dialog.tsx", "type": "registry:ui" } ] }, { "name": "rich-text-editor", "type": "registry:ui", "title": "Rich Text Editor", "description": "A writing area that reads and writes markdown, with a formatting bar, a slash menu for blocks, and markdown shortcuts as you type.", "dependencies": [ "@phosphor-icons/react@2.1.10", "@tiptap/extension-image@3.31.3", "@tiptap/extension-list@3.31.3", "@tiptap/extension-table@3.31.3", "@tiptap/extensions@3.31.3", "@tiptap/markdown@3.31.3", "@tiptap/react@3.31.3", "@tiptap/starter-kit@3.31.3", "@tiptap/suggestion@3.31.3" ], "registryDependencies": [ "https://anotherui.dev/r/another-ui-styles.json", "https://anotherui.dev/r/button.json", "https://anotherui.dev/r/calendar.json", "https://anotherui.dev/r/drawer.json", "https://anotherui.dev/r/dropdown-menu.json", "https://anotherui.dev/r/input.json", "https://anotherui.dev/r/kbd.json", "https://anotherui.dev/r/label.json", "https://anotherui.dev/r/popover.json", "https://anotherui.dev/r/separator.json", "https://anotherui.dev/r/sounds.json", "https://anotherui.dev/r/switch.json", "https://anotherui.dev/r/textarea.json", "https://anotherui.dev/r/time-field.json", "https://anotherui.dev/r/toggle.json", "https://anotherui.dev/r/tooltip.json", "https://anotherui.dev/r/utils.json" ], "files": [ { "path": "ui/rich-text-editor.tsx", "type": "registry:ui" } ] }, { "name": "scroll-area", "type": "registry:ui", "title": "Scroll Area", "description": "Augments native scroll functionality for custom, cross-browser styling.", "dependencies": [ "radix-ui@1.4.3" ], "registryDependencies": [ "https://anotherui.dev/r/another-ui-styles.json", "https://anotherui.dev/r/utils.json" ], "files": [ { "path": "ui/scroll-area.tsx", "type": "registry:ui" } ] }, { "name": "scroll-fade-area", "type": "registry:ui", "title": "Scroll Fade Area", "description": "The Another UI Scroll Fade Area component.", "dependencies": [ "radix-ui@1.4.3" ], "registryDependencies": [ "https://anotherui.dev/r/another-ui-styles.json", "https://anotherui.dev/r/scroll-area.json", "https://anotherui.dev/r/utils.json" ], "files": [ { "path": "ui/scroll-fade-area.tsx", "type": "registry:ui" } ] }, { "name": "segmented-control", "type": "registry:ui", "title": "Segmented Control", "description": "Pick one of a few options, with a pill that slides to the chosen one.", "dependencies": [ "class-variance-authority@0.7.1" ], "registryDependencies": [ "https://anotherui.dev/r/another-ui-styles.json", "https://anotherui.dev/r/sounds.json", "https://anotherui.dev/r/toggle-group.json", "https://anotherui.dev/r/utils.json" ], "files": [ { "path": "ui/segmented-control.tsx", "type": "registry:ui" } ] }, { "name": "select", "type": "registry:ui", "title": "Select", "description": "Displays a list of options for the user to pick from, triggered by a button.", "dependencies": [ "@phosphor-icons/react@2.1.10", "radix-ui@1.4.3" ], "registryDependencies": [ "https://anotherui.dev/r/another-ui-styles.json", "https://anotherui.dev/r/utils.json" ], "files": [ { "path": "ui/select.tsx", "type": "registry:ui" } ] }, { "name": "separator", "type": "registry:ui", "title": "Separator", "description": "Visually or semantically separates content.", "dependencies": [ "radix-ui@1.4.3" ], "registryDependencies": [ "https://anotherui.dev/r/another-ui-styles.json", "https://anotherui.dev/r/utils.json" ], "files": [ { "path": "ui/separator.tsx", "type": "registry:ui" } ] }, { "name": "sheet", "type": "registry:ui", "title": "Sheet", "description": "Extends the Dialog component to display content that complements the main content of the screen.", "dependencies": [ "@phosphor-icons/react@2.1.10", "radix-ui@1.4.3" ], "registryDependencies": [ "https://anotherui.dev/r/another-ui-styles.json", "https://anotherui.dev/r/button.json", "https://anotherui.dev/r/utils.json" ], "files": [ { "path": "ui/sheet.tsx", "type": "registry:ui" } ] }, { "name": "sidebar", "type": "registry:ui", "title": "Sidebar", "description": "A composable, themeable and customizable sidebar component.", "dependencies": [ "@phosphor-icons/react@2.1.10", "class-variance-authority@0.7.1", "radix-ui@1.4.3" ], "registryDependencies": [ "https://anotherui.dev/r/another-ui-styles.json", "https://anotherui.dev/r/button.json", "https://anotherui.dev/r/input.json", "https://anotherui.dev/r/separator.json", "https://anotherui.dev/r/sheet.json", "https://anotherui.dev/r/skeleton.json", "https://anotherui.dev/r/tooltip.json", "https://anotherui.dev/r/use-mobile.json", "https://anotherui.dev/r/utils.json" ], "files": [ { "path": "ui/sidebar.tsx", "type": "registry:ui" } ] }, { "name": "signature", "type": "registry:ui", "title": "Signature", "description": "Capture a signature by drawing it or typing a name in a handwriting font. Exports a trimmed PNG, and an SVG for drawings.", "dependencies": [ "@phosphor-icons/react@2.1.10", "perfect-freehand@1.2.2" ], "registryDependencies": [ "https://anotherui.dev/r/another-ui-styles.json", "https://anotherui.dev/r/button.json", "https://anotherui.dev/r/carousel.json", "https://anotherui.dev/r/input-group.json", "https://anotherui.dev/r/segmented-control.json", "https://anotherui.dev/r/sounds.json", "https://anotherui.dev/r/toggle-group.json", "https://anotherui.dev/r/tooltip.json", "https://anotherui.dev/r/utils.json" ], "files": [ { "path": "ui/signature.tsx", "type": "registry:ui" } ] }, { "name": "skeleton", "type": "registry:ui", "title": "Skeleton", "description": "Use to show a placeholder while content is loading.", "registryDependencies": [ "https://anotherui.dev/r/another-ui-styles.json", "https://anotherui.dev/r/utils.json" ], "files": [ { "path": "ui/skeleton.tsx", "type": "registry:ui" } ] }, { "name": "slider", "type": "registry:ui", "title": "Slider", "description": "An input where the user selects a value from within a given range.", "dependencies": [ "radix-ui@1.4.3" ], "registryDependencies": [ "https://anotherui.dev/r/another-ui-styles.json", "https://anotherui.dev/r/utils.json" ], "files": [ { "path": "ui/slider.tsx", "type": "registry:ui" } ] }, { "name": "sonner", "type": "registry:ui", "title": "Sonner", "description": "An opinionated toast component for React.", "dependencies": [ "@phosphor-icons/react@2.1.10", "next-themes@0.4.6", "sonner@2.0.7" ], "registryDependencies": [ "https://anotherui.dev/r/another-ui-styles.json" ], "files": [ { "path": "ui/sonner.tsx", "type": "registry:ui" } ] }, { "name": "sortable", "type": "registry:ui", "title": "Sortable", "description": "A list you reorder by dragging, with a handle, keyboard support and a short settle where the item lands. Works vertically, horizontally or as a grid.", "dependencies": [ "@dnd-kit/core@6.3.1", "@dnd-kit/modifiers@9.0.0", "@dnd-kit/sortable@10.0.0", "@dnd-kit/utilities@3.2.2", "@phosphor-icons/react@2.1.10", "radix-ui@1.4.3" ], "registryDependencies": [ "https://anotherui.dev/r/another-ui-styles.json", "https://anotherui.dev/r/button.json", "https://anotherui.dev/r/sounds.json", "https://anotherui.dev/r/utils.json" ], "files": [ { "path": "ui/sortable.tsx", "type": "registry:ui" } ] }, { "name": "spinner", "type": "registry:ui", "title": "Spinner", "description": "An indicator that can be used to show a loading state.", "dependencies": [ "@phosphor-icons/react@2.1.10" ], "registryDependencies": [ "https://anotherui.dev/r/another-ui-styles.json", "https://anotherui.dev/r/utils.json" ], "files": [ { "path": "ui/spinner.tsx", "type": "registry:ui" } ] }, { "name": "stat", "type": "registry:ui", "title": "Stat", "description": "One figure with its label, an optional change, icon and note. Group several in a row.", "dependencies": [ "@phosphor-icons/react@2.1.10", "class-variance-authority@0.7.1" ], "registryDependencies": [ "https://anotherui.dev/r/another-ui-styles.json", "https://anotherui.dev/r/badge.json", "https://anotherui.dev/r/motion.json", "https://anotherui.dev/r/utils.json" ], "files": [ { "path": "ui/stat.tsx", "type": "registry:ui" } ] }, { "name": "stepper", "type": "registry:ui", "title": "Stepper", "description": "Progress through a multi-step flow, with numbered steps, lines that fill as steps complete, and the content for the active step.", "dependencies": [ "@phosphor-icons/react@2.1.10" ], "registryDependencies": [ "https://anotherui.dev/r/another-ui-styles.json", "https://anotherui.dev/r/button.json", "https://anotherui.dev/r/separator.json", "https://anotherui.dev/r/sounds.json", "https://anotherui.dev/r/utils.json" ], "files": [ { "path": "ui/stepper.tsx", "type": "registry:ui" } ] }, { "name": "switch", "type": "registry:ui", "title": "Switch", "description": "A control that allows the user to toggle between checked and not checked.", "dependencies": [ "radix-ui@1.4.3" ], "registryDependencies": [ "https://anotherui.dev/r/another-ui-styles.json", "https://anotherui.dev/r/utils.json" ], "files": [ { "path": "ui/switch.tsx", "type": "registry:ui" } ] }, { "name": "table", "type": "registry:ui", "title": "Table", "description": "A responsive table component.", "registryDependencies": [ "https://anotherui.dev/r/another-ui-styles.json", "https://anotherui.dev/r/utils.json" ], "files": [ { "path": "ui/table.tsx", "type": "registry:ui" } ] }, { "name": "tabs", "type": "registry:ui", "title": "Tabs", "description": "A set of layered sections of content, known as tab panels, that are displayed one at a time.", "dependencies": [ "class-variance-authority@0.7.1", "radix-ui@1.4.3" ], "registryDependencies": [ "https://anotherui.dev/r/another-ui-styles.json", "https://anotherui.dev/r/utils.json" ], "files": [ { "path": "ui/tabs.tsx", "type": "registry:ui" } ] }, { "name": "tag-input", "type": "registry:ui", "title": "Tag Input", "description": "Type and press Enter or a comma to add tags. Tags are removable Badges, a pasted list splits, and suggestions show as you type.", "dependencies": [ "@phosphor-icons/react@2.1.10" ], "registryDependencies": [ "https://anotherui.dev/r/another-ui-styles.json", "https://anotherui.dev/r/badge.json", "https://anotherui.dev/r/command.json", "https://anotherui.dev/r/input-group.json", "https://anotherui.dev/r/popover.json", "https://anotherui.dev/r/sounds.json", "https://anotherui.dev/r/utils.json" ], "files": [ { "path": "ui/tag-input.tsx", "type": "registry:ui" } ] }, { "name": "terminal", "type": "registry:ui", "title": "Terminal", "description": "A terminal window with a prompt, commands and coloured output. It can type each command and reveal the output, with a blinking cursor and a copy button per command.", "dependencies": [ "@phosphor-icons/react@2.1.10" ], "registryDependencies": [ "https://anotherui.dev/r/another-ui-styles.json", "https://anotherui.dev/r/button.json", "https://anotherui.dev/r/copy-button.json", "https://anotherui.dev/r/utils.json", "https://anotherui.dev/r/window-mockup.json" ], "files": [ { "path": "ui/terminal.tsx", "type": "registry:ui" } ] }, { "name": "textarea", "type": "registry:ui", "title": "Textarea", "description": "Displays a form textarea or a component that looks like a textarea.", "registryDependencies": [ "https://anotherui.dev/r/another-ui-styles.json", "https://anotherui.dev/r/utils.json" ], "files": [ { "path": "ui/textarea.tsx", "type": "registry:ui" } ] }, { "name": "time-field", "type": "registry:ui", "title": "Time Field", "description": "A time typed in parts, with the hour, minute, second and AM or PM each stepped by keyboard.", "dependencies": [ "@phosphor-icons/react@2.1.10" ], "registryDependencies": [ "https://anotherui.dev/r/another-ui-styles.json", "https://anotherui.dev/r/input-group.json", "https://anotherui.dev/r/sounds.json", "https://anotherui.dev/r/utils.json" ], "files": [ { "path": "ui/time-field.tsx", "type": "registry:ui" } ] }, { "name": "timeline", "type": "registry:ui", "title": "Timeline", "description": "Events in order with dots or icons on a connecting line, in sections with headings.", "dependencies": [ "class-variance-authority@0.7.1" ], "registryDependencies": [ "https://anotherui.dev/r/another-ui-styles.json", "https://anotherui.dev/r/utils.json" ], "files": [ { "path": "ui/timeline.tsx", "type": "registry:ui" } ] }, { "name": "toggle", "type": "registry:ui", "title": "Toggle", "description": "A two-state button that can be either on or off.", "dependencies": [ "class-variance-authority@0.7.1", "radix-ui@1.4.3" ], "registryDependencies": [ "https://anotherui.dev/r/another-ui-styles.json", "https://anotherui.dev/r/utils.json" ], "files": [ { "path": "ui/toggle.tsx", "type": "registry:ui" } ] }, { "name": "toggle-group", "type": "registry:ui", "title": "Toggle Group", "description": "A set of two-state buttons that can be toggled on or off.", "dependencies": [ "class-variance-authority@0.7.1", "radix-ui@1.4.3" ], "registryDependencies": [ "https://anotherui.dev/r/another-ui-styles.json", "https://anotherui.dev/r/toggle.json", "https://anotherui.dev/r/utils.json" ], "files": [ { "path": "ui/toggle-group.tsx", "type": "registry:ui" } ] }, { "name": "tool-call", "type": "registry:ui", "title": "Tool Call", "description": "Show what an agent did on the way to its answer, as inline chips or cards that open to show the input and output.", "dependencies": [ "@phosphor-icons/react@2.1.10" ], "registryDependencies": [ "https://anotherui.dev/r/another-ui-styles.json", "https://anotherui.dev/r/badge.json", "https://anotherui.dev/r/collapsible.json", "https://anotherui.dev/r/copy-button.json", "https://anotherui.dev/r/scroll-area.json", "https://anotherui.dev/r/sounds.json", "https://anotherui.dev/r/spinner.json", "https://anotherui.dev/r/utils.json" ], "files": [ { "path": "ui/tool-call.tsx", "type": "registry:ui" } ] }, { "name": "tooltip", "type": "registry:ui", "title": "Tooltip", "description": "A popup that displays information related to an element when the element receives keyboard focus or the mouse hovers over it.", "dependencies": [ "radix-ui@1.4.3" ], "registryDependencies": [ "https://anotherui.dev/r/another-ui-styles.json", "https://anotherui.dev/r/utils.json" ], "files": [ { "path": "ui/tooltip.tsx", "type": "registry:ui" } ] }, { "name": "tree", "type": "registry:ui", "title": "Tree", "description": "A file tree or nested list that opens branch by branch, with search, keyboard navigation, and single, multiple or checkbox selection.", "dependencies": [ "@phosphor-icons/react@2.1.10" ], "registryDependencies": [ "https://anotherui.dev/r/another-ui-styles.json", "https://anotherui.dev/r/checkbox.json", "https://anotherui.dev/r/collapsible.json", "https://anotherui.dev/r/input-group.json", "https://anotherui.dev/r/sounds.json", "https://anotherui.dev/r/utils.json" ], "files": [ { "path": "ui/tree.tsx", "type": "registry:ui" } ] }, { "name": "video-player", "type": "registry:ui", "title": "Video Player", "description": "Custom controls over a video, with buffering, speed, volume, picture in picture and fullscreen. The controls hide while it plays.", "dependencies": [ "@phosphor-icons/react@2.1.10" ], "registryDependencies": [ "https://anotherui.dev/r/another-ui-styles.json", "https://anotherui.dev/r/audio-player.json", "https://anotherui.dev/r/button.json", "https://anotherui.dev/r/motion.json", "https://anotherui.dev/r/slider.json", "https://anotherui.dev/r/sounds.json", "https://anotherui.dev/r/utils.json" ], "files": [ { "path": "ui/video-player.tsx", "type": "registry:ui" } ] }, { "name": "window-mockup", "type": "registry:ui", "title": "Window Mockup", "description": "A desktop window around any content, as a Mac window, a browser with tabs and an address bar, or a Windows window. It follows the light and dark theme.", "dependencies": [ "@phosphor-icons/react@2.1.10" ], "registryDependencies": [ "https://anotherui.dev/r/another-ui-styles.json", "https://anotherui.dev/r/button.json", "https://anotherui.dev/r/device-mockup.json", "https://anotherui.dev/r/input-group.json", "https://anotherui.dev/r/sounds.json", "https://anotherui.dev/r/utils.json" ], "files": [ { "path": "ui/window-mockup.tsx", "type": "registry:ui" } ] }, { "name": "action-bar", "type": "registry:block", "title": "Action Bar", "description": "A floating bar for bulk actions on selected rows that expands from a compact pill, built from Another UI primitives.", "dependencies": [ "@phosphor-icons/react@2.1.10", "sonner@2.0.7" ], "registryDependencies": [ "https://anotherui.dev/r/another-ui-styles.json", "https://anotherui.dev/r/badge.json", "https://anotherui.dev/r/button.json", "https://anotherui.dev/r/checkbox.json", "https://anotherui.dev/r/command.json", "https://anotherui.dev/r/dropdown-menu.json", "https://anotherui.dev/r/separator.json", "https://anotherui.dev/r/sounds.json", "https://anotherui.dev/r/table.json", "https://anotherui.dev/r/tooltip.json", "https://anotherui.dev/r/utils.json" ], "files": [ { "path": "blocks/action-bar.tsx", "type": "registry:component", "target": "components/blocks/action-bar.tsx" } ] }, { "name": "ai-chat", "type": "registry:block", "title": "AI Chat", "description": "A full chat app with a chat list, reasoning, tool calls, approvals, cited answers and the Composer, built from Another UI components.", "dependencies": [ "@phosphor-icons/react@2.1.10", "sonner@2.0.7" ], "registryDependencies": [ "https://anotherui.dev/r/another-ui-styles.json", "https://anotherui.dev/r/approval-card.json", "https://anotherui.dev/r/badge.json", "https://anotherui.dev/r/bubble.json", "https://anotherui.dev/r/button.json", "https://anotherui.dev/r/citations.json", "https://anotherui.dev/r/composer.json", "https://anotherui.dev/r/copy-button.json", "https://anotherui.dev/r/dropdown-menu.json", "https://anotherui.dev/r/empty.json", "https://anotherui.dev/r/input-group.json", "https://anotherui.dev/r/input.json", "https://anotherui.dev/r/kbd.json", "https://anotherui.dev/r/message-scroller.json", "https://anotherui.dev/r/message.json", "https://anotherui.dev/r/reasoning.json", "https://anotherui.dev/r/sheet.json", "https://anotherui.dev/r/sounds.json", "https://anotherui.dev/r/tool-call.json", "https://anotherui.dev/r/tooltip.json", "https://anotherui.dev/r/utils.json" ], "files": [ { "path": "blocks/ai-chat.tsx", "type": "registry:component", "target": "components/blocks/ai-chat.tsx" } ] }, { "name": "airtable-kanban", "type": "registry:block", "title": "Airtable Kanban", "description": "An Airtable style Kanban board with smooth drag and drop for cards and stacks, built on the Kanban primitive and other Another UI primitives.", "dependencies": [ "@phosphor-icons/react@2.1.10" ], "registryDependencies": [ "https://anotherui.dev/r/airtable.json", "https://anotherui.dev/r/another-ui-styles.json", "https://anotherui.dev/r/badge.json", "https://anotherui.dev/r/button.json", "https://anotherui.dev/r/card.json", "https://anotherui.dev/r/dropdown-menu.json", "https://anotherui.dev/r/empty.json", "https://anotherui.dev/r/input-group.json", "https://anotherui.dev/r/input.json", "https://anotherui.dev/r/item.json", "https://anotherui.dev/r/kanban.json", "https://anotherui.dev/r/popover.json", "https://anotherui.dev/r/scroll-fade-area.json", "https://anotherui.dev/r/switch.json", "https://anotherui.dev/r/utils.json" ], "files": [ { "path": "blocks/airtable-kanban.tsx", "type": "registry:component", "target": "components/blocks/airtable-kanban.tsx" } ] }, { "name": "airtable", "type": "registry:block", "title": "Airtable", "description": "A full Airtable style base with tables, views, an editable grid, filters, grouping, summaries and Kanban, Calendar and Gallery views.", "dependencies": [ "@dnd-kit/core@6.3.1", "@dnd-kit/sortable@10.0.0", "@dnd-kit/utilities@3.2.2", "@phosphor-icons/react@2.1.10" ], "registryDependencies": [ "https://anotherui.dev/r/another-ui-styles.json", "https://anotherui.dev/r/avatar.json", "https://anotherui.dev/r/badge.json", "https://anotherui.dev/r/button.json", "https://anotherui.dev/r/calendar.json", "https://anotherui.dev/r/card.json", "https://anotherui.dev/r/checkbox.json", "https://anotherui.dev/r/command.json", "https://anotherui.dev/r/context-menu.json", "https://anotherui.dev/r/dropdown-menu.json", "https://anotherui.dev/r/input-group.json", "https://anotherui.dev/r/input.json", "https://anotherui.dev/r/item.json", "https://anotherui.dev/r/label.json", "https://anotherui.dev/r/popover.json", "https://anotherui.dev/r/scroll-fade-area.json", "https://anotherui.dev/r/select.json", "https://anotherui.dev/r/sheet.json", "https://anotherui.dev/r/sounds.json", "https://anotherui.dev/r/switch.json", "https://anotherui.dev/r/table.json", "https://anotherui.dev/r/tabs.json", "https://anotherui.dev/r/utils.json" ], "files": [ { "path": "blocks/airtable.tsx", "type": "registry:component", "target": "components/blocks/airtable.tsx" } ] }, { "name": "auth", "type": "registry:block", "title": "Sign In and Sign Up", "description": "Sign in, sign up, password reset, email links and a code step in one block, built from Another UI primitives.", "dependencies": [ "@phosphor-icons/react@2.1.10", "sonner@2.0.7" ], "registryDependencies": [ "https://anotherui.dev/r/another-ui-styles.json", "https://anotherui.dev/r/button.json", "https://anotherui.dev/r/card.json", "https://anotherui.dev/r/checkbox.json", "https://anotherui.dev/r/field.json", "https://anotherui.dev/r/input-group.json", "https://anotherui.dev/r/input-otp.json", "https://anotherui.dev/r/input.json", "https://anotherui.dev/r/password-strength.json", "https://anotherui.dev/r/sounds.json", "https://anotherui.dev/r/spinner.json", "https://anotherui.dev/r/toggle-group.json", "https://anotherui.dev/r/utils.json" ], "files": [ { "path": "blocks/auth.tsx", "type": "registry:component", "target": "components/blocks/auth.tsx" } ] }, { "name": "availability-scheduler", "type": "registry:block", "title": "Availability Scheduler", "description": "Weekly booking hours with split ranges, copy to other days, date overrides and a live preview of bookable slots, built from Another UI primitives.", "dependencies": [ "@phosphor-icons/react@2.1.10", "sonner@2.0.7" ], "registryDependencies": [ "https://anotherui.dev/r/another-ui-styles.json", "https://anotherui.dev/r/badge.json", "https://anotherui.dev/r/button.json", "https://anotherui.dev/r/calendar.json", "https://anotherui.dev/r/card.json", "https://anotherui.dev/r/dialog.json", "https://anotherui.dev/r/dropdown-menu.json", "https://anotherui.dev/r/item.json", "https://anotherui.dev/r/select.json", "https://anotherui.dev/r/sounds.json", "https://anotherui.dev/r/switch.json", "https://anotherui.dev/r/time-field.json", "https://anotherui.dev/r/toggle-group.json", "https://anotherui.dev/r/utils.json" ], "files": [ { "path": "blocks/availability-scheduler.tsx", "type": "registry:component", "target": "components/blocks/availability-scheduler.tsx" } ] }, { "name": "banking", "type": "registry:block", "title": "Banking", "description": "A banking home with net worth, account cards and an activity feed you can filter, built from Another UI primitives.", "dependencies": [ "@phosphor-icons/react@2.1.10", "recharts@3.8.0", "sonner@2.0.7" ], "registryDependencies": [ "https://anotherui.dev/r/amount.json", "https://anotherui.dev/r/another-ui-styles.json", "https://anotherui.dev/r/badge.json", "https://anotherui.dev/r/button.json", "https://anotherui.dev/r/card.json", "https://anotherui.dev/r/chart.json", "https://anotherui.dev/r/collapsible.json", "https://anotherui.dev/r/dropdown-menu.json", "https://anotherui.dev/r/empty.json", "https://anotherui.dev/r/field.json", "https://anotherui.dev/r/input-group.json", "https://anotherui.dev/r/item.json", "https://anotherui.dev/r/motion.json", "https://anotherui.dev/r/responsive-dialog.json", "https://anotherui.dev/r/select.json", "https://anotherui.dev/r/sounds.json", "https://anotherui.dev/r/stat.json", "https://anotherui.dev/r/switch.json", "https://anotherui.dev/r/utils.json" ], "files": [ { "path": "blocks/banking.tsx", "type": "registry:component", "target": "components/blocks/banking.tsx" } ] }, { "name": "billing", "type": "registry:block", "title": "Billing", "description": "A subscription billing page with usage meters, a plan picker, payment method, billing address, invoice history and a cancel flow, built from Another UI primitives.", "dependencies": [ "@phosphor-icons/react@2.1.10", "sonner@2.0.7" ], "registryDependencies": [ "https://anotherui.dev/r/amount.json", "https://anotherui.dev/r/another-ui-styles.json", "https://anotherui.dev/r/badge.json", "https://anotherui.dev/r/banner.json", "https://anotherui.dev/r/button.json", "https://anotherui.dev/r/card.json", "https://anotherui.dev/r/description-list.json", "https://anotherui.dev/r/empty.json", "https://anotherui.dev/r/field.json", "https://anotherui.dev/r/input.json", "https://anotherui.dev/r/item.json", "https://anotherui.dev/r/label.json", "https://anotherui.dev/r/meter.json", "https://anotherui.dev/r/radio-group.json", "https://anotherui.dev/r/responsive-dialog.json", "https://anotherui.dev/r/segmented-control.json", "https://anotherui.dev/r/select.json", "https://anotherui.dev/r/sounds.json", "https://anotherui.dev/r/spinner.json", "https://anotherui.dev/r/table.json", "https://anotherui.dev/r/utils.json" ], "files": [ { "path": "blocks/billing.tsx", "type": "registry:component", "target": "components/blocks/billing.tsx" } ] }, { "name": "clickup-kanban", "type": "registry:block", "title": "ClickUp Kanban", "description": "A ClickUp style board with tinted status columns, WIP limits, swimlanes and smooth drag and drop, built from Another UI primitives.", "dependencies": [ "@phosphor-icons/react@2.1.10" ], "registryDependencies": [ "https://anotherui.dev/r/airtable.json", "https://anotherui.dev/r/alert.json", "https://anotherui.dev/r/another-ui-styles.json", "https://anotherui.dev/r/badge.json", "https://anotherui.dev/r/button-group.json", "https://anotherui.dev/r/button.json", "https://anotherui.dev/r/card.json", "https://anotherui.dev/r/checkbox.json", "https://anotherui.dev/r/clickup-list.json", "https://anotherui.dev/r/collapsible.json", "https://anotherui.dev/r/dropdown-menu.json", "https://anotherui.dev/r/favorite-button.json", "https://anotherui.dev/r/input-group.json", "https://anotherui.dev/r/item.json", "https://anotherui.dev/r/kanban.json", "https://anotherui.dev/r/popover.json", "https://anotherui.dev/r/scroll-fade-area.json", "https://anotherui.dev/r/sounds.json", "https://anotherui.dev/r/tabs.json", "https://anotherui.dev/r/toggle.json", "https://anotherui.dev/r/utils.json" ], "files": [ { "path": "blocks/clickup-kanban.tsx", "type": "registry:component", "target": "components/blocks/clickup-kanban.tsx" } ] }, { "name": "clickup-list", "type": "registry:block", "title": "ClickUp List", "description": "A ClickUp style list view with status groups, subtasks, inline editing, drag and drop and bulk actions, built from Another UI primitives.", "dependencies": [ "@dnd-kit/core@6.3.1", "@dnd-kit/sortable@10.0.0", "@dnd-kit/utilities@3.2.2", "@phosphor-icons/react@2.1.10" ], "registryDependencies": [ "https://anotherui.dev/r/airtable.json", "https://anotherui.dev/r/another-ui-styles.json", "https://anotherui.dev/r/avatar.json", "https://anotherui.dev/r/badge.json", "https://anotherui.dev/r/button.json", "https://anotherui.dev/r/calendar.json", "https://anotherui.dev/r/card.json", "https://anotherui.dev/r/checkbox.json", "https://anotherui.dev/r/dropdown-menu.json", "https://anotherui.dev/r/favorite-button.json", "https://anotherui.dev/r/input-group.json", "https://anotherui.dev/r/input.json", "https://anotherui.dev/r/item.json", "https://anotherui.dev/r/label.json", "https://anotherui.dev/r/popover.json", "https://anotherui.dev/r/scroll-fade-area.json", "https://anotherui.dev/r/sheet.json", "https://anotherui.dev/r/sounds.json", "https://anotherui.dev/r/switch.json", "https://anotherui.dev/r/table.json", "https://anotherui.dev/r/tabs.json", "https://anotherui.dev/r/textarea.json", "https://anotherui.dev/r/toggle-group.json", "https://anotherui.dev/r/toggle.json", "https://anotherui.dev/r/utils.json" ], "files": [ { "path": "blocks/clickup-list.tsx", "type": "registry:component", "target": "components/blocks/clickup-list.tsx" } ] }, { "name": "command-palette", "type": "registry:block", "title": "Command Palette", "description": "One search box for every client, invoice, page and action, opened with Cmd or Ctrl K, built from Another UI primitives.", "dependencies": [ "@phosphor-icons/react@2.1.10", "cmdk@1.1.1", "sonner@2.0.7" ], "registryDependencies": [ "https://anotherui.dev/r/another-ui-styles.json", "https://anotherui.dev/r/badge.json", "https://anotherui.dev/r/button.json", "https://anotherui.dev/r/command.json", "https://anotherui.dev/r/dialog.json", "https://anotherui.dev/r/empty.json", "https://anotherui.dev/r/input-group.json", "https://anotherui.dev/r/kbd.json", "https://anotherui.dev/r/separator.json", "https://anotherui.dev/r/skeleton.json", "https://anotherui.dev/r/sounds.json", "https://anotherui.dev/r/toggle-group.json", "https://anotherui.dev/r/utils.json" ], "files": [ { "path": "blocks/command-palette.tsx", "type": "registry:component", "target": "components/blocks/command-palette.tsx" } ] }, { "name": "lineup-builder", "type": "registry:block", "title": "Lineup Builder", "description": "Pick a starting eleven on a pitch, choose a formation, swap players with the bench and hand out the armbands, built from Another UI primitives.", "dependencies": [ "@phosphor-icons/react@2.1.10", "sonner@2.0.7" ], "registryDependencies": [ "https://anotherui.dev/r/another-ui-styles.json", "https://anotherui.dev/r/badge.json", "https://anotherui.dev/r/button.json", "https://anotherui.dev/r/card.json", "https://anotherui.dev/r/item.json", "https://anotherui.dev/r/motion.json", "https://anotherui.dev/r/responsive-dialog.json", "https://anotherui.dev/r/select.json", "https://anotherui.dev/r/sounds.json", "https://anotherui.dev/r/stat.json", "https://anotherui.dev/r/table.json", "https://anotherui.dev/r/tabs.json", "https://anotherui.dev/r/tooltip.json", "https://anotherui.dev/r/utils.json" ], "files": [ { "path": "blocks/lineup-builder.tsx", "type": "registry:component", "target": "components/blocks/lineup-builder.tsx" }, { "path": "blocks/football-data.ts", "type": "registry:component", "target": "components/blocks/football-data.ts" } ] }, { "name": "notices", "type": "registry:block", "title": "Notices", "description": "Notification cards in tinted trays, with a live delete countdown and undo, an invoice to pay, a storage warning and a deploy report, built from Another UI primitives.", "dependencies": [ "@phosphor-icons/react@2.1.10", "sonner@2.0.7" ], "registryDependencies": [ "https://anotherui.dev/r/amount.json", "https://anotherui.dev/r/another-ui-styles.json", "https://anotherui.dev/r/badge.json", "https://anotherui.dev/r/button.json", "https://anotherui.dev/r/card.json", "https://anotherui.dev/r/collapsible.json", "https://anotherui.dev/r/copy-button.json", "https://anotherui.dev/r/description-list.json", "https://anotherui.dev/r/dropdown-menu.json", "https://anotherui.dev/r/empty.json", "https://anotherui.dev/r/item.json", "https://anotherui.dev/r/motion.json", "https://anotherui.dev/r/progress.json", "https://anotherui.dev/r/responsive-dialog.json", "https://anotherui.dev/r/segmented-control.json", "https://anotherui.dev/r/sounds.json", "https://anotherui.dev/r/spinner.json", "https://anotherui.dev/r/timeline.json", "https://anotherui.dev/r/utils.json" ], "files": [ { "path": "blocks/notices.tsx", "type": "registry:component", "target": "components/blocks/notices.tsx" } ] }, { "name": "notion", "type": "registry:block", "title": "Notion", "description": "A Notion style workspace with a page tree, covers and icons, and full page writing in the Rich Text Editor, built from Another UI primitives.", "dependencies": [ "@phosphor-icons/react@2.1.10", "sonner@2.0.7" ], "registryDependencies": [ "https://anotherui.dev/r/another-ui-styles.json", "https://anotherui.dev/r/avatar.json", "https://anotherui.dev/r/breadcrumb.json", "https://anotherui.dev/r/button.json", "https://anotherui.dev/r/dropdown-menu.json", "https://anotherui.dev/r/favorite-button.json", "https://anotherui.dev/r/input.json", "https://anotherui.dev/r/popover.json", "https://anotherui.dev/r/rich-text-editor.json", "https://anotherui.dev/r/sheet.json", "https://anotherui.dev/r/sounds.json", "https://anotherui.dev/r/tooltip.json", "https://anotherui.dev/r/utils.json" ], "files": [ { "path": "blocks/notion.tsx", "type": "registry:component", "target": "components/blocks/notion.tsx" } ] }, { "name": "repeatable-group", "type": "registry:block", "title": "Repeatable Group", "description": "Collapsible cards for forms that need an unknown number of the same thing, built from Another UI primitives.", "dependencies": [ "@dnd-kit/core@6.3.1", "@dnd-kit/modifiers@9.0.0", "@dnd-kit/sortable@10.0.0", "@dnd-kit/utilities@3.2.2", "@phosphor-icons/react@2.1.10", "sonner@2.0.7" ], "registryDependencies": [ "https://anotherui.dev/r/another-ui-styles.json", "https://anotherui.dev/r/badge.json", "https://anotherui.dev/r/button.json", "https://anotherui.dev/r/card.json", "https://anotherui.dev/r/collapsible.json", "https://anotherui.dev/r/dropdown-menu.json", "https://anotherui.dev/r/field.json", "https://anotherui.dev/r/input-group.json", "https://anotherui.dev/r/input.json", "https://anotherui.dev/r/item.json", "https://anotherui.dev/r/label.json", "https://anotherui.dev/r/select.json", "https://anotherui.dev/r/sounds.json", "https://anotherui.dev/r/switch.json", "https://anotherui.dev/r/textarea.json", "https://anotherui.dev/r/utils.json" ], "files": [ { "path": "blocks/repeatable-group.tsx", "type": "registry:component", "target": "components/blocks/repeatable-group.tsx" } ] }, { "name": "settings", "type": "registry:block", "title": "Settings", "description": "An account settings page with profile, account, security, notifications, appearance and team sections, a sticky save bar and a danger zone, built from Another UI primitives.", "dependencies": [ "@phosphor-icons/react@2.1.10", "sonner@2.0.7" ], "registryDependencies": [ "https://anotherui.dev/r/another-ui-styles.json", "https://anotherui.dev/r/avatar-upload.json", "https://anotherui.dev/r/avatar.json", "https://anotherui.dev/r/badge.json", "https://anotherui.dev/r/button.json", "https://anotherui.dev/r/card.json", "https://anotherui.dev/r/copy-button.json", "https://anotherui.dev/r/field.json", "https://anotherui.dev/r/input-group.json", "https://anotherui.dev/r/input-otp.json", "https://anotherui.dev/r/input.json", "https://anotherui.dev/r/item.json", "https://anotherui.dev/r/password-strength.json", "https://anotherui.dev/r/responsive-dialog.json", "https://anotherui.dev/r/segmented-control.json", "https://anotherui.dev/r/select.json", "https://anotherui.dev/r/sounds.json", "https://anotherui.dev/r/spinner.json", "https://anotherui.dev/r/switch.json", "https://anotherui.dev/r/tabs.json", "https://anotherui.dev/r/textarea.json", "https://anotherui.dev/r/utils.json" ], "files": [ { "path": "blocks/settings.tsx", "type": "registry:component", "target": "components/blocks/settings.tsx" } ] }, { "name": "sheets", "type": "registry:block", "title": "Sheets", "description": "A Google Sheets style spreadsheet with formulas, formatting, undo and sheet tabs, built on the Data Grid primitive.", "dependencies": [ "@phosphor-icons/react@2.1.10" ], "registryDependencies": [ "https://anotherui.dev/r/another-ui-styles.json", "https://anotherui.dev/r/avatar.json", "https://anotherui.dev/r/button.json", "https://anotherui.dev/r/color-picker.json", "https://anotherui.dev/r/context-menu.json", "https://anotherui.dev/r/data-grid.json", "https://anotherui.dev/r/dialog.json", "https://anotherui.dev/r/dropdown-menu.json", "https://anotherui.dev/r/favorite-button.json", "https://anotherui.dev/r/input.json", "https://anotherui.dev/r/kbd.json", "https://anotherui.dev/r/menubar.json", "https://anotherui.dev/r/motion.json", "https://anotherui.dev/r/number-field.json", "https://anotherui.dev/r/popover.json", "https://anotherui.dev/r/select.json", "https://anotherui.dev/r/separator.json", "https://anotherui.dev/r/sounds.json", "https://anotherui.dev/r/toggle-group.json", "https://anotherui.dev/r/toggle.json", "https://anotherui.dev/r/tooltip.json", "https://anotherui.dev/r/utils.json" ], "files": [ { "path": "blocks/sheets.tsx", "type": "registry:component", "target": "components/blocks/sheets.tsx" }, { "path": "blocks/sheets-formula.ts", "type": "registry:component", "target": "components/blocks/sheets-formula.ts" } ] }, { "name": "sports-score", "type": "registry:block", "title": "Sports Score", "description": "Live football scores grouped by league, with a match page for events, lineups, stats and the table, built from Another UI primitives.", "dependencies": [ "@phosphor-icons/react@2.1.10", "sonner@2.0.7" ], "registryDependencies": [ "https://anotherui.dev/r/another-ui-styles.json", "https://anotherui.dev/r/badge.json", "https://anotherui.dev/r/button.json", "https://anotherui.dev/r/collapsible.json", "https://anotherui.dev/r/empty.json", "https://anotherui.dev/r/favorite-button.json", "https://anotherui.dev/r/lineup-builder.json", "https://anotherui.dev/r/motion.json", "https://anotherui.dev/r/progress.json", "https://anotherui.dev/r/segmented-control.json", "https://anotherui.dev/r/sounds.json", "https://anotherui.dev/r/table.json", "https://anotherui.dev/r/tabs.json", "https://anotherui.dev/r/utils.json" ], "files": [ { "path": "blocks/sports-score.tsx", "type": "registry:component", "target": "components/blocks/sports-score.tsx" } ] }, { "name": "strava", "type": "registry:block", "title": "Strava", "description": "A workout feed with real route maps and a recorder that tracks a walk, run, ride or hike, built from Another UI primitives.", "dependencies": [ "@phosphor-icons/react@2.1.10", "sonner@2.0.7" ], "registryDependencies": [ "https://anotherui.dev/r/another-ui-styles.json", "https://anotherui.dev/r/avatar.json", "https://anotherui.dev/r/badge.json", "https://anotherui.dev/r/button.json", "https://anotherui.dev/r/card.json", "https://anotherui.dev/r/collapsible.json", "https://anotherui.dev/r/dropdown-menu.json", "https://anotherui.dev/r/empty.json", "https://anotherui.dev/r/favorite-button.json", "https://anotherui.dev/r/field.json", "https://anotherui.dev/r/input.json", "https://anotherui.dev/r/map.json", "https://anotherui.dev/r/motion.json", "https://anotherui.dev/r/responsive-dialog.json", "https://anotherui.dev/r/segmented-control.json", "https://anotherui.dev/r/sounds.json", "https://anotherui.dev/r/stat.json", "https://anotherui.dev/r/textarea.json", "https://anotherui.dev/r/utils.json" ], "files": [ { "path": "blocks/strava.tsx", "type": "registry:component", "target": "components/blocks/strava.tsx" }, { "path": "blocks/strava-routes.ts", "type": "registry:component", "target": "components/blocks/strava-routes.ts" } ] }, { "name": "font-instrument-sans", "type": "registry:font", "title": "Instrument Sans", "description": "The Instrument Sans font, as the Another UI docs use it.", "font": { "family": "'Instrument Sans Variable', sans-serif", "provider": "google", "import": "Instrument_Sans", "variable": "--font-sans", "subsets": [ "latin" ], "dependency": "@fontsource-variable/instrument-sans" } }, { "name": "font-geist-mono", "type": "registry:font", "title": "Geist Mono", "description": "The Geist Mono font, as the Another UI docs use it.", "font": { "family": "'Geist Mono Variable', monospace", "provider": "google", "import": "Geist_Mono", "variable": "--font-mono", "subsets": [ "latin" ], "dependency": "@fontsource-variable/geist-mono" } }, { "name": "starter", "type": "registry:base", "title": "Another UI Starter", "description": "A new Next.js app set up with Another UI: theme, fonts, dark mode, a core set of components and a welcome page.", "extends": "none", "config": { "style": "radix-nova", "iconLibrary": "phosphor", "rtl": false, "menuColor": "default", "menuAccent": "subtle", "tailwind": { "baseColor": "neutral" } }, "dependencies": [ "@phosphor-icons/react@2.1.10", "class-variance-authority@0.7.1", "next-themes@0.4.6", "radix-ui@1.4.3", "shadcn@4.21.4", "sonner@2.0.7", "tw-animate-css@1.4.0" ], "registryDependencies": [ "https://anotherui.dev/r/another-ui-styles.json", "https://anotherui.dev/r/badge.json", "https://anotherui.dev/r/button.json", "https://anotherui.dev/r/card.json", "https://anotherui.dev/r/copy-button.json", "https://anotherui.dev/r/dialog.json", "https://anotherui.dev/r/dropdown-menu.json", "https://anotherui.dev/r/field.json", "https://anotherui.dev/r/font-geist-mono.json", "https://anotherui.dev/r/font-instrument-sans.json", "https://anotherui.dev/r/input.json", "https://anotherui.dev/r/label.json", "https://anotherui.dev/r/segmented-control.json", "https://anotherui.dev/r/separator.json", "https://anotherui.dev/r/skeleton.json", "https://anotherui.dev/r/sonner.json", "https://anotherui.dev/r/stat.json", "https://anotherui.dev/r/tabs.json", "https://anotherui.dev/r/toggle-group.json", "https://anotherui.dev/r/tooltip.json", "https://anotherui.dev/r/utils.json" ], "cssVars": { "theme": { "--font-heading": "var(--font-sans)" }, "light": { "radius": "0.625rem", "background": "oklch(1 0 0)", "foreground": "oklch(0% 0 0)", "card": "oklch(1 0 0)", "card-foreground": "oklch(0% 0 0)", "popover": "oklch(1 0 0)", "popover-foreground": "oklch(0% 0 0)", "primary": "oklch(0% 0 0)", "primary-foreground": "oklch(0.985 0 0)", "secondary": "oklch(0.97 0 0)", "secondary-foreground": "oklch(0.205 0 0)", "muted": "oklch(0.97 0 0)", "muted-foreground": "oklch(0.556 0 0)", "accent": "oklch(0.97 0 0)", "accent-foreground": "oklch(0.205 0 0)", "destructive": "oklch(0.577 0.245 27.325)", "destructive-foreground": "oklch(0.97 0.01 17)", "border": "oklch(0.922 0 0)", "input": "oklch(0.922 0 0)", "ring": "oklch(0.708 0 0)", "chart-1": "var(--color-blue-300)", "chart-2": "var(--color-blue-500)", "chart-3": "var(--color-blue-600)", "chart-4": "var(--color-blue-700)", "chart-5": "var(--color-blue-800)", "sidebar": "oklch(0.985 0 0)", "sidebar-foreground": "oklch(0% 0 0)", "sidebar-primary": "oklch(0.205 0 0)", "sidebar-primary-foreground": "oklch(0.985 0 0)", "sidebar-accent": "oklch(0.97 0 0)", "sidebar-accent-foreground": "oklch(0.205 0 0)", "sidebar-border": "oklch(0.922 0 0)", "sidebar-ring": "oklch(0.708 0 0)" }, "dark": { "background": "oklch(0.145 0 0)", "foreground": "oklch(0.985 0 0)", "card": "oklch(0.205 0 0)", "card-foreground": "oklch(0.985 0 0)", "popover": "oklch(0.205 0 0)", "popover-foreground": "oklch(0.985 0 0)", "primary": "oklch(0.922 0 0)", "primary-foreground": "oklch(0.205 0 0)", "secondary": "oklch(0.269 0 0)", "secondary-foreground": "oklch(0.985 0 0)", "muted": "oklch(0.269 0 0)", "muted-foreground": "oklch(0.708 0 0)", "accent": "oklch(0.371 0 0)", "accent-foreground": "oklch(0.985 0 0)", "destructive": "oklch(0.704 0.191 22.216)", "destructive-foreground": "oklch(0.58 0.22 27)", "border": "oklch(1 0 0 / 10%)", "input": "oklch(1 0 0 / 15%)", "ring": "oklch(0.556 0 0)", "chart-1": "var(--color-blue-300)", "chart-2": "var(--color-blue-500)", "chart-3": "var(--color-blue-600)", "chart-4": "var(--color-blue-700)", "chart-5": "var(--color-blue-800)", "sidebar": "oklch(0.205 0 0)", "sidebar-foreground": "oklch(0.985 0 0)", "sidebar-primary": "oklch(0.488 0.243 264.376)", "sidebar-primary-foreground": "oklch(0.985 0 0)", "sidebar-accent": "oklch(0.269 0 0)", "sidebar-accent-foreground": "oklch(0.985 0 0)", "sidebar-border": "oklch(1 0 0 / 10%)", "sidebar-ring": "oklch(0.439 0 0)" } }, "css": { "@import \"tw-animate-css\"": {}, "@import \"shadcn/tailwind.css\"": {}, "@layer base": { "*": { "@apply border-border outline-ring/50": {} }, "body": { "@apply bg-background text-foreground": {} } } }, "files": [ { "path": "another-starter/page.tsx", "type": "registry:file", "target": "app/page.tsx" }, { "path": "another-starter/theme-provider.tsx", "type": "registry:component", "target": "components/theme-provider.tsx" }, { "path": "another-starter/mode-toggle.tsx", "type": "registry:component", "target": "components/mode-toggle.tsx" }, { "path": "another-starter/add-command.tsx", "type": "registry:component", "target": "components/add-command.tsx" }, { "path": "another-starter/signup-form.tsx", "type": "registry:component", "target": "components/signup-form.tsx" } ] } ] }