{"name":"shoogle","homepage":"https://shoogle.dev","query":"dot-matrix-wave","pagination":{"hasMore":false,"limit":100,"offset":0,"total":100},"items":[{"addCommandArgument":"@cult-ui/bg-animated-fractal-dot-grid","description":"Background animated fractal dot grid with performance optimization and responsive design","name":"cult-ui/bg-animated-fractal-dot-grid","registry":"@cult-ui","type":"registry:ui"},{"addCommandArgument":"@cult-ui/bg-animated-fractal-dot-grid-demo","name":"cult-ui/bg-animated-fractal-dot-grid-demo","registry":"@cult-ui","type":"registry:component"},{"addCommandArgument":"@neon-ui/dot-matrix-wave","description":"Field of dots breathing in a drifting noise wave, colored by currentColor. The RegionSelect dot-map aesthetic as a background surface.","name":"neon-ui/dot-matrix-wave","registry":"@neon-ui","type":"registry:component"},{"addCommandArgument":"@scrollxui/dot-wave","description":"Dot-based waves ripple outward in symmetry, creating a subtle, motion-driven background layer","name":"scrollxui/dot-wave","registry":"@scrollxui","type":"registry:ui"},{"addCommandArgument":"@assistant-ui/dot-matrix","name":"assistant-ui/dot-matrix","registry":"@assistant-ui","type":"registry:component"},{"addCommandArgument":"@elements/loader-dot-matrix","description":"A grid of dots with ripple, wave, and cascade animation effects","name":"elements/loader-dot-matrix","registry":"@elements","type":"registry:block"},{"addCommandArgument":"@loading-ui/wave","name":"loading-ui/wave","registry":"@loading-ui","type":"registry:component"},{"addCommandArgument":"@svgl/matrix","name":"svgl/matrix","registry":"@svgl","type":"registry:component"},{"addCommandArgument":"@unlumen-ui/matrix","description":"An LED dot matrix display component with SVG pixels, radial glow, built-in digit/animation presets, and a VU meter mode.","name":"unlumen-ui/matrix","registry":"@unlumen-ui","type":"registry:ui"},{"addCommandArgument":"@elevenlabs-ui/matrix","name":"elevenlabs-ui/matrix","registry":"@elevenlabs-ui","type":"registry:ui"},{"addCommandArgument":"@evilcharts/dot","name":"evilcharts/dot","registry":"@evilcharts","type":"registry:component"},{"addCommandArgument":"@threecn/pendulum-wave","description":"A row of pendulums with stepped periods drifting into snakes, arches and chaos before snapping back in phase, bobs tinted --accent to --primary across the swing.","name":"threecn/pendulum-wave","registry":"@threecn","type":"registry:ui"},{"addCommandArgument":"@threecn/cube-wave","description":"A grid of instanced cubes riding a radial wave, blending --accent troughs into --primary crests.","name":"threecn/cube-wave","registry":"@threecn","type":"registry:ui"},{"addCommandArgument":"@threecn/wave-terrain","description":"An undulating wireframe terrain in perspective, drawn with --primary.","name":"threecn/wave-terrain","registry":"@threecn","type":"registry:ui"},{"addCommandArgument":"@svelte-bits/plasma-wave","description":"Raymarched plasma wave background.","name":"svelte-bits/plasma-wave","registry":"@svelte-bits","type":"registry:component"},{"addCommandArgument":"@smoothui/wave-text","description":"A WaveText component for SmoothUI.","name":"smoothui/wave-text","registry":"@smoothui","type":"registry:ui"},{"addCommandArgument":"@unlumen-ui/wave-background","description":"A morphing SVG wave divider that transitions between sections. Supports scroll-driven morphing and ambient looping animation modes.","name":"unlumen-ui/wave-background","registry":"@unlumen-ui","type":"registry:ui"},{"addCommandArgument":"@componentry/matrix-rain","name":"componentry/matrix-rain","registry":"@componentry","type":"registry:ui"},{"addCommandArgument":"@kokonutui/matrix-text","description":"010110010110111101110101011100100010000001110111011001010110110001100011011011110110110101100101","name":"kokonutui/matrix-text","registry":"@kokonutui","type":"registry:component"},{"addCommandArgument":"@termcn/theme-matrix","description":"Matrix - green code rain.","name":"termcn/theme-matrix","registry":"@termcn","type":"registry:file"},{"addCommandArgument":"@remocn/matrix-decode","description":"Random scramble resolves left-to-right into the target text.","name":"remocn/matrix-decode","registry":"@remocn","type":"registry:component"},{"addCommandArgument":"@unlumen-ui/demo-matrix","description":"Interactive demo showcasing real-time clock, animation presets, VU meter, and a pixel draw pad.","name":"unlumen-ui/demo-matrix","registry":"@unlumen-ui","type":"registry:example"},{"addCommandArgument":"@unlumen-ui/matrix-image","description":"An animated image component that simulates the iconic Matrix digital rain effect.","name":"unlumen-ui/matrix-image","registry":"@unlumen-ui","type":"registry:ui"},{"addCommandArgument":"@elevenlabs-ui/matrix-demo","name":"elevenlabs-ui/matrix-demo","registry":"@elevenlabs-ui","type":"registry:example"},{"addCommandArgument":"@lucide-animated/undo-dot","name":"lucide-animated/undo-dot","registry":"@lucide-animated","type":"registry:ui"},{"addCommandArgument":"@lucide-animated/redo-dot","name":"lucide-animated/redo-dot","registry":"@lucide-animated","type":"registry:ui"},{"addCommandArgument":"@lucide-animated/folder-dot","name":"lucide-animated/folder-dot","registry":"@lucide-animated","type":"registry:ui"},{"addCommandArgument":"@paceui-gsap/dot-flow","description":"Visually expressive status updates with animated dots and smooth sliding text transitions.","name":"paceui-gsap/dot-flow","registry":"@paceui-gsap","type":"registry:ui"},{"addCommandArgument":"@paceui-gsap/dot-loader","description":"A compact 7x7 dot grid loader with smooth animation to visualize frame sequences or loading states in your app.","name":"paceui-gsap/dot-loader","registry":"@paceui-gsap","type":"registry:ui"},{"addCommandArgument":"@svelte-bits/dot-grid","description":"Interactive grid of dots with cursor proximity highlighting and shockwave click physics.","name":"svelte-bits/dot-grid","registry":"@svelte-bits","type":"registry:component"},{"addCommandArgument":"@svelte-bits/dot-field","description":"Interactive dotted canvas background with cursor bulge, glow, sparkle, and wave controls.","name":"svelte-bits/dot-field","registry":"@svelte-bits","type":"registry:component"},{"addCommandArgument":"@shadcnui-blocks/dot-pattern","description":"A simple dot pattern","name":"shadcnui-blocks/dot-pattern","registry":"@shadcnui-blocks","type":"registry:ui"},{"addCommandArgument":"@magicui/dot-pattern","description":"A background dot pattern made with SVGs, fully customizable using Tailwind CSS.","name":"magicui/dot-pattern","registry":"@magicui","type":"registry:ui"},{"addCommandArgument":"@pacekit-gsap/dot-flow","description":"Visually expressive status updates with animated dots and smooth sliding text transitions.","name":"pacekit-gsap/dot-flow","registry":"@pacekit-gsap","type":"registry:ui"},{"addCommandArgument":"@pacekit-gsap/dot-loader","description":"A compact 7x7 dot grid loader with smooth animation to visualize frame sequences or loading states in your app.","name":"pacekit-gsap/dot-loader","registry":"@pacekit-gsap","type":"registry:ui"},{"addCommandArgument":"@loading-ui/pulse-dot","name":"loading-ui/pulse-dot","registry":"@loading-ui","type":"registry:component"},{"addCommandArgument":"@cnippet/text-shimmer-wave","description":"Wave-like shimmer ripples across text characters","name":"cnippet/text-shimmer-wave","registry":"@cnippet","type":"registry:ui"},{"addCommandArgument":"@paceui-gsap/mouse-wave-text","description":"Creates a wave-like bounce effect on text as the mouse moves across","name":"paceui-gsap/mouse-wave-text","registry":"@paceui-gsap","type":"registry:ui"},{"addCommandArgument":"@spectrumui/animated-wave-footer","description":"component for the Animated Wave Footer","name":"spectrumui/animated-wave-footer","registry":"@spectrumui","type":"registry:component"},{"addCommandArgument":"@pacekit-gsap/mouse-wave-text","description":"Creates a wave-like bounce effect on text as the mouse moves across","name":"pacekit-gsap/mouse-wave-text","registry":"@pacekit-gsap","type":"registry:ui"},{"addCommandArgument":"@loading-ui/text-shimmer-wave","name":"loading-ui/text-shimmer-wave","registry":"@loading-ui","type":"registry:component"},{"addCommandArgument":"@unlumen-ui/demo-wave-background","description":"Demo showcasing scroll-driven and ambient wave dividers — as a page section divider, inside a card, and in both directions.","name":"unlumen-ui/demo-wave-background","registry":"@unlumen-ui","type":"registry:ui"},{"addCommandArgument":"@unlumen-ui/demo-matrix-image","description":"Upload an image and render it as a grayscale LED dot matrix with adjustable resolution.","name":"unlumen-ui/demo-matrix-image","registry":"@unlumen-ui","type":"registry:example"},{"addCommandArgument":"@nexus-labs/dot-grid-hero","description":"Cinematic hero section with a Canvas-rendered dot grid that reacts to cursor proximity — dots scale, brighten, and return to rest with a smooth radial glow spotlight.","name":"nexus-labs/dot-grid-hero","registry":"@nexus-labs","type":"registry:component"},{"addCommandArgument":"@atelier/magnetic-dot-grid","description":"A grid of dots that reacts to the cursor.","name":"atelier/magnetic-dot-grid","registry":"@atelier","type":"registry:component"},{"addCommandArgument":"@lucide-animated/refresh-ccw-dot","name":"lucide-animated/refresh-ccw-dot","registry":"@lucide-animated","type":"registry:ui"},{"addCommandArgument":"@smoothui/dot-morph-button","description":"A DotMorphButton component for SmoothUI.","name":"smoothui/dot-morph-button","registry":"@smoothui","type":"registry:ui"},{"addCommandArgument":"@magicui/dot-pattern-demo","description":"Example showing a background dot pattern made with SVGs.","name":"magicui/dot-pattern-demo","registry":"@magicui","type":"registry:example"},{"addCommandArgument":"@loading-ui/triple-dot-spinner","name":"loading-ui/triple-dot-spinner","registry":"@loading-ui","type":"registry:component"},{"addCommandArgument":"@aceternity/dot-distortion-shader","description":"A dot distortion shader for creating dynamic background effects.","name":"aceternity/dot-distortion-shader","registry":"@aceternity","type":"registry:block"},{"addCommandArgument":"@ncdai/dot-grid-spotlight","description":"Interactive dot grid with a cursor-tracking spotlight effect.","name":"ncdai/dot-grid-spotlight","registry":"@ncdai","type":"registry:component"},{"addCommandArgument":"@agents-ui/agent-audio-visualizer-wave","description":"A wave visualizer for audio tracks.","name":"agents-ui/agent-audio-visualizer-wave","registry":"@agents-ui","type":"registry:component"},{"addCommandArgument":"@elevenlabs-ui/waveform","name":"elevenlabs-ui/waveform","registry":"@elevenlabs-ui","type":"registry:ui"},{"addCommandArgument":"@shadcn-ui-blocks/components-breadcrumbs-dot-breadcrumb","description":"A breadcrumb that separates each link with a small round dot. Offers a quiet, minimal path indicator for clean app layouts and page headers.","name":"shadcn-ui-blocks/components-breadcrumbs-dot-breadcrumb","registry":"@shadcn-ui-blocks","type":"registry:block"},{"addCommandArgument":"@magicui/dot-pattern-linear-gradient","description":"Example showing a dot pattern with linear gradient effects.","name":"magicui/dot-pattern-linear-gradient","registry":"@magicui","type":"registry:example"},{"addCommandArgument":"@animate-ui/icons-refresh-ccw-dot","description":"Refresh ccw dot icon component.","name":"animate-ui/icons-refresh-ccw-dot","registry":"@animate-ui","type":"registry:ui"},{"addCommandArgument":"@animate-ui/icons-message-square-dot","description":"Message square dot icon component.","name":"animate-ui/icons-message-square-dot","registry":"@animate-ui","type":"registry:ui"},{"addCommandArgument":"@diceui/timeline-custom-dot-demo","name":"diceui/timeline-custom-dot-demo","registry":"@diceui","type":"registry:example"},{"addCommandArgument":"@cnippet/m-text-shimmer-wave-3","description":"Exaggerated logotype — pushed scale, rotateY, and zDistance on a short all-caps word","name":"cnippet/m-text-shimmer-wave-3","registry":"@cnippet","type":"registry:block"},{"addCommandArgument":"@cnippet/m-text-shimmer-wave-2","description":"Loading states — fast wave on short strings alongside spinners and pulse indicators","name":"cnippet/m-text-shimmer-wave-2","registry":"@cnippet","type":"registry:block"},{"addCommandArgument":"@cnippet/m-text-shimmer-wave-1","description":"Hero heading — gentle wave with moderate z and y distance","name":"cnippet/m-text-shimmer-wave-1","registry":"@cnippet","type":"registry:block"},{"addCommandArgument":"@unlumen-ui/demo-matrix-image-to-frame","description":"Upload an image and export it as a binary Frame (0s and 1s) for use with the Matrix component.","name":"unlumen-ui/demo-matrix-image-to-frame","registry":"@unlumen-ui","type":"registry:example"},{"addCommandArgument":"@shadcn-ui-blocks/components-pagination-dot-indicator-pagination","description":"Pagination shown as a row of dots, with the active page filled. Ideal for image carousels, onboarding steps, and short sequences where numbers feel heavy.","name":"shadcn-ui-blocks/components-pagination-dot-indicator-pagination","registry":"@shadcn-ui-blocks","type":"registry:block"},{"addCommandArgument":"@shadcn-ui-blocks/components-badges-dot-indicator-badge","description":"A badge paired with a small colored dot that shows status at a glance. Use it to show online, busy, or away states next to a name or avatar.","name":"shadcn-ui-blocks/components-badges-dot-indicator-badge","registry":"@shadcn-ui-blocks","type":"registry:block"},{"addCommandArgument":"@magicui/dot-pattern-with-glow-effect","description":"Example showing a dot pattern with glow effect","name":"magicui/dot-pattern-with-glow-effect","registry":"@magicui","type":"registry:example"},{"addCommandArgument":"@lucide-animated/waves","name":"lucide-animated/waves","registry":"@lucide-animated","type":"registry:ui"},{"addCommandArgument":"@svelte-bits/waves","description":"Perlin-noise wavy line grid that reacts to the cursor.","name":"svelte-bits/waves","registry":"@svelte-bits","type":"registry:component"},{"addCommandArgument":"@vue-bits/Waves","description":"Layered lines that form smooth wave patterns with animation.","name":"vue-bits/Waves","registry":"@vue-bits","type":"registry:component"},{"addCommandArgument":"@elevenlabs-ui/waveform-demo","name":"elevenlabs-ui/waveform-demo","registry":"@elevenlabs-ui","type":"registry:example"},{"addCommandArgument":"@elevenlabs-ui/live-waveform","name":"elevenlabs-ui/live-waveform","registry":"@elevenlabs-ui","type":"registry:ui"},{"addCommandArgument":"@shadcn-ui-blocks/portfolio-pro-skills-sections-skills-matrix","description":"A heading and lede above a bordered table pairing skill rows with three engagement columns, one filled dot per row marking lead, build, or refer.","name":"shadcn-ui-blocks/portfolio-pro-skills-sections-skills-matrix","registry":"@shadcn-ui-blocks","type":"registry:block"},{"addCommandArgument":"@shadcn-ui-blocks/portfolio-pro-experience-sections-growth-matrix","description":"Areas of responsibility as rows and career levels as columns, with filled, faded, and empty dots marking what was owned or contributed at each stage.","name":"shadcn-ui-blocks/portfolio-pro-experience-sections-growth-matrix","registry":"@shadcn-ui-blocks","type":"registry:block"},{"addCommandArgument":"@shadcn-ui-blocks/portfolio-pro-availability-sections-engagement-matrix","description":"An availability table, one row per engagement type showing scope, length, next start, and status, with a heading above and a booking action below.","name":"shadcn-ui-blocks/portfolio-pro-availability-sections-engagement-matrix","registry":"@shadcn-ui-blocks","type":"registry:block"},{"addCommandArgument":"@shadcn-ui-blocks/marketing-pro-feature-sections-capability-matrix","description":"A left aligned header above a framed table crossing six capabilities against three teams, marking coverage with checks and gaps with muted minus icons.","name":"shadcn-ui-blocks/marketing-pro-feature-sections-capability-matrix","registry":"@shadcn-ui-blocks","type":"registry:block"},{"addCommandArgument":"@shadcn-ui-blocks/application-pro-teams-orgs-permissions-matrix","description":"Role permissions table with Check and Minus cells across Viewer, Member, Admin, and Owner columns and the current role highlighted.","name":"shadcn-ui-blocks/application-pro-teams-orgs-permissions-matrix","registry":"@shadcn-ui-blocks","type":"registry:block"},{"addCommandArgument":"@shadcn-ui-blocks/application-pro-tasks-todos-priority-matrix","description":"Eisenhower-style 2x2 grid with task chips in each urgency and importance quadrant, per-quadrant counts, and a note that Do Now should be the emptiest column.","name":"shadcn-ui-blocks/application-pro-tasks-todos-priority-matrix","registry":"@shadcn-ui-blocks","type":"registry:block"},{"addCommandArgument":"@shadcn-ui-blocks/application-pro-localization-locale-coverage-matrix","description":"Coverage grid crossing string namespaces with target locales, percent cells with banded square indicators, a totals row, and a legend.","name":"shadcn-ui-blocks/application-pro-localization-locale-coverage-matrix","registry":"@shadcn-ui-blocks","type":"registry:block"},{"addCommandArgument":"@shadcn-ui-blocks/application-pro-forms-notification-matrix-form","description":"Notification matrix with event rows crossed against email, push, and Slack checkbox columns, a locked security row, and an email frequency select.","name":"shadcn-ui-blocks/application-pro-forms-notification-matrix-form","registry":"@shadcn-ui-blocks","type":"registry:block"},{"addCommandArgument":"@shadcn-ui-blocks/application-pro-accessibility-assistive-tech-matrix","description":"Screen reader support matrix crossing core app flows with four assistive tech pairings, labeled status cells, and an open findings list.","name":"shadcn-ui-blocks/application-pro-accessibility-assistive-tech-matrix","registry":"@shadcn-ui-blocks","type":"registry:block"},{"addCommandArgument":"@shadcnblocks/select-select-option-with-status-dot","description":"Two-line select items with a colored status dot, label, and incident detail.","name":"shadcnblocks/select-select-option-with-status-dot","registry":"@shadcnblocks","type":"registry:block"},{"addCommandArgument":"@shadcnblocks/list-panel-list-with-status-dot","description":"Rows with a colored dot indicator for online or sync state.","name":"shadcnblocks/list-panel-list-with-status-dot","registry":"@shadcnblocks","type":"registry:block"},{"addCommandArgument":"@shadcn-ui-blocks/marketing-pro-pricing-sections-feature-matrix-compact","description":"Plan headers with CTAs above a compact feature matrix that shades the middle column.","name":"shadcn-ui-blocks/marketing-pro-pricing-sections-feature-matrix-compact","registry":"@shadcn-ui-blocks","type":"registry:block"},{"addCommandArgument":"@shadcn-ui-blocks/marketing-pro-comparison-sections-feature-depth-matrix","description":"Capabilities rated with dot scales instead of checkmarks, one row conceded on purpose.","name":"shadcn-ui-blocks/marketing-pro-comparison-sections-feature-depth-matrix","registry":"@shadcn-ui-blocks","type":"registry:block"},{"addCommandArgument":"@shadcn-ui-blocks/ecommerce-pro-product-finders-use-case-matrix","description":"A fit matrix with five weeks down the side and four bags across the top, each cell a three state dot rating the fit.","name":"shadcn-ui-blocks/ecommerce-pro-product-finders-use-case-matrix","registry":"@shadcn-ui-blocks","type":"registry:block"},{"addCommandArgument":"@shadcn-ui-blocks/ecommerce-pro-comparison-tables-accessory-fit-matrix","description":"Compatibility matrix of five accessories against three bags with fits, fits with a named caveat, and no states plus a legend.","name":"shadcn-ui-blocks/ecommerce-pro-comparison-tables-accessory-fit-matrix","registry":"@shadcn-ui-blocks","type":"registry:block"},{"addCommandArgument":"@shadcn-ui-blocks/application-pro-status-health-regional-status-matrix","description":"A table matrix with services as rows and four regions as columns, each cell showing a status dot and latency, with a legend below.","name":"shadcn-ui-blocks/application-pro-status-health-regional-status-matrix","registry":"@shadcn-ui-blocks","type":"registry:block"},{"addCommandArgument":"@shadcn-ui-blocks/application-pro-help-support-sla-response-matrix","description":"A support SLA panel with a plan header, a severity by plan matrix of first response targets with your plan highlighted, and coverage notes.","name":"shadcn-ui-blocks/application-pro-help-support-sla-response-matrix","registry":"@shadcn-ui-blocks","type":"registry:block"},{"addCommandArgument":"@shadcn-ui-blocks/application-pro-admin-moderation-role-permissions-matrix","description":"A permissions matrix with category grouped rows and four role columns showing member counts and check or minus access marks per cell.","name":"shadcn-ui-blocks/application-pro-admin-moderation-role-permissions-matrix","registry":"@shadcn-ui-blocks","type":"registry:block"},{"addCommandArgument":"@elevenlabs-ui/live-waveform-demo","name":"elevenlabs-ui/live-waveform-demo","registry":"@elevenlabs-ui","type":"registry:example"},{"addCommandArgument":"@shadcn-ui-blocks/portfolio-pro-navbars-nav-with-availability-dot","description":"A navbar with name, centred links, and a pulsing emerald dot beside an availability month label on the right.","name":"shadcn-ui-blocks/portfolio-pro-navbars-nav-with-availability-dot","registry":"@shadcn-ui-blocks","type":"registry:block"},{"addCommandArgument":"@motokoui/waves-shader","description":"Soft animated waves — a zero-dependency WebGL canvas background.","name":"motokoui/waves-shader","registry":"@motokoui","type":"registry:ui"},{"addCommandArgument":"@lucide-animated/waves-ladder","name":"lucide-animated/waves-ladder","registry":"@lucide-animated","type":"registry:ui"},{"addCommandArgument":"@svelte-bits/line-waves","description":"Warped line waves background powered by OGL.","name":"svelte-bits/line-waves","registry":"@svelte-bits","type":"registry:component"},{"addCommandArgument":"@scrollxui/spark-waves","description":"Vertical wave bars animate in symmetry, forming a subtle motion-driven background layer.","name":"scrollxui/spark-waves","registry":"@scrollxui","type":"registry:ui"},{"addCommandArgument":"@shadcn-ui-blocks/ecommerce-pro-store-locator-sections-store-services-matrix","description":"A services matrix with every location as a column and every in store service as a row, each cell a check, a dash, or a short note.","name":"shadcn-ui-blocks/ecommerce-pro-store-locator-sections-store-services-matrix","registry":"@shadcn-ui-blocks","type":"registry:block"},{"addCommandArgument":"@shadcn-ui-blocks/ecommerce-pro-size-and-fit-denim-size-matrix","description":"A waist by inseam availability grid beside a height to inseam picker, so buyers choose both numbers instead of guessing the second.","name":"shadcn-ui-blocks/ecommerce-pro-size-and-fit-denim-size-matrix","registry":"@shadcn-ui-blocks","type":"registry:block"},{"addCommandArgument":"@lucide-animated/waves-arrow-up","name":"lucide-animated/waves-arrow-up","registry":"@lucide-animated","type":"registry:ui"},{"addCommandArgument":"@lucide-animated/waves-arrow-down","name":"lucide-animated/waves-arrow-down","registry":"@lucide-animated","type":"registry:ui"},{"addCommandArgument":"@react-bits/Waves-TS-TW","description":"Layered lines that form smooth wave patterns with animation.","name":"react-bits/Waves-TS-TW","registry":"@react-bits","type":"registry:component"},{"addCommandArgument":"@react-bits/Waves-TS-CSS","description":"Layered lines that form smooth wave patterns with animation.","name":"react-bits/Waves-TS-CSS","registry":"@react-bits","type":"registry:component"}],"totalResults":100,"timestamp":"2026-08-04T09:21:01.249Z"}