{ "name": "Pioneer UI", "homepage": "https://pioneerui.com", "items": [ { "name": "index", "type": "registry:style", "dependencies": [ "tailwindcss-animate", "class-variance-authority", "lucide-react" ], "registryDependencies": [ "utils" ], "files": [], "tailwind": { "config": { "plugins": [ "require(\"tailwindcss-animate\")" ] } }, "cssVars": {} }, { "name": "number-ticker", "type": "registry:ui", "title": "Number Ticker", "description": "Animate numbers to count up or down to a target number", "dependencies": [ "motion" ], "files": [ { "path": "registry/magicui/number-ticker.tsx", "type": "registry:ui", "target": "components/magicui/number-ticker.tsx" } ] }, { "name": "animated-shiny-text", "type": "registry:ui", "title": "Animated Shiny Text", "description": "A light glare effect which pans across text making it appear as if it is shimmering.", "files": [ { "path": "registry/magicui/animated-shiny-text.tsx", "type": "registry:ui", "target": "components/magicui/animated-shiny-text.tsx" } ], "tailwind": { "config": { "theme": { "extend": { "animation": { "shiny-text": "shiny-text 8s infinite" }, "keyframes": { "shiny-text": { "0%, 90%, 100%": { "background-position": "calc(-100% - var(--shiny-width)) 0" }, "30%, 60%": { "background-position": "calc(100% + var(--shiny-width)) 0" } } } } } } } }, { "name": "text-animate", "type": "registry:ui", "title": "Text Animate", "description": "A text animation component that animates text using a variety of different animations.", "dependencies": [ "motion" ], "files": [ { "path": "registry/magicui/text-animate.tsx", "type": "registry:ui", "target": "components/magicui/text-animate.tsx" } ] }, { "name": "floating-phone", "type": "registry:ui", "title": "Floating Phone", "description": "A floating phone component", "files": [ { "path": "registry/pioneerui/floating-phone.tsx", "type": "registry:ui", "target": "components/pioneerui/floating-phone.tsx" } ] }, { "name": "link-reveal", "type": "registry:ui", "title": "Link Reveal", "description": "Link reveal effect", "dependencies": [ "framer-motion" ], "files": [ { "path": "registry/pioneerui/link-reveal.tsx", "type": "registry:ui", "target": "components/pioneerui/link-reveal.tsx" } ] }, { "name": "shimmer-button", "type": "registry:ui", "title": "Shimmer Button", "description": "A shimmering button component", "dependencies": [ "framer-motion" ], "files": [ { "path": "registry/pioneerui/shimmer-button.tsx", "type": "registry:ui", "target": "components/pioneerui/shimmer-button.tsx" } ] }, { "name": "hover-links", "type": "registry:ui", "title": "Hover Links", "description": "A collection of links with hover effects", "dependencies": [ "framer-motion" ], "files": [ { "path": "registry/pioneerui/hover-links.tsx", "type": "registry:ui", "target": "components/pioneerui/hover-links.tsx" } ] }, { "name": "spinning-text", "type": "registry:ui", "title": "Spinning Text", "description": "A spinning text component", "dependencies": [ "framer-motion" ], "files": [ { "path": "registry/pioneerui/spinning-text.tsx", "type": "registry:ui", "target": "components/pioneerui/spinning-text.tsx" } ] }, { "name": "simple-date-selector", "type": "registry:ui", "title": "Simple Date Selector", "description": "A simple date selector component", "files": [ { "path": "registry/pioneerui/simple-date-selector.tsx", "type": "registry:ui", "target": "components/pioneerui/simple-date-selector.tsx" } ] }, { "name": "shiny-button", "type": "registry:ui", "title": "Shiny Button", "description": "A shiny button component", "dependencies": [ "framer-motion" ], "files": [ { "path": "registry/pioneerui/shiny-button.tsx", "type": "registry:ui", "target": "components/pioneerui/shiny-button.tsx" } ] }, { "name": "neu-button", "type": "registry:ui", "title": "Neu Button", "description": "A neu button component", "dependencies": [ "framer-motion" ], "files": [ { "path": "registry/pioneerui/neu-button.tsx", "type": "registry:ui", "target": "components/pioneerui/neu-button.tsx" } ] }, { "name": "countup-stats", "type": "registry:ui", "title": "Count Up Stats", "description": "A count up stats component", "dependencies": [ "react-countup" ], "files": [ { "path": "registry/pioneerui/countup-stats.tsx", "type": "registry:ui", "target": "components/pioneerui/countup-stats.tsx" } ] }, { "name": "hover-button", "type": "registry:ui", "title": "Hover Button", "description": "A hover button component", "files": [ { "path": "registry/pioneerui/hover-button.tsx", "type": "registry:ui", "target": "components/pioneerui/hover-button.tsx" } ] }, { "name": "typewriter", "type": "registry:ui", "title": "Typewriter", "description": "A typewriter effect component", "files": [ { "path": "registry/pioneerui/typewriter.tsx", "type": "registry:ui", "target": "components/pioneerui/typewriter.tsx" } ] }, { "name": "particle-background", "type": "registry:ui", "title": "Particle Background", "description": "A particle background component", "dependencies": [ "react-particles", "tsparticles-slim", "tsparticles-engine" ], "files": [ { "path": "registry/pioneerui/particle-background.tsx", "type": "registry:ui", "target": "components/pioneerui/particle-background.tsx" } ] }, { "name": "text-scramble", "type": "registry:ui", "title": "Text Scramble", "description": "A text scramble effect component", "files": [ { "path": "registry/pioneerui/text-scramble.tsx", "type": "registry:ui", "target": "components/pioneerui/text-scramble.tsx" } ] }, { "name": "dock", "type": "registry:ui", "title": "Dock", "description": "A dock component", "files": [ { "path": "registry/pioneerui/dock.tsx", "type": "registry:ui", "target": "components/pioneerui/dock.tsx" } ] }, { "name": "aurora-background", "type": "registry:ui", "title": "Aurora Background", "description": "Animated aurora-style gradient backdrop using CSS keyframes", "files": [ { "path": "registry/pioneerui/aurora-background.tsx", "type": "registry:ui", "target": "components/pioneerui/aurora-background.tsx" } ] }, { "name": "dot-pattern", "type": "registry:ui", "title": "Dot Pattern", "description": "Repeating radial-dot SVG background pattern with radial fade mask", "files": [ { "path": "registry/pioneerui/dot-pattern.tsx", "type": "registry:ui", "target": "components/pioneerui/dot-pattern.tsx" } ] }, { "name": "grid-pattern", "type": "registry:ui", "title": "Grid Pattern", "description": "Subtle SVG grid lines background with optional highlighted squares", "files": [ { "path": "registry/pioneerui/grid-pattern.tsx", "type": "registry:ui", "target": "components/pioneerui/grid-pattern.tsx" } ] }, { "name": "beam-background", "type": "registry:ui", "title": "Beam Background", "description": "Canvas-based animated light beam sweeps for dark hero sections", "files": [ { "path": "registry/pioneerui/beam-background.tsx", "type": "registry:ui", "target": "components/pioneerui/beam-background.tsx" } ] }, { "name": "noise-texture", "type": "registry:ui", "title": "Noise Texture", "description": "SVG fractal noise grain overlay with blend modes", "files": [ { "path": "registry/pioneerui/noise-texture.tsx", "type": "registry:ui", "target": "components/pioneerui/noise-texture.tsx" } ] }, { "name": "border-beam", "type": "registry:ui", "title": "Border Beam", "description": "Animated rotating gradient border that highlights any card or container", "files": [ { "path": "registry/pioneerui/border-beam.tsx", "type": "registry:ui", "target": "components/pioneerui/border-beam.tsx" } ], "tailwind": { "config": { "theme": { "extend": { "animation": { "border-beam": "border-beam calc(var(--duration)*1s) linear infinite" }, "keyframes": { "border-beam": { "100%": { "--angle": "360deg" } } } } } } } }, { "name": "magnetic-button", "type": "registry:ui", "title": "Magnetic Button", "description": "Button that tracks cursor with elastic spring physics", "dependencies": [ "motion" ], "files": [ { "path": "registry/pioneerui/magnetic-button.tsx", "type": "registry:ui", "target": "components/pioneerui/magnetic-button.tsx" } ] }, { "name": "glow-card", "type": "registry:ui", "title": "Glow Card", "description": "Card with mouse-tracking radial glow via CSS custom properties", "files": [ { "path": "registry/pioneerui/glow-card.tsx", "type": "registry:ui", "target": "components/pioneerui/glow-card.tsx" } ] }, { "name": "tilt-card", "type": "registry:ui", "title": "Tilt Card", "description": "3D perspective tilt on mousemove using Framer Motion spring physics", "dependencies": [ "motion" ], "files": [ { "path": "registry/pioneerui/tilt-card.tsx", "type": "registry:ui", "target": "components/pioneerui/tilt-card.tsx" } ] }, { "name": "feature-card", "type": "registry:ui", "title": "Feature Card", "description": "Icon, title, and description layout with optional highlighted variant", "files": [ { "path": "registry/pioneerui/feature-card.tsx", "type": "registry:ui", "target": "components/pioneerui/feature-card.tsx" } ] }, { "name": "bento-grid", "type": "registry:ui", "title": "Bento Grid", "description": "CSS Grid bento layout with variable column/row spanning slots", "files": [ { "path": "registry/pioneerui/bento-grid.tsx", "type": "registry:ui", "target": "components/pioneerui/bento-grid.tsx" } ] }, { "name": "skeleton-card", "type": "registry:ui", "title": "Skeleton Card", "description": "Shimmer-animated skeleton placeholder components", "files": [ { "path": "registry/pioneerui/skeleton-card.tsx", "type": "registry:ui", "target": "components/pioneerui/skeleton-card.tsx" } ] }, { "name": "spinner-variants", "type": "registry:ui", "title": "Spinner Variants", "description": "Collection of loading spinners: ring, dots, pulse, and bars", "files": [ { "path": "registry/pioneerui/spinner-variants.tsx", "type": "registry:ui", "target": "components/pioneerui/spinner-variants.tsx" } ] }, { "name": "progress-bar", "type": "registry:ui", "title": "Progress Bar", "description": "Animated progress bar with default, gradient, and striped variants", "dependencies": [ "motion" ], "files": [ { "path": "registry/pioneerui/progress-bar.tsx", "type": "registry:ui", "target": "components/pioneerui/progress-bar.tsx" } ] }, { "name": "testimonial-card", "type": "registry:ui", "title": "Testimonial Card", "description": "Quote card with avatar, name, role, company and star rating", "files": [ { "path": "registry/pioneerui/testimonial-card.tsx", "type": "registry:ui", "target": "components/pioneerui/testimonial-card.tsx" } ] }, { "name": "marquee-testimonials", "type": "registry:ui", "title": "Marquee Testimonials", "description": "Infinite-scroll horizontal testimonial strip with optional double row", "files": [ { "path": "registry/pioneerui/marquee-testimonials.tsx", "type": "registry:ui", "target": "components/pioneerui/marquee-testimonials.tsx" } ] }, { "name": "testimonial-grid", "type": "registry:ui", "title": "Testimonial Grid", "description": "Masonry-style testimonial grid with staggered entrance animations", "dependencies": [ "motion" ], "files": [ { "path": "registry/pioneerui/testimonial-grid.tsx", "type": "registry:ui", "target": "components/pioneerui/testimonial-grid.tsx" } ] }, { "name": "pricing-card", "type": "registry:ui", "title": "Pricing Card", "description": "Feature list + CTA pricing tier card with highlighted variant", "files": [ { "path": "registry/pioneerui/pricing-card.tsx", "type": "registry:ui", "target": "components/pioneerui/pricing-card.tsx" } ] }, { "name": "pricing-toggle", "type": "registry:ui", "title": "Pricing Toggle", "description": "Monthly/annual toggle with animated price swap using Framer Motion", "dependencies": [ "motion" ], "files": [ { "path": "registry/pioneerui/pricing-toggle.tsx", "type": "registry:ui", "target": "components/pioneerui/pricing-toggle.tsx" } ] }, { "name": "fluid-tabs", "type": "registry:ui", "title": "Fluid Tabs", "description": "Tabs with Framer Motion layout-animated underline or pill indicator", "dependencies": [ "motion" ], "files": [ { "path": "registry/pioneerui/fluid-tabs.tsx", "type": "registry:ui", "target": "components/pioneerui/fluid-tabs.tsx" } ] }, { "name": "pill-nav", "type": "registry:ui", "title": "Pill Nav", "description": "Horizontal navigation with animated pill indicator and badge support", "dependencies": [ "motion" ], "files": [ { "path": "registry/pioneerui/pill-nav.tsx", "type": "registry:ui", "target": "components/pioneerui/pill-nav.tsx" } ] }, { "name": "breadcrumb-animated", "type": "registry:ui", "title": "Breadcrumb Animated", "description": "Staggered breadcrumb reveal animation with overflow truncation", "dependencies": [ "motion" ], "files": [ { "path": "registry/pioneerui/breadcrumb-animated.tsx", "type": "registry:ui", "target": "components/pioneerui/breadcrumb-animated.tsx" } ] }, { "name": "hero-gradient", "type": "registry:ui", "title": "Hero Gradient", "description": "Full-bleed gradient hero with animated word-by-word headline reveal", "dependencies": [ "motion" ], "files": [ { "path": "registry/pioneerui/hero-gradient.tsx", "type": "registry:ui", "target": "components/pioneerui/hero-gradient.tsx" } ] }, { "name": "hero-video", "type": "registry:ui", "title": "Hero Video", "description": "Video thumbnail with play button that opens a modal player", "dependencies": [ "motion" ], "files": [ { "path": "registry/pioneerui/hero-video.tsx", "type": "registry:ui", "target": "components/pioneerui/hero-video.tsx" } ] }, { "name": "announcement-banner", "type": "registry:ui", "title": "Announcement Banner", "description": "Dismissable top-of-page animated banner with multiple color variants", "dependencies": [ "motion" ], "files": [ { "path": "registry/pioneerui/announcement-banner.tsx", "type": "registry:ui", "target": "components/pioneerui/announcement-banner.tsx" } ] }, { "name": "meteors", "type": "registry:ui", "title": "Meteors", "description": "Shooting meteor effect that flies across cards or backgrounds.", "dependencies": [], "files": [ { "path": "registry/pioneerui/meteors.tsx", "type": "registry:ui", "target": "components/pioneerui/meteors.tsx" } ] }, { "name": "animated-testimonials", "type": "registry:ui", "title": "Animated Testimonials", "description": "Stacked card testimonial carousel with word-by-word blur reveal animation.", "dependencies": [ "motion" ], "files": [ { "path": "registry/pioneerui/animated-testimonials.tsx", "type": "registry:ui", "target": "components/pioneerui/animated-testimonials.tsx" } ] }, { "name": "neon-button", "type": "registry:ui", "title": "Neon Button", "description": "Glowing neon-bordered button with corner accent animations and multiple color themes.", "files": [ { "path": "registry/pioneerui/neon-button.tsx", "type": "registry:ui", "target": "components/pioneerui/neon-button.tsx" } ] }, { "name": "glass-card", "type": "registry:ui", "title": "Glass Card", "description": "Frosted glass card with a mouse-following radial glow and shimmer border top.", "files": [ { "path": "registry/pioneerui/glass-card.tsx", "type": "registry:ui", "target": "components/pioneerui/glass-card.tsx" } ] }, { "name": "flip-card", "type": "registry:ui", "title": "Flip Card", "description": "3D CSS flip card that reveals a back face on hover or click.", "dependencies": [ "motion" ], "files": [ { "path": "registry/pioneerui/flip-card.tsx", "type": "registry:ui", "target": "components/pioneerui/flip-card.tsx" } ] }, { "name": "ripple-button", "type": "registry:ui", "title": "Ripple Button", "description": "Button with an expanding ripple animation on click, in three variants.", "dependencies": [ "motion" ], "files": [ { "path": "registry/pioneerui/ripple-button.tsx", "type": "registry:ui", "target": "components/pioneerui/ripple-button.tsx" } ] }, { "name": "animated-counter", "type": "registry:ui", "title": "Animated Counter", "description": "Number counter that animates into view with easing, supporting prefix, suffix, and decimals.", "dependencies": [ "motion" ], "files": [ { "path": "registry/pioneerui/animated-counter.tsx", "type": "registry:ui", "target": "components/pioneerui/animated-counter.tsx" } ] }, { "name": "shimmer-button-demo", "type": "registry:example", "title": "Shimmer Button Demo", "description": "Example showing a button with a shimmering light effect.", "registryDependencies": [ "https://pioneerui.com/r/shimmer-button" ], "files": [ { "path": "registry/example/shimmer-button-demo.tsx", "type": "registry:example", "target": "components/shimmer-button-demo.tsx" } ] }, { "name": "number-ticker-demo", "type": "registry:example", "title": "Number Ticker Demo", "description": "Example showing animated counting numbers.", "registryDependencies": [ "https://magicui.design/r/number-ticker" ], "files": [ { "path": "registry/example/number-ticker-demo.tsx", "type": "registry:example", "target": "components/number-ticker-demo.tsx" } ] }, { "name": "number-ticker-decimal-demo", "type": "registry:example", "title": "Number Ticker Decimal Demo", "description": "Example showing animated counting decimal numbers.", "registryDependencies": [ "https://magicui.design/r/number-ticker" ], "files": [ { "path": "registry/example/number-ticker-decimal-demo.tsx", "type": "registry:example", "target": "components/number-ticker-decimal-demo.tsx" } ] }, { "name": "text-animate-demo-2", "type": "registry:example", "title": "Text Animate Demo 2", "description": "Second example showing various text animations.", "registryDependencies": [ "https://magicui.design/r/text-animate" ], "files": [ { "path": "registry/example/text-animate-demo-2.tsx", "type": "registry:example", "target": "components/text-animate-demo-2.tsx" } ] }, { "name": "text-animate-demo-3", "type": "registry:example", "title": "Text Animate Demo 3", "description": "Third example showing various text animations.", "registryDependencies": [ "https://magicui.design/r/text-animate" ], "files": [ { "path": "registry/example/text-animate-demo-3.tsx", "type": "registry:example", "target": "components/text-animate-demo-3.tsx" } ] }, { "name": "floating-phone-demo", "type": "registry:example", "title": "Floating Phone Demo", "description": "Example showing a floating phone mockup.", "registryDependencies": [ "https://pioneerui.com/r/floating-phone" ], "files": [ { "path": "registry/example/floating-phone-demo.tsx", "type": "registry:example", "target": "components/floating-phone-demo.tsx" } ] }, { "name": "floating-phone-demo-2", "type": "registry:example", "title": "Floating Phone Demo 2", "description": "Second example showing a floating phone mockup.", "registryDependencies": [ "https://pioneerui.com/r/floating-phone" ], "files": [ { "path": "registry/example/floating-phone-demo-2.tsx", "type": "registry:example", "target": "components/floating-phone-demo-2.tsx" } ] }, { "name": "floating-phone-demo-3", "type": "registry:example", "title": "Floating Phone Demo 3", "description": "Third example showing a floating phone mockup.", "registryDependencies": [ "https://pioneerui.com/r/floating-phone" ], "files": [ { "path": "registry/example/floating-phone-demo-3.tsx", "type": "registry:example", "target": "components/floating-phone-demo-3.tsx" } ] }, { "name": "link-demo", "type": "registry:example", "title": "Link Demo", "description": "Example showing animated link hover effects.", "dependencies": [ "framer-motion" ], "files": [ { "path": "registry/example/link-demo.tsx", "type": "registry:example", "target": "components/link-demo.tsx" } ] }, { "name": "hover-link-demo", "type": "registry:example", "title": "Hover Link Demo", "description": "Example showing a collection of links with hover effects.", "dependencies": [ "framer-motion" ], "files": [ { "path": "registry/example/hover-link-demo.tsx", "type": "registry:example", "target": "components/hover-link-demo.tsx" } ] }, { "name": "spinning-text-demo", "type": "registry:example", "title": "Spinning Text Demo", "description": "Example showing spinning text effect.", "dependencies": [ "framer-motion" ], "files": [ { "path": "registry/example/spinning-text-demo.tsx", "type": "registry:example", "target": "components/spinning-text-demo.tsx" } ] }, { "name": "date-selector-demo", "type": "registry:example", "title": "Date Selector Demo", "description": "Example showing a simple date selector component.", "dependencies": [ "framer-motion" ], "files": [ { "path": "registry/example/date-selector-demo.tsx", "type": "registry:example", "target": "components/date-selector-demo.tsx" } ] }, { "name": "shiny-button-demo", "type": "registry:example", "title": "Shine Button Demo", "description": "Example showing a button with a shine effect.", "dependencies": [ "framer-motion" ], "files": [ { "path": "registry/example/shiny-button-demo.tsx", "type": "registry:example", "target": "components/shiny-button-demo.tsx" } ] }, { "name": "neu-button-demo", "type": "registry:example", "title": "Neu Button Demo", "description": "Example showing a button with a neumorphic effect.", "dependencies": [ "framer-motion" ], "files": [ { "path": "registry/example/neu-button-demo.tsx", "type": "registry:example", "target": "components/neu-button-demo.tsx" } ] }, { "name": "countup-stats-demo", "type": "registry:example", "title": "Countup Stats Demo", "description": "Example showing animated counting numbers.", "dependencies": [ "framer-motion", "@number-flow/react" ], "files": [ { "path": "registry/example/countup-stats-demo.tsx", "type": "registry:example", "target": "components/countup-stats-demo.tsx" } ] }, { "name": "hover-button-demo", "type": "registry:example", "title": "Hover Button Demo", "description": "Example showing a button with hover effects.", "files": [ { "path": "registry/example/hover-button-demo.tsx", "type": "registry:example", "target": "components/hover-button-demo.tsx" } ] }, { "name": "typewriter-demo", "type": "registry:example", "title": "Typewriter Demo", "description": "Example showing a typewriter effect.", "files": [ { "path": "registry/example/typewriter-demo.tsx", "type": "registry:example", "target": "components/typewriter-demo.tsx" } ] }, { "name": "particle-background-demo", "type": "registry:example", "title": "Particle Background Demo", "description": "Example showing a particle background effect.", "files": [ { "path": "registry/example/particle-background-demo.tsx", "type": "registry:example", "target": "components/particle-background-demo.tsx" } ] }, { "name": "text-scramble-demo", "type": "registry:example", "title": "Text Scramble Demo", "description": "Example showing a text scramble effect.", "files": [ { "path": "registry/example/text-scramble-demo.tsx", "type": "registry:example", "target": "components/text-scramble-demo.tsx" } ] }, { "name": "dock-demo", "type": "registry:example", "title": "Dock Demo", "description": "Example showing a dock component.", "files": [ { "path": "registry/example/dock-demo.tsx", "type": "registry:example", "target": "components/dock-demo.tsx" } ] }, { "name": "countup-stats-demo-2", "type": "registry:example", "title": "Countup Stats Demo 2", "description": "Example showing animated counting numbers.", "files": [ { "path": "registry/example/countup-stats-demo-2.tsx", "type": "registry:example", "target": "components/countup-stats-demo-2.tsx" } ] }, { "name": "countup-stats-demo-3", "type": "registry:example", "title": "Countup Stats Demo 3", "description": "Example showing animated counting numbers.", "files": [ { "path": "registry/example/countup-stats-demo-3.tsx", "type": "registry:example", "target": "components/countup-stats-demo-3.tsx" } ] }, { "name": "aurora-background-demo", "type": "registry:example", "title": "Aurora Background Demo", "description": "Example showing an animated aurora gradient backdrop.", "registryDependencies": [ "https://pioneerui.com/r/aurora-background" ], "files": [ { "path": "registry/example/aurora-background-demo.tsx", "type": "registry:example", "target": "components/aurora-background-demo.tsx" } ] }, { "name": "dot-pattern-demo", "type": "registry:example", "title": "Dot Pattern Demo", "description": "Example showing a repeating radial dot pattern background.", "registryDependencies": [ "https://pioneerui.com/r/dot-pattern" ], "files": [ { "path": "registry/example/dot-pattern-demo.tsx", "type": "registry:example", "target": "components/dot-pattern-demo.tsx" } ] }, { "name": "grid-pattern-demo", "type": "registry:example", "title": "Grid Pattern Demo", "description": "Example showing a subtle SVG grid background.", "registryDependencies": [ "https://pioneerui.com/r/grid-pattern" ], "files": [ { "path": "registry/example/grid-pattern-demo.tsx", "type": "registry:example", "target": "components/grid-pattern-demo.tsx" } ] }, { "name": "beam-background-demo", "type": "registry:example", "title": "Beam Background Demo", "description": "Example showing canvas-based animated light beams.", "registryDependencies": [ "https://pioneerui.com/r/beam-background" ], "files": [ { "path": "registry/example/beam-background-demo.tsx", "type": "registry:example", "target": "components/beam-background-demo.tsx" } ] }, { "name": "noise-texture-demo", "type": "registry:example", "title": "Noise Texture Demo", "description": "Example showing an SVG fractal noise grain overlay.", "registryDependencies": [ "https://pioneerui.com/r/noise-texture" ], "files": [ { "path": "registry/example/noise-texture-demo.tsx", "type": "registry:example", "target": "components/noise-texture-demo.tsx" } ] }, { "name": "border-beam-demo", "type": "registry:example", "title": "Border Beam Demo", "description": "Example showing an animated rotating gradient border.", "registryDependencies": [ "https://pioneerui.com/r/border-beam" ], "files": [ { "path": "registry/example/border-beam-demo.tsx", "type": "registry:example", "target": "components/border-beam-demo.tsx" } ] }, { "name": "magnetic-button-demo", "type": "registry:example", "title": "Magnetic Button Demo", "description": "Example showing a button with magnetic cursor tracking.", "dependencies": [ "motion" ], "registryDependencies": [ "https://pioneerui.com/r/magnetic-button" ], "files": [ { "path": "registry/example/magnetic-button-demo.tsx", "type": "registry:example", "target": "components/magnetic-button-demo.tsx" } ] }, { "name": "glow-card-demo", "type": "registry:example", "title": "Glow Card Demo", "description": "Example showing cards with mouse-tracking radial glow.", "registryDependencies": [ "https://pioneerui.com/r/glow-card" ], "files": [ { "path": "registry/example/glow-card-demo.tsx", "type": "registry:example", "target": "components/glow-card-demo.tsx" } ] }, { "name": "tilt-card-demo", "type": "registry:example", "title": "Tilt Card Demo", "description": "Example showing a card with 3D perspective tilt effect.", "dependencies": [ "motion" ], "registryDependencies": [ "https://pioneerui.com/r/tilt-card" ], "files": [ { "path": "registry/example/tilt-card-demo.tsx", "type": "registry:example", "target": "components/tilt-card-demo.tsx" } ] }, { "name": "feature-card-demo", "type": "registry:example", "title": "Feature Card Demo", "description": "Example showing feature cards with icon, title, and description.", "registryDependencies": [ "https://pioneerui.com/r/feature-card" ], "files": [ { "path": "registry/example/feature-card-demo.tsx", "type": "registry:example", "target": "components/feature-card-demo.tsx" } ] }, { "name": "bento-grid-demo", "type": "registry:example", "title": "Bento Grid Demo", "description": "Example showing a bento grid layout with variable spanning.", "registryDependencies": [ "https://pioneerui.com/r/bento-grid" ], "files": [ { "path": "registry/example/bento-grid-demo.tsx", "type": "registry:example", "target": "components/bento-grid-demo.tsx" } ] }, { "name": "skeleton-card-demo", "type": "registry:example", "title": "Skeleton Card Demo", "description": "Example showing shimmer skeleton loading placeholders.", "registryDependencies": [ "https://pioneerui.com/r/skeleton-card" ], "files": [ { "path": "registry/example/skeleton-card-demo.tsx", "type": "registry:example", "target": "components/skeleton-card-demo.tsx" } ] }, { "name": "spinner-variants-demo", "type": "registry:example", "title": "Spinner Variants Demo", "description": "Example showing ring, dots, pulse, and bars loading spinners.", "registryDependencies": [ "https://pioneerui.com/r/spinner-variants" ], "files": [ { "path": "registry/example/spinner-variants-demo.tsx", "type": "registry:example", "target": "components/spinner-variants-demo.tsx" } ] }, { "name": "progress-bar-demo", "type": "registry:example", "title": "Progress Bar Demo", "description": "Example showing animated progress bars with multiple variants.", "dependencies": [ "motion" ], "registryDependencies": [ "https://pioneerui.com/r/progress-bar" ], "files": [ { "path": "registry/example/progress-bar-demo.tsx", "type": "registry:example", "target": "components/progress-bar-demo.tsx" } ] }, { "name": "testimonial-card-demo", "type": "registry:example", "title": "Testimonial Card Demo", "description": "Example showing testimonial cards with three style variants.", "registryDependencies": [ "https://pioneerui.com/r/testimonial-card" ], "files": [ { "path": "registry/example/testimonial-card-demo.tsx", "type": "registry:example", "target": "components/testimonial-card-demo.tsx" } ] }, { "name": "marquee-testimonials-demo", "type": "registry:example", "title": "Marquee Testimonials Demo", "description": "Example showing an infinite-scroll testimonial marquee.", "registryDependencies": [ "https://pioneerui.com/r/marquee-testimonials" ], "files": [ { "path": "registry/example/marquee-testimonials-demo.tsx", "type": "registry:example", "target": "components/marquee-testimonials-demo.tsx" } ] }, { "name": "testimonial-grid-demo", "type": "registry:example", "title": "Testimonial Grid Demo", "description": "Example showing a testimonial grid with stagger animations.", "dependencies": [ "motion" ], "registryDependencies": [ "https://pioneerui.com/r/testimonial-grid" ], "files": [ { "path": "registry/example/testimonial-grid-demo.tsx", "type": "registry:example", "target": "components/testimonial-grid-demo.tsx" } ] }, { "name": "pricing-card-demo", "type": "registry:example", "title": "Pricing Card Demo", "description": "Example showing pricing tier cards with highlighted variant.", "registryDependencies": [ "https://pioneerui.com/r/pricing-card" ], "files": [ { "path": "registry/example/pricing-card-demo.tsx", "type": "registry:example", "target": "components/pricing-card-demo.tsx" } ] }, { "name": "pricing-toggle-demo", "type": "registry:example", "title": "Pricing Toggle Demo", "description": "Example showing monthly/annual pricing toggle with animated prices.", "dependencies": [ "motion" ], "registryDependencies": [ "https://pioneerui.com/r/pricing-toggle" ], "files": [ { "path": "registry/example/pricing-toggle-demo.tsx", "type": "registry:example", "target": "components/pricing-toggle-demo.tsx" } ] }, { "name": "fluid-tabs-demo", "type": "registry:example", "title": "Fluid Tabs Demo", "description": "Example showing tabs with animated underline and pill indicators.", "dependencies": [ "motion" ], "registryDependencies": [ "https://pioneerui.com/r/fluid-tabs" ], "files": [ { "path": "registry/example/fluid-tabs-demo.tsx", "type": "registry:example", "target": "components/fluid-tabs-demo.tsx" } ] }, { "name": "pill-nav-demo", "type": "registry:example", "title": "Pill Nav Demo", "description": "Example showing a pill navigation with animated indicator.", "dependencies": [ "motion" ], "registryDependencies": [ "https://pioneerui.com/r/pill-nav" ], "files": [ { "path": "registry/example/pill-nav-demo.tsx", "type": "registry:example", "target": "components/pill-nav-demo.tsx" } ] }, { "name": "breadcrumb-animated-demo", "type": "registry:example", "title": "Breadcrumb Animated Demo", "description": "Example showing staggered breadcrumb reveal animation.", "dependencies": [ "motion" ], "registryDependencies": [ "https://pioneerui.com/r/breadcrumb-animated" ], "files": [ { "path": "registry/example/breadcrumb-animated-demo.tsx", "type": "registry:example", "target": "components/breadcrumb-animated-demo.tsx" } ] }, { "name": "hero-gradient-demo", "type": "registry:example", "title": "Hero Gradient Demo", "description": "Example showing a full-bleed gradient hero section.", "dependencies": [ "motion" ], "registryDependencies": [ "https://pioneerui.com/r/hero-gradient" ], "files": [ { "path": "registry/example/hero-gradient-demo.tsx", "type": "registry:example", "target": "components/hero-gradient-demo.tsx" } ] }, { "name": "hero-video-demo", "type": "registry:example", "title": "Hero Video Demo", "description": "Example showing a video thumbnail with modal player.", "dependencies": [ "motion" ], "registryDependencies": [ "https://pioneerui.com/r/hero-video" ], "files": [ { "path": "registry/example/hero-video-demo.tsx", "type": "registry:example", "target": "components/hero-video-demo.tsx" } ] }, { "name": "announcement-banner-demo", "type": "registry:example", "title": "Announcement Banner Demo", "description": "Example showing dismissable announcement banners.", "dependencies": [ "motion" ], "registryDependencies": [ "https://pioneerui.com/r/announcement-banner" ], "files": [ { "path": "registry/example/announcement-banner-demo.tsx", "type": "registry:example", "target": "components/announcement-banner-demo.tsx" } ] }, { "name": "meteors-demo", "type": "registry:example", "title": "Meteors Demo", "description": "Example showing the meteor shooting effect on a card.", "registryDependencies": [ "https://pioneerui.com/r/meteors" ], "files": [ { "path": "registry/example/meteors-demo.tsx", "type": "registry:example", "target": "components/meteors-demo.tsx" } ] }, { "name": "animated-testimonials-demo", "type": "registry:example", "title": "Animated Testimonials Demo", "description": "Example showing stacked testimonial cards with blur reveal.", "dependencies": [ "motion" ], "registryDependencies": [ "https://pioneerui.com/r/animated-testimonials" ], "files": [ { "path": "registry/example/animated-testimonials-demo.tsx", "type": "registry:example", "target": "components/animated-testimonials-demo.tsx" } ] }, { "name": "neon-button-demo", "type": "registry:example", "title": "Neon Button Demo", "description": "Example showing neon glowing buttons in five color themes.", "registryDependencies": [ "https://pioneerui.com/r/neon-button" ], "files": [ { "path": "registry/example/neon-button-demo.tsx", "type": "registry:example", "target": "components/neon-button-demo.tsx" } ] }, { "name": "glass-card-demo", "type": "registry:example", "title": "Glass Card Demo", "description": "Example showing a frosted glass card with mouse-following glow.", "registryDependencies": [ "https://pioneerui.com/r/glass-card" ], "files": [ { "path": "registry/example/glass-card-demo.tsx", "type": "registry:example", "target": "components/glass-card-demo.tsx" } ] }, { "name": "flip-card-demo", "type": "registry:example", "title": "Flip Card Demo", "description": "Example showing hover and click 3D flip card.", "dependencies": [ "motion" ], "registryDependencies": [ "https://pioneerui.com/r/flip-card" ], "files": [ { "path": "registry/example/flip-card-demo.tsx", "type": "registry:example", "target": "components/flip-card-demo.tsx" } ] }, { "name": "ripple-button-demo", "type": "registry:example", "title": "Ripple Button Demo", "description": "Example showing click ripple effect across three button variants.", "dependencies": [ "motion" ], "registryDependencies": [ "https://pioneerui.com/r/ripple-button" ], "files": [ { "path": "registry/example/ripple-button-demo.tsx", "type": "registry:example", "target": "components/ripple-button-demo.tsx" } ] }, { "name": "animated-counter-demo", "type": "registry:example", "title": "Animated Counter Demo", "description": "Example showing a stat card with scroll-triggered animated counters.", "dependencies": [ "motion" ], "registryDependencies": [ "https://pioneerui.com/r/animated-counter" ], "files": [ { "path": "registry/example/animated-counter-demo.tsx", "type": "registry:example", "target": "components/animated-counter-demo.tsx" } ] }, { "name": "utils", "type": "registry:lib", "dependencies": [ "clsx", "tailwind-merge" ], "files": [ { "path": "registry/lib/utils.ts", "type": "registry:lib" } ] } ] }