{ "$schema": "https://ui.shadcn.com/schema/registry.json", "name": "Nyxhoraui", "url": "https://ui.nyxhora.com", "description": "A collection of UI components for Next.js", "version": "1.0.0", "homepage": "https://ui.nyxhora.com", "registryDependencies": [ "@/lib/utils" ], "components": {}, "items": [ { "name": "image-grid", "title": "Image Grid", "description": "An interactive gallery that lets users swap the hero image by clicking on thumbnails.", "type": "registry:ui", "dependencies": [ "framer-motion" ], "registryDependencies": [ "@/lib/utils" ], "files": [ { "path": "registry/ui/image-grid.tsx", "type": "registry:ui" } ] }, { "name": "corner-grid", "title": "Corner Grid", "description": "A responsive bento grid layout featuring clean, tech-inspired corner accents.", "type": "registry:ui", "dependencies": [], "registryDependencies": [ "@/lib/utils" ], "files": [ { "path": "registry/ui/corner-grid.tsx", "type": "registry:ui" } ] }, { "name": "image-slider", "title": "Image Slider", "description": "A responsive, customizable image slider with support for swipes, autoplay, and thumbnails.", "type": "registry:ui", "dependencies": [ "lucide-react" ], "registryDependencies": [ "@/lib/utils" ], "files": [ { "path": "registry/ui/image-slider.tsx", "type": "registry:ui" } ] }, { "name": "workspace-label", "title": "Workspace Label", "description": "A workspace switcher with member avatars, pending request notifications, info card panel, and keyboard shortcuts.", "type": "registry:ui", "dependencies": [ "lucide-react" ], "registryDependencies": [ "@/lib/utils" ], "files": [ { "path": "registry/ui/workspace-label.tsx", "type": "registry:ui" } ] }, { "name": "floating-dock-dialog", "title": "Floating Dock Dialog", "description": "An enhanced floating dock with bottom sheet dialog, workspace cards, custom icons/colors, favorites, and spring physics animations.", "type": "registry:ui", "dependencies": [ "motion", "@radix-ui/react-dialog", "@tabler/icons-react", "lucide-react" ], "registryDependencies": [ "@/lib/utils" ], "files": [ { "path": "registry/ui/floating-dock-dialog.tsx", "type": "registry:ui" } ] }, { "name": "floating-dock", "title": "Floating Dock", "description": "A macOS-style dock with smooth hover animations, spring physics, and responsive mobile/desktop variants.", "type": "registry:ui", "dependencies": [ "motion", "@tabler/icons-react" ], "registryDependencies": [ "@/lib/utils" ], "files": [ { "path": "registry/ui/floating-dock.tsx", "type": "registry:ui" } ] }, { "name": "button", "title": "Button", "description": "React Button component", "type": "registry:ui", "dependencies": [ "@radix-ui/react-slot", "class-variance-authority" ], "files": [ { "path": "registry/ui/button.tsx", "type": "registry:ui" } ] }, { "name": "awesome-button", "title": "Awesome Button", "description": "Awesome Button component", "type": "registry:ui", "dependencies": [ "motion" ], "files": [ { "path": "registry/ui/awesome-button.tsx", "type": "registry:ui" } ] }, { "name": "input", "title": "Input", "description": "React Input component", "type": "registry:ui", "registryDependencies": [], "files": [ { "path": "registry/ui/input.tsx", "type": "registry:ui" } ] }, { "name": "textarea", "title": "Textarea", "description": "React Textarea component Nyxhora UI", "type": "registry:ui", "registryDependencies": [], "files": [ { "path": "registry/ui/textarea.tsx", "type": "registry:ui" } ] }, { "name": "avatar", "title": "Avatar", "description": "React Avatar component Nyxhora UI", "type": "registry:ui", "dependencies": [ "@radix-ui/react-avatar" ], "files": [ { "path": "registry/ui/avatar.tsx", "type": "registry:ui" } ] }, { "name": "badge", "title": "Badge", "description": "React Badge component Nyxhora UI", "type": "registry:ui", "dependencies": [ "@radix-ui/react-slot", "class-variance-authority" ], "files": [ { "path": "registry/ui/badge.tsx", "type": "registry:ui" } ] }, { "name": "checkbox", "title": "Checkbox", "description": "React Checkbox component Nyxhora UI", "type": "registry:ui", "dependencies": [ "@radix-ui/react-checkbox", "lucide-react" ], "files": [ { "path": "registry/ui/checkbox.tsx", "type": "registry:ui" } ] }, { "name": "dialog", "title": "Dialog", "description": "React Dialog component Nyxhora UI", "type": "registry:ui", "dependencies": [ "@radix-ui/react-dialog", "lucide-react", "motion" ], "files": [ { "path": "registry/ui/dialog.tsx", "type": "registry:ui" } ] }, { "name": "radio-group", "title": "Radio Group", "description": "React Radio Group component Nyxhora UI", "type": "registry:ui", "dependencies": [ "@radix-ui/react-radio-group", "lucide-react" ], "files": [ { "path": "registry/ui/radio-group.tsx", "type": "registry:ui" } ] }, { "name": "select", "title": "Select", "description": "React Select component Nyxhora UI", "type": "registry:ui", "dependencies": [ "@radix-ui/react-select", "lucide-react" ], "files": [ { "path": "registry/ui/select.tsx", "type": "registry:ui" } ] }, { "name": "switch", "title": "Switch", "description": "React Switch component Nyxhora UI", "type": "registry:ui", "dependencies": [ "@radix-ui/react-switch", "lucide-react" ], "files": [ { "path": "registry/ui/switch.tsx", "type": "registry:ui" } ] }, { "name": "tabs", "title": "Tabs", "description": "React Tabs component Nyxhora UI", "type": "registry:ui", "dependencies": [ "@radix-ui/react-tabs", "lucide-react" ], "files": [ { "path": "registry/ui/tabs.tsx", "type": "registry:ui" } ] }, { "name": "tooltip", "title": "Tooltip", "description": "React Tooltip component Nyxhora UI", "type": "registry:ui", "dependencies": [ "@radix-ui/react-tooltip", "lucide-react" ], "files": [ { "path": "registry/ui/tooltip.tsx", "type": "registry:ui" } ] }, { "name": "alert", "title": "Alert", "description": "React Alert component Nyxhora UI", "type": "registry:ui", "dependencies": [ "class-variance-authority" ], "files": [ { "path": "registry/ui/alert.tsx", "type": "registry:ui" } ] }, { "name": "card", "title": "Card", "description": "React Card component Nyxhora UI", "type": "registry:ui", "registryDependencies": [], "files": [ { "path": "registry/ui/card.tsx", "type": "registry:ui" } ] }, { "name": "slider", "title": "Slider", "description": "React Slider component Nyxhora UI", "type": "registry:ui", "dependencies": [ "@radix-ui/react-slider" ], "files": [ { "path": "registry/ui/slider.tsx", "type": "registry:ui" } ] }, { "name": "label", "title": "Label", "description": "React Label component Nyxhora UI", "type": "registry:ui", "dependencies": [ "@radix-ui/react-label" ], "files": [ { "path": "registry/ui/label.tsx", "type": "registry:ui" } ] }, { "name": "progress", "title": "Progress", "description": "React Progress component Nyxhora UI", "type": "registry:ui", "dependencies": [ "@radix-ui/react-progress" ], "files": [ { "path": "registry/ui/progress.tsx", "type": "registry:ui" } ] }, { "name": "skeleton", "title": "Skeleton", "description": "React Skeleton component Nyxhora UI", "type": "registry:ui", "dependencies": [], "files": [ { "path": "registry/ui/skeleton.tsx", "type": "registry:ui" } ] }, { "name": "sonner", "title": "Sonner", "description": "React Sonner component Nyxhora UI", "type": "registry:ui", "dependencies": [ "sonner", "next-themes" ], "registryDependencies": [ "sonner", "color-theme-provider" ], "files": [ { "path": "registry/ui/sonner.tsx", "type": "registry:ui" } ] }, { "name": "badge", "title": "Badge", "description": "React Badge component Nyxhora UI", "type": "registry:ui", "dependencies": [ "class-variance-authority", "@radix-ui/react-slot" ], "files": [ { "path": "registry/ui/badge.tsx", "type": "registry:ui" } ] }, { "name": "component-showcard", "title": "Component Showcard", "description": "A highly customizable card component for showcasing UI elements with gradients, badges, and interactive previews.", "type": "registry:ui", "dependencies": [ "class-variance-authority", "next-link", "framer-motion", "lucide-react" ], "files": [ { "path": "registry/ui/component-showcard.tsx", "type": "registry:ui" } ] }, { "name": "separator", "title": "Separator", "description": "React Separator component to visually or semantically separates content. Nyxhora UI", "type": "registry:ui", "dependencies": [ "class-variance-authority", "@radix-ui/react-separator" ], "files": [ { "path": "registry/ui/separator.tsx", "type": "registry:ui" } ] }, { "name": "cover", "title": "Cover", "description": "A flexible cover component for displaying featured images with optional action buttons for changing or removing the cover. Nyxhora UI", "type": "registry:ui", "dependencies": [ "lucide-react", "class-variance-authority" ], "registryDependencies": [ "button", "skeleton" ], "files": [ { "path": "registry/ui/cover.tsx", "type": "registry:ui" } ] }, { "name": "sheet", "title": "Sheet", "description": "Extends the Dialog component to display content that complements the main screen. Slides in from the edge of the viewport.", "type": "registry:ui", "dependencies": [ "@radix-ui/react-dialog", "lucide-react", "motion" ], "registryDependencies": [], "files": [ { "path": "registry/ui/sheet.tsx", "type": "registry:ui" } ] }, { "name": "action-bar", "title": "Action Bar", "description": "A horizontal action bar component that displays a set of actionable items with icons and labels. Perfect for toolbars, navigation bars, and feature highlights. Nyxhora UI", "type": "registry:ui", "dependencies": [ "lucide-react", "motion" ], "files": [ { "path": "registry/ui/action-bar.tsx", "type": "registry:ui" } ] }, { "name": "dynamic-island", "title": "Dynamic Island", "description": "A floating, expandable notification component inspired by Apple's Dynamic Island. Features notification stacking with navigation dots, dismissable vs persistent notifications, priority-based ordering, and auto-collapse. Nyxhora UI", "type": "registry:ui", "dependencies": [ "motion", "lucide-react", "class-variance-authority", "zustand" ], "registryDependencies": [ "skeleton" ], "files": [ { "path": "registry/ui/dynamic-island-provider.tsx", "type": "registry:ui" }, { "path": "registry/hooks/use-dynamic-island.ts", "type": "registry:ui" } ] }, { "name": "navbar-menu", "title": "Navbar Menu", "description": "React Navbar Menu component Nyxhora UI", "type": "registry:ui", "dependencies": [ "motion" ], "files": [ { "path": "registry/ui/navbar-menu.tsx", "type": "registry:ui" } ] }, { "name": "url-tabs", "title": "URL Tabs", "description": "Enhanced Tabs component that syncs with URL parameters. Perfect for shareable tab states and deep linking. Nyxhora UI", "type": "registry:ui", "dependencies": [ ], "registryDependencies": [ "tabs" ], "files": [ { "path": "registry/ui/url-tabs.tsx", "type": "registry:ui" } ] }, { "name": "footer", "title": "Footer", "description": "A comprehensive footer component with brand section, social links, navigation columns, and legal links. Fully responsive and customizable.", "type": "registry:ui", "registryDependencies": [], "dependencies": [ "lucide-react" ], "files": [ { "path": "registry/ui/footer.tsx", "type": "registry:ui" } ] }, { "name": "shooting-stars", "title": "Shooting Stars", "description": "A beautiful animated starfield background with shooting stars effect. Perfect for hero sections, landing pages, and space-themed designs. Nyxhora UI", "type": "registry:ui", "registryDependencies": [], "files": [ { "path": "registry/ui/shooting-stars.tsx", "type": "registry:ui" } ] }, { "name": "color-drip", "title": "Color Drip", "description": "Animated vertical lines with colorful dripping effects. Perfect for creating dynamic backgrounds with a matrix-like or rain-inspired aesthetic. Nyxhora UI", "type": "registry:ui", "registryDependencies": [], "files": [ { "path": "registry/ui/color-drip.tsx", "type": "registry:ui" } ] }, { "name": "glowing-dot-grid", "title": "Glowing Dot Grid", "description": "An interactive grid of dots that glow and expand on hover with beautiful proximity-based effects. Perfect for hero sections and interactive backgrounds. Nyxhora UI", "type": "registry:ui", "registryDependencies": [], "files": [ { "path": "registry/ui/glowing-dot-grid.tsx", "type": "registry:ui" } ] }, { "name": "background-beams", "title": "Background Beams", "description": "A dynamic background component featuring animated beams of light that sweep across the screen. Perfect for adding a modern, energetic, and visually striking effect to your website. Nyxhora UI", "type": "registry:ui", "registryDependencies": [], "files": [ { "path": "registry/ui/background-beams.tsx", "type": "registry:ui" } ] }, { "name": "background-lines", "title": "Background Lines", "description": "Animated SVG lines radiating from center with customizable color schemes including vibrant, neon, pastel, sunset, and ocean themes. Perfect for hero sections and landing pages. Nyxhora UI", "type": "registry:ui", "dependencies": [ "motion" ], "registryDependencies": [ "@/lib/utils" ], "files": [ { "path": "registry/ui/background-lines.tsx", "type": "registry:ui" } ] }, { "name": "sparkles", "title": "Sparkles", "description": "A dynamic background component featuring animated particles that float across the screen. Perfect for adding a magical or festive touch to your website. Nyxhora UI", "type": "registry:ui", "dependencies": [ "motion", "@tsparticles/react", "@tsparticles/slim", "@tsparticles/engine" ], "files": [ { "path": "registry/ui/sparkles.tsx", "type": "registry:ui" } ] }, { "name": "spotlight", "title": "Spotlight", "description": "A dynamic background component featuring a spotlight that follows the mouse cursor. Perfect for adding a modern, interactive, and visually striking effect to your website. Nyxhora UI", "type": "registry:ui", "registryDependencies": [], "files": [ { "path": "registry/ui/spotlight.tsx", "type": "registry:ui" } ] }, { "name": "smooth-cursor", "title": "Smooth Cursor", "description": "A custom cursor component that follows the mouse with a smooth, elastic animation. Perfect for adding a modern, interactive, and visually striking effect to your website. Nyxhora UI", "type": "registry:ui", "dependencies": [ "motion" ], "files": [ { "path": "registry/ui/smooth-cursor.tsx", "type": "registry:ui" } ] }, { "name": "animated-shiny-text", "title": "Animated Shiny Text", "description": "A text component that features a shiny, animated gradient effect that moves across the text. Perfect for hero sections and call-to-action buttons. Nyxhora UI", "type": "registry:ui", "registryDependencies": [], "files": [ { "path": "registry/ui/animated-shiny-text.tsx", "type": "registry:ui" } ] }, { "name": "hover-reveal-text", "title": "Hover Reveal Text", "description": "A text component that features a hover reveal effect where the text is revealed with a smooth animation. Perfect for hero sections and call-to-action buttons. Nyxhora UI", "type": "registry:ui", "registryDependencies": [], "files": [ { "path": "registry/ui/hover-reveal-text.tsx", "type": "registry:ui" } ] }, { "name": "flip-words", "title": "Flip Words", "description": "A text component that features a flip effect where the words are flipped with a smooth animation. Perfect for hero sections and call-to-action buttons. Nyxhora UI", "type": "registry:ui", "registryDependencies": [], "files": [ { "path": "registry/ui/flip-words.tsx", "type": "registry:ui" } ] }, { "name": "text-hover-effect", "title": "Text Hover Effect", "description": "A text component that features a hover effect where the text is revealed with a smooth animation. Perfect for hero sections and call-to-action buttons. Nyxhora UI", "type": "registry:ui", "registryDependencies": [], "files": [ { "path": "registry/ui/text-hover-effect.tsx", "type": "registry:ui" } ] }, { "name": "rainbow-button", "title": "Rainbow Button", "description": "A button component that features a rainbow gradient effect that moves across the button. Perfect for hero sections and call-to-action buttons. Nyxhora UI", "type": "registry:ui", "registryDependencies": [], "files": [ { "path": "registry/ui/rainbow-button.tsx", "type": "registry:ui" } ] }, { "name": "ants-card", "title": "Ants Card", "description": "A card component that features a ants effect that moves across the card. Perfect for hero sections and call-to-action buttons. Nyxhora UI", "type": "registry:ui", "registryDependencies": [], "files": [ { "path": "registry/ui/ants-card.tsx", "type": "registry:ui" } ] }, { "name": "exit-intent", "title": "Exit Intent", "description": "A modal component that appears when the user tries to exit the website. Perfect for hero sections and call-to-action buttons. Nyxhora UI", "type": "registry:ui", "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ], "files": [ { "path": "registry/providers/exit-intent-provider.tsx", "type": "registry:ui" } ] }, { "name": "geist-background", "title": "Geist Background", "description": "An ambient animated background combining subtle flicker, procedural noise masks, and layered conic gradients to create depth-heavy visuals inspired by Geist-style design.", "type": "registry:ui", "dependencies": [], "files": [ { "path": "registry/ui/geist-background.tsx", "type": "registry:ui" } ] }, { "name": "three-d-card", "title": "Three D Card", "description": "An interactive card component with real-time 3D tilt and depth effects driven by cursor movement, giving a tactile and immersive hover experience.", "type": "registry:ui", "registryDependencies": [], "files": [ { "path": "registry/ui/three-d-card.tsx", "type": "registry:ui" } ] }, { "name": "gradient-background", "title": "Gradient Background", "description": "A motion-based gradient background that smoothly reacts to cursor position, ideal for landing pages, banners, and hero sections.", "type": "registry:ui", "registryDependencies": [], "files": [ { "path": "registry/ui/gradient-background.tsx", "type": "registry:ui" } ] }, { "name": "code-block", "title": "Code Block Visual", "description": "A decorative animated grid and code-inspired background designed for developer-focused sections and technical showcases.", "type": "registry:ui", "registryDependencies": [], "files": [ { "path": "registry/ui/code-block.tsx", "type": "registry:ui" } ] }, { "name": "spinner", "title": "Spinner", "description": "A lightweight animated loading spinner built with a modern grid-style motion system for async states and transitions.", "type": "registry:ui", "registryDependencies": [], "files": [ { "path": "registry/ui/spinner.tsx", "type": "registry:ui" } ] }, { "name": "magic-button", "title": "Magic Button", "description": "A highly interactive button with reactive lighting and hover effects that follow cursor movement, designed to highlight primary actions.", "type": "registry:ui", "registryDependencies": [], "files": [ { "path": "registry/ui/magic-button.tsx", "type": "registry:ui" } ] }, { "name": "magic-text", "title": "Magic Text", "description": "An animated text effect component that adds subtle glow and motion-based highlights for headings and emphasis text.", "type": "registry:ui", "registryDependencies": [], "files": [ { "path": "registry/ui/magic-text.tsx", "type": "registry:ui" } ] }, { "name": "magic-card", "title": "Magic Card", "description": "A responsive card container with layered lighting and motion effects that react to cursor proximity, perfect for feature and pricing sections.", "type": "registry:ui", "registryDependencies": [], "files": [ { "path": "registry/ui/magic-card.tsx", "type": "registry:ui" } ] }, { "name": "spotlight-text", "title": "Spotlight Text", "description": "A typography component that simulates a moving spotlight across text, drawing user focus through interaction.", "type": "registry:ui", "registryDependencies": [], "files": [ { "path": "registry/ui/spotlight-text.tsx", "type": "registry:ui" } ] }, { "name": "variable-shadow-text", "title": "Variable Shadow Text", "description": "A dynamic text component where shadow direction and intensity adjust based on cursor position, creating realistic depth.", "type": "registry:ui", "registryDependencies": [], "files": [ { "path": "registry/ui/variable-shadow-text.tsx", "type": "registry:ui" } ] }, { "name": "gradient-text", "title": "Gradient Text", "description": "A customizable gradient-filled text component with optional animated transitions for branding and standout headings.", "type": "registry:ui", "registryDependencies": [], "files": [ { "path": "registry/ui/gradient-text.tsx", "type": "registry:ui" } ] }, { "name": "shiny-card", "title": "Shiny Card", "description": "A glossy card component featuring a reflective light-sweep hover effect, giving a premium and material-like finish.", "type": "registry:ui", "registryDependencies": [], "files": [ { "path": "registry/ui/shiny-card.tsx", "type": "registry:ui" } ] } ] }