---
name: "@catalogs"
slug: "catalogs"
description: "Discover components, blocks, and more from independent teams. Browse previews and bring the source into your project."
category: "Animated components"
tags: ["accessibility", "animation", "audio", "auth", "backgrounds", "blocks", "cards", "charts", "forms", "maps", "media", "overlays", "retro", "text-effects"]
framework: "react"
license: null
author: null
website: "https://catalogs.dev"
github: null
registry: "https://api.catalogs.dev/shadcn/registry.json"
pro: false
pro_url: null
github_stars: null
component_count: 250
generated_at: "2026-10-10T06:32:55.998Z"
---

# @catalogs

Discover components, blocks, and more from independent teams. Browse previews and bring the source into your project.

## Links

- Website: https://catalogs.dev
- Registry JSON: https://api.catalogs.dev/shadcn/registry.json
- Directory page: https://sh4dcn.vercel.app/registry/catalogs
- This file: https://sh4dcn.vercel.app/md/catalogs.md

## Install

```sh
# add the whole registry (shadcn CLI)
npx shadcn@latest add https://api.catalogs.dev/shadcn/registry.json
pnpm dlx shadcn@latest add https://api.catalogs.dev/shadcn/registry.json
bunx shadcn@latest add https://api.catalogs.dev/shadcn/registry.json
# fetch the raw registry index
curl -s https://api.catalogs.dev/shadcn/registry.json
```

## Components (250)

| name | type | description | install |
| --- | --- | --- | --- |
| alamenai/animated-circle | registry:item | Animated circle with drawing and fill effects. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/alamenai/animated-circle.json` |
| alamenai/animated-footprint | registry:item | Animated footprint steps that walk along a path on the map. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/alamenai/animated-footprint.json` |
| alamenai/animated-polygon | registry:item | Animated polygon with draw, fill, and draw-then-fill effects. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/alamenai/animated-polygon.json` |
| alamenai/animated-pulse | registry:item | Pulsing dot animation for map markers. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/alamenai/animated-pulse.json` |
| alamenai/arc-animated | registry:item | Animated curved arc between two points for flights, deliveries, and connections. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/alamenai/arc-animated.json` |
| alamenai/blur-area | registry:item | Blur sensitive areas on the map with customizable styling. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/alamenai/blur-area.json` |
| alamenai/camera-follow | registry:item | Animate camera along a path for immersive fly-through experiences. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/alamenai/camera-follow.json` |
| alamenai/choropleth | registry:item | Thematic choropleth map with color-coded regions based on data values. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/alamenai/choropleth.json` |
| alamenai/circle | registry:item | Draggable geographic circle with customizable fill and stroke. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/alamenai/circle.json` |
| alamenai/circle-cluster | registry:item | Marker clustering with circle visualization. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/alamenai/circle-cluster.json` |
| alamenai/compare | registry:item | Side-by-side map comparison component. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/alamenai/compare.json` |
| alamenai/compass | registry:item | Interactive compass overlay with bearing display and click-to-reset. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/alamenai/compass.json` |
| alamenai/controls | registry:item | Interactive map controls (zoom, fullscreen, etc). | `npx shadcn@latest add https://api.catalogs.dev/shadcn/alamenai/controls.json` |
| alamenai/cyclone | registry:item | Animated cyclone funnel with swirling particles and debris. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/alamenai/cyclone.json` |
| alamenai/explosion | registry:item | Animated explosion burst effect with radial particles and flash. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/alamenai/explosion.json` |
| alamenai/fire | registry:item | Realistic animated fire effect with particle simulation. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/alamenai/fire.json` |
| alamenai/grid | registry:item | Coordinate grid overlay with latitude/longitude lines and labels. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/alamenai/grid.json` |
| alamenai/image | registry:item | Image overlay layers on the map. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/alamenai/image.json` |
| alamenai/lightning | registry:item | Animated lightning bolt strikes with branching and flash effects. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/alamenai/lightning.json` |
| alamenai/line | registry:item | Static routes and paths on the map. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/alamenai/line.json` |
| alamenai/line-animated | registry:item | Animated path and route animations on the map. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/alamenai/line-animated.json` |
| alamenai/line-radial | registry:item | Radial lines from a center point to multiple destinations with optional markers. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/alamenai/line-radial.json` |
| alamenai/map/mapbox | registry:item | Core map component with Mapbox GL and MapLibre GL support. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/alamenai/map/mapbox.json` |
| alamenai/marker | registry:item | Customizable map markers with popup support. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/alamenai/marker.json` |
| alamenai/marker-animated | registry:item | Animated marker that moves along a path with trail visualization. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/alamenai/marker-animated.json` |
| alamenai/meteor | registry:item | Animated meteor falling from sky with fiery trail and impact effect. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/alamenai/meteor.json` |
| alamenai/mini-map | registry:item | Minimap overview navigation component. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/alamenai/mini-map.json` |
| alamenai/music-disc | registry:item | Rotating music disc with floating notes animation. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/alamenai/music-disc.json` |
| alamenai/polygon | registry:item | Geographic polygon with customizable fill and stroke styling. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/alamenai/polygon.json` |
| alamenai/popup | registry:item | Info popups and tooltips for map locations. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/alamenai/popup.json` |
| alamenai/radar | registry:item | Animated radar sweep signal overlay on map coordinates. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/alamenai/radar.json` |
| alamenai/rain | registry:item | Animated rain effect layer. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/alamenai/rain.json` |
| alamenai/raster-video | registry:item | Video overlay layers on the map. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/alamenai/raster-video.json` |
| alamenai/sandstorm | registry:item | Atmospheric sandstorm effect with horizontal particle movement and reduced visibility. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/alamenai/sandstorm.json` |
| alamenai/snow | registry:item | Falling snowflakes effect with gentle drift and wind. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/alamenai/snow.json` |
| alamenai/steam | registry:item | Rising steam effect with wispy particle animation. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/alamenai/steam.json` |
| alamenai/sync | registry:item | Synchronized multi-map component with bidirectional movement sync. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/alamenai/sync.json` |
| alamenai/targeting-reticle | registry:item | Military-style targeting brackets with tracking and lock-on capabilities. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/alamenai/targeting-reticle.json` |
| alamenai/tsunami | registry:item | Animated tsunami wave effect with incoming wave, crashing foam, and debris. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/alamenai/tsunami.json` |
| alamenai/watermark | registry:item | Text watermark overlay for maps with configurable position and styling. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/alamenai/watermark.json` |
| anmolsaini16/analytics-card | registry:item | A compact visitor metric card layered over a world map with proportional location markers and a growth badge. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/anmolsaini16/analytics-card.json` |
| anmolsaini16/analytics-map | registry:item | A full-page real-time analytics dashboard with a world map, overview metrics, traffic breakdown cards, and device statistics. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/anmolsaini16/analytics-map.json` |
| anmolsaini16/choropleth | registry:item | An interactive world choropleth that shades countries by a metric and includes a theme-aware legend and hover details. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/anmolsaini16/choropleth.json` |
| anmolsaini16/delivery-tracker | registry:item | A responsive delivery tracking screen with order details, a routed map, pickup and drop-off markers, and courier progress. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/anmolsaini16/delivery-tracker.json` |
| anmolsaini16/heatmap | registry:item | A globe-projected earthquake density heatmap with zoom-responsive intensity, color, radius, and point layers. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/anmolsaini16/heatmap.json` |
| anmolsaini16/logistics-network | registry:item | A domestic logistics dashboard with globe-projected routes, hub markers, operational stats, and sidebar filters. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/anmolsaini16/logistics-network.json` |
| anmolsaini16/map | registry:item | A composable MapLibre map with theme-aware styles, markers, popups, controls, routes, arcs, GeoJSON layers, and point clustering. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/anmolsaini16/map.json` |
| anmolsaini16/store-locator | registry:item | A searchable store locator with a synchronized results sidebar, interactive markers, fly-to selection, tooltips, and details popups. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/anmolsaini16/store-locator.json` |
| anmolsaini16/uptime-monitor | registry:item | A status dashboard mapping edge network locations with live health, latency, uptime, and a node detail sidebar. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/anmolsaini16/uptime-monitor.json` |
| bklit/area-chart | registry:item | A composable area chart with gradient fills and animations | `npx shadcn@latest add https://api.catalogs.dev/shadcn/bklit/area-chart.json` |
| bklit/background | registry:item | Pattern fill for the plot area when grid lines are hidden | `npx shadcn@latest add https://api.catalogs.dev/shadcn/bklit/background.json` |
| bklit/bar-chart | registry:item | A composable bar chart with horizontal/vertical orientations and animations | `npx shadcn@latest add https://api.catalogs.dev/shadcn/bklit/bar-chart.json` |
| bklit/bar-depth | registry:item | 3D depth and glossy glass surfaces for BarChart bars | `npx shadcn@latest add https://api.catalogs.dev/shadcn/bklit/bar-depth.json` |
| bklit/candlestick-chart | registry:item | A composable OHLC candlestick chart with gradients, patterns, tooltips, and hover interactions | `npx shadcn@latest add https://api.catalogs.dev/shadcn/bklit/candlestick-chart.json` |
| bklit/chart-context | registry:item | Shared context and hooks for Bklit chart components | `npx shadcn@latest add https://api.catalogs.dev/shadcn/bklit/chart-context.json` |
| bklit/chart-tooltip | registry:item | Composable tooltip components for charts | `npx shadcn@latest add https://api.catalogs.dev/shadcn/bklit/chart-tooltip.json` |
| bklit/choropleth-chart | registry:item | A geographic map chart with zoom, pan, and data visualization | `npx shadcn@latest add https://api.catalogs.dev/shadcn/bklit/choropleth-chart.json` |
| bklit/composed-chart | registry:item | Time-series chart composing Line, Area, and SeriesBar on one shared scale (Recharts ComposedChart-style) | `npx shadcn@latest add https://api.catalogs.dev/shadcn/bklit/composed-chart.json` |
| bklit/funnel-chart | registry:item | An animated funnel chart with multi-layer halo rings, hover interactions, and staggered entrance animations | `npx shadcn@latest add https://api.catalogs.dev/shadcn/bklit/funnel-chart.json` |
| bklit/gauge-chart | registry:item | Notch-based radial or linear gauge with optional center label, patterns, and optional gradients | `npx shadcn@latest add https://api.catalogs.dev/shadcn/bklit/gauge-chart.json` |
| bklit/grid | registry:item | Grid lines for charts | `npx shadcn@latest add https://api.catalogs.dev/shadcn/bklit/grid.json` |
| bklit/heatmap-chart | registry:item | A contribution heatmap with animated cells and configurable level colors | `npx shadcn@latest add https://api.catalogs.dev/shadcn/bklit/heatmap-chart.json` |
| bklit/legend | registry:item | Composable legend components for charts | `npx shadcn@latest add https://api.catalogs.dev/shadcn/bklit/legend.json` |
| bklit/line-chart | registry:item | A composable line chart with multiple series support | `npx shadcn@latest add https://api.catalogs.dev/shadcn/bklit/line-chart.json` |
| bklit/live-line-chart | registry:item | Real-time streaming line chart with smooth scrolling, crosshair, and animated axes | `npx shadcn@latest add https://api.catalogs.dev/shadcn/bklit/live-line-chart.json` |
| bklit/markers | registry:item | Marker components for highlighting data points on charts | `npx shadcn@latest add https://api.catalogs.dev/shadcn/bklit/markers.json` |
| bklit/pie-chart | registry:item | A composable pie chart with animations and customizable slices | `npx shadcn@latest add https://api.catalogs.dev/shadcn/bklit/pie-chart.json` |
| bklit/profit-loss-line | registry:item | Sign-colored line segments for profit and loss on LineChart | `npx shadcn@latest add https://api.catalogs.dev/shadcn/bklit/profit-loss-line.json` |
| bklit/projection-line | registry:item | Forecast segment extending a line series past the last data point | `npx shadcn@latest add https://api.catalogs.dev/shadcn/bklit/projection-line.json` |
| bklit/radar-chart | registry:item | A composable radar/spider chart with multiple data series | `npx shadcn@latest add https://api.catalogs.dev/shadcn/bklit/radar-chart.json` |
| bklit/reference-area | registry:item | Shaded data-coordinate band for target ranges and thresholds on time-series charts | `npx shadcn@latest add https://api.catalogs.dev/shadcn/bklit/reference-area.json` |
| bklit/ring-chart | registry:item | A composable donut/ring chart with progress indicators | `npx shadcn@latest add https://api.catalogs.dev/shadcn/bklit/ring-chart.json` |
| bklit/sankey-chart | registry:item | A flow diagram for visualizing data transfers between nodes | `npx shadcn@latest add https://api.catalogs.dev/shadcn/bklit/sankey-chart.json` |
| bklit/scatter-chart | registry:item | A composable time-series scatter chart with offset rings, hover dimming, and animated enter | `npx shadcn@latest add https://api.catalogs.dev/shadcn/bklit/scatter-chart.json` |
| bklit/stat-card-area-01 | registry:item | Revenue stat card with gradient area sparkline, NumberFlow, and trend badge | `npx shadcn@latest add https://api.catalogs.dev/shadcn/bklit/stat-card-area-01.json` |
| bklit/stat-card-choropleth-01 | registry:item | Visitor map stat card with choropleth sparkline, NumberFlow, and trend badge | `npx shadcn@latest add https://api.catalogs.dev/shadcn/bklit/stat-card-choropleth-01.json` |
| bklit/stat-card-line-01 | registry:item | Sessions stat card with line sparkline, overlaid NumberFlow, and trend badge | `npx shadcn@latest add https://api.catalogs.dev/shadcn/bklit/stat-card-line-01.json` |
| bklit/sunburst-chart | registry:item | A composable hierarchical sunburst chart with drill-down zoom and animated segments | `npx shadcn@latest add https://api.catalogs.dev/shadcn/bklit/sunburst-chart.json` |
| bklit/x-axis | registry:item | X-axis component for time-series charts | `npx shadcn@latest add https://api.catalogs.dev/shadcn/bklit/x-axis.json` |
| bklit/y-axis | registry:item | Y-axis component for value labels in line and area charts | `npx shadcn@latest add https://api.catalogs.dev/shadcn/bklit/y-axis.json` |
| danielpetho/animated-gradient-with-svg | registry:item | An animated mesh gradient rendered with SVG filters and configurable color stops. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/danielpetho/animated-gradient-with-svg.json` |
| danielpetho/basic-number-ticker | registry:item | A numeric ticker that animates between changing values. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/danielpetho/basic-number-ticker.json` |
| danielpetho/box-carousel | registry:item | A 3D box carousel for image or video slides with controls and autoplay support. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/danielpetho/box-carousel.json` |
| danielpetho/breathing-text | registry:item | Text whose variable-font axes animate in a repeating breathing rhythm. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/danielpetho/breathing-text.json` |
| danielpetho/circling-elements | registry:item | Elements that orbit a shared center along configurable circular paths. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/danielpetho/circling-elements.json` |
| danielpetho/css-box | registry:item | A transformable 3D CSS box with hover, drag, and scroll-driven presentation options. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/danielpetho/css-box.json` |
| danielpetho/cursor-attractor-and-gravity | registry:item | Matter.js bodies attracted to the cursor with gravity, SVG, and image support. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/danielpetho/cursor-attractor-and-gravity.json` |
| danielpetho/drag-elements | registry:item | A container for draggable elements with optional momentum and bounded movement. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/danielpetho/drag-elements.json` |
| danielpetho/elastic-line | registry:item | An interactive line that bends toward the pointer and springs back on release. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/danielpetho/elastic-line.json` |
| danielpetho/element-along-svg-path | registry:item | A Motion component that moves an element along a supplied SVG path. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/danielpetho/element-along-svg-path.json` |
| danielpetho/float | registry:item | A wrapper that gives content a configurable continuous floating motion. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/danielpetho/float.json` |
| danielpetho/gooey-svg-filter | registry:item | A reusable SVG filter that merges nearby shapes into a gooey visual surface. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/danielpetho/gooey-svg-filter.json` |
| danielpetho/gravity | registry:item | A configurable Matter.js gravity scene with draggable image, SVG, and HTML bodies. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/danielpetho/gravity.json` |
| danielpetho/image-trail | registry:item | Images or arbitrary elements that follow pointer movement as a layered trail. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/danielpetho/image-trail.json` |
| danielpetho/letter-3d-swap | registry:item | A 3D letter swap that rotates between the original and replacement text. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/danielpetho/letter-3d-swap.json` |
| danielpetho/letter-swap-forward-anim | registry:item | A forward letter-swap animation for hoverable labels and links. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/danielpetho/letter-swap-forward-anim.json` |
| danielpetho/letter-swap-pingpong-anim | registry:item | A ping-pong letter-swap animation that alternates its travel direction. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/danielpetho/letter-swap-pingpong-anim.json` |
| danielpetho/marquee-along-svg-path | registry:item | A repeated marquee that follows an SVG path with configurable spacing and direction. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/danielpetho/marquee-along-svg-path.json` |
| danielpetho/media-between-text | registry:item | A text layout that reveals and positions media between words on hover or scroll. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/danielpetho/media-between-text.json` |
| danielpetho/parallax-floating | registry:item | A layered image composition that floats and shifts with pointer movement. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/danielpetho/parallax-floating.json` |
| danielpetho/pixel-trail | registry:item | A pointer-driven grid that leaves a fading, optionally gooey trail of colored pixels. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/danielpetho/pixel-trail.json` |
| danielpetho/pixelate-svg-filter | registry:item | A reusable SVG filter that pixelates text, images, and animated elements. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/danielpetho/pixelate-svg-filter.json` |
| danielpetho/random-letter-swap-forward-anim | registry:item | A forward letter swap with characters animated in randomized order. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/danielpetho/random-letter-swap-forward-anim.json` |
| danielpetho/random-letter-swap-pingpong-anim | registry:item | A randomized letter swap that alternates forward and reverse motion. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/danielpetho/random-letter-swap-pingpong-anim.json` |
| danielpetho/scramble-hover | registry:item | Text that scrambles and resolves when the pointer enters or leaves. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/danielpetho/scramble-hover.json` |
| danielpetho/scramble-in | registry:item | Text that scrambles into its final readable value on entry. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/danielpetho/scramble-in.json` |
| danielpetho/screensaver | registry:item | A bouncing screensaver element constrained to its measured container. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/danielpetho/screensaver.json` |
| danielpetho/scroll-and-swap-text | registry:item | Text whose words swap through a configured sequence as the page scrolls. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/danielpetho/scroll-and-swap-text.json` |
| danielpetho/simple-marquee | registry:item | A flexible looping marquee with drag, easing, axis, and perspective options. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/danielpetho/simple-marquee.json` |
| danielpetho/stacking-cards | registry:item | Cards that stack and scale as the page scrolls through their container. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/danielpetho/stacking-cards.json` |
| danielpetho/text-along-path | registry:item | Text laid out and animated along a configurable SVG path. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/danielpetho/text-along-path.json` |
| danielpetho/text-cursor-proximity | registry:item | Text characters that react independently to cursor distance and falloff. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/danielpetho/text-cursor-proximity.json` |
| danielpetho/text-highlighter | registry:item | An animated marker-style highlight triggered by view, hover, scroll, or a ref. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/danielpetho/text-highlighter.json` |
| danielpetho/text-rotate | registry:item | A rotating text sequence with configurable animation, staggering, mapping, and scroll steps. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/danielpetho/text-rotate.json` |
| danielpetho/typewriter | registry:item | A typewriter effect with configurable typing, deletion, delay, and looping behavior. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/danielpetho/typewriter.json` |
| danielpetho/underline-center | registry:item | An underline animation that expands outward from the center. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/danielpetho/underline-center.json` |
| danielpetho/underline-comes-in-goes-out | registry:item | An underline that enters from one side and exits through the other. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/danielpetho/underline-comes-in-goes-out.json` |
| danielpetho/underline-goes-out-comes-in | registry:item | An underline that retracts and returns from the opposite side. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/danielpetho/underline-goes-out-comes-in.json` |
| danielpetho/underline-to-background | registry:item | An underline that grows into a full text background on interaction. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/danielpetho/underline-to-background.json` |
| danielpetho/variable-font-and-cursor | registry:item | Variable-font axes driven by the cursor across the full text run. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/danielpetho/variable-font-and-cursor.json` |
| danielpetho/variable-font-cursor-proximity | registry:item | Variable-font characters that respond independently to cursor proximity. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/danielpetho/variable-font-cursor-proximity.json` |
| danielpetho/variable-font-hover-by-letter | registry:item | Variable-font axes animated per letter during hover. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/danielpetho/variable-font-hover-by-letter.json` |
| danielpetho/variable-font-hover-by-random-letter | registry:item | Variable-font letters animated in randomized order during hover. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/danielpetho/variable-font-hover-by-random-letter.json` |
| danielpetho/vertical-cut-reveal | registry:item | A vertically sliced text reveal with line, word, letter, stagger, and scroll modes. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/danielpetho/vertical-cut-reveal.json` |
| davidhdev/asciify/react | registry:item | Redraws your page as live ascii characters in a soft radius around the cursor, with real glyph, shade block, and binary ramps. The HTML stays interactive. No d… | `npx shadcn@latest add https://api.catalogs.dev/shadcn/davidhdev/asciify/react.json` |
| davidhdev/bend/react | registry:item | Folds the top and bottom of your page over virtual edges as you scroll, like scrolling on the face of a cube. The HTML stays interactive. No dependencies. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/davidhdev/bend/react.json` |
| davidhdev/blaze/react | registry:item | Fire sparks, smoke, and heat distortion rising from the bottom of your page. The HTML stays interactive. No dependencies. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/davidhdev/blaze/react.json` |
| davidhdev/bubble/react | registry:item | A glassy droplet that trails the cursor as blending metaballs and refracts the live page beneath it, with dispersion, frost, and an iridescent sheen. The HTML … | `npx shadcn@latest add https://api.catalogs.dev/shadcn/davidhdev/bubble/react.json` |
| davidhdev/cloth/react | registry:item | Hangs your live HTML on a piece of fabric rippling in the wind, with softly lit folds. Cursor strokes send waves across the cloth. The HTML stays interactive. … | `npx shadcn@latest add https://api.catalogs.dev/shadcn/davidhdev/cloth/react.json` |
| davidhdev/clouds/react | registry:item | Procedural fog that drifts over your page and blurs what it covers. Cursor movement parts the clouds. The HTML stays interactive. No dependencies. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/davidhdev/clouds/react.json` |
| davidhdev/dithered-object/react | registry:item | Renders any GLB or glTF model in a floating studio scene through a 1-bit Bayer dither. Built on three.js. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/davidhdev/dithered-object/react.json` |
| davidhdev/droplets/react | registry:item | Rain droplets that run down the screen and refract your page behind them. The HTML stays interactive. No dependencies. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/davidhdev/droplets/react.json` |
| davidhdev/glass-object/react | registry:item | Turns any GLB/glTF model, SVG, or image into a floating liquid-glass object with real refraction, chromatic dispersion, frost, and tinted absorption, lit by a … | `npx shadcn@latest add https://api.catalogs.dev/shadcn/davidhdev/glass-object/react.json` |
| davidhdev/glass/react | registry:item | A cursor-following glass lens that refracts your page like real glass, with a crystal ball zoom over target elements. The HTML stays interactive. No dependenci… | `npx shadcn@latest add https://api.catalogs.dev/shadcn/davidhdev/glass/react.json` |
| davidhdev/glitch/react | registry:item | Broadcast glitch bursts that tear the page into shifted slices with RGB splits, corrupted blocks, and analog noise, then settle back to a clean read. The HTML … | `npx shadcn@latest add https://api.catalogs.dev/shadcn/davidhdev/glitch/react.json` |
| davidhdev/grid/react | registry:item | Splits your page into a grid of 3D tiles that ripple in waves around the cursor. The HTML stays interactive. No dependencies. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/davidhdev/grid/react.json` |
| davidhdev/hex-float/react | registry:item | Renders the live page onto a floor of shiny beveled hex tiles that lean back in perspective, bob gently, and rise toward the cursor. The HTML stays interactive… | `npx shadcn@latest add https://api.catalogs.dev/shadcn/davidhdev/hex-float/react.json` |
| davidhdev/laser/react | registry:item | Hides everything below a glowing laser beam near the bottom of the viewport. Scrolling prints new content in from behind it. The HTML stays interactive. No dep… | `npx shadcn@latest add https://api.catalogs.dev/shadcn/davidhdev/laser/react.json` |
| davidhdev/liquid/react | registry:item | A pointer-driven WebGL fluid simulation over your page. The HTML stays interactive. No dependencies. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/davidhdev/liquid/react.json` |
| davidhdev/magnify/react | registry:item | A sci-fi scanner lens that follows the cursor and magnifies the live page inside a configurable HUD reticle, with chromatic aberration haze and click ripples t… | `npx shadcn@latest add https://api.catalogs.dev/shadcn/davidhdev/magnify/react.json` |
| davidhdev/particle-object/react | registry:item | Rebuilds any GLB/glTF model, SVG, or image as a cloud of particles that the cursor pushes, swirls, and springs back into shape. Built on three.js. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/davidhdev/particle-object/react.json` |
| davidhdev/particle-reveal/react | registry:item | Renders your page as fine grayscale dust that merges back into crisp UI around the cursor. The HTML stays interactive. No dependencies. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/davidhdev/particle-reveal/react.json` |
| davidhdev/particle-scroll/react | registry:item | Dissolves everything below a chosen line into drifting sand that reassembles as you scroll. The HTML stays interactive. No dependencies. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/davidhdev/particle-scroll/react.json` |
| davidhdev/peel/react | registry:item | Peels your page back from a chosen edge as the cursor approaches, revealing a second layer underneath. The HTML stays interactive. No dependencies. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/davidhdev/peel/react.json` |
| davidhdev/retro-dither/react | registry:item | A retro dither lens that pixelates and quantizes your page around the cursor. The HTML stays interactive. No dependencies. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/davidhdev/retro-dither/react.json` |
| davidhdev/ripple/react | registry:item | Water ripples that spread from every click and refract the live page like a pond surface, with dispersion and light glints on the crests. The HTML stays intera… | `npx shadcn@latest add https://api.catalogs.dev/shadcn/davidhdev/ripple/react.json` |
| davidhdev/shatter/react | registry:item | Shatters your page into 3D glass shards that lift, tilt, and float around the cursor, refracting the content beneath them, with perspective and soft shadows. T… | `npx shadcn@latest add https://api.catalogs.dev/shadcn/davidhdev/shatter/react.json` |
| davidhdev/vhs/react | registry:item | Plays your page back like a worn VHS tape, with tape wave, head-switch noise, chroma bleed, and grain. The HTML stays interactive. No dependencies. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/davidhdev/vhs/react.json` |
| educlopez/agent-avatar | registry:item | An agent avatar with status indicators, glowing rings, and optional pulse animation. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/educlopez/agent-avatar.json` |
| educlopez/announcement-bar | registry:item | A dismissible announcement strip with an action link, scanlines, and HUD-style glow. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/educlopez/announcement-bar.json` |
| educlopez/anomaly-banner | registry:item | An animated anomaly warning banner with amber scan effects and a technical HUD readout. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/educlopez/anomaly-banner.json` |
| educlopez/arrival-panel | registry:item | A gridded HUD panel for displaying an arrival title, subtitle, time, and unit. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/educlopez/arrival-panel.json` |
| educlopez/avatar-group | registry:item | An overlapping avatar stack with colored status glows and an overflow count. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/educlopez/avatar-group.json` |
| educlopez/beam-marker | registry:item | A map-style beam marker with coordinates, labels, glowing accents, and HUD corners. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/educlopez/beam-marker.json` |
| educlopez/bento-grid | registry:item | A responsive bento layout with glowing borders, scanlines, and HUD-style corner framing. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/educlopez/bento-grid.json` |
| educlopez/boot-sequence | registry:item | An animated boot sequence that reveals system steps inside a scanlined HUD frame. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/educlopez/boot-sequence.json` |
| educlopez/breadcrumb-nav | registry:item | A monospace breadcrumb trail with uppercase labels and Tron-style active accents. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/educlopez/breadcrumb-nav.json` |
| educlopez/changelog | registry:item | A chronological change feed with status glows, scanlines, and HUD-style framing. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/educlopez/changelog.json` |
| educlopez/chip | registry:item | A compact selectable or removable chip with monospace HUD styling. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/educlopez/chip.json` |
| educlopez/circuit-background | registry:item | A decorative circuit-board background with animated paths and primary-color accents. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/educlopez/circuit-background.json` |
| educlopez/command-menu | registry:item | A searchable command palette with scanlines, glowing accents, and HUD corner details. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/educlopez/command-menu.json` |
| educlopez/comparison-table | registry:item | A feature comparison table with scanlines, monospace labels, and HUD corner framing. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/educlopez/comparison-table.json` |
| educlopez/countdown | registry:item | A segmented countdown readout with uppercase labels and Tron-style color variants. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/educlopez/countdown.json` |
| educlopez/crt-effect | registry:item | CRT monitor effect with scanlines, vignette, flicker, and scan sweep animation. * Wrap any content to give it a retro CRT monitor appearance. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/educlopez/crt-effect.json` |
| educlopez/cta-banner | registry:item | A call-to-action banner with glowing controls, scanlines, and HUD corner framing. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/educlopez/cta-banner.json` |
| educlopez/data-card | registry:item | A HUD-style card for labeled data fields, subtitles, and status indicators. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/educlopez/data-card.json` |
| educlopez/data-stream | registry:item | A streaming event feed with staggered entries, status glows, scanlines, and HUD framing. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/educlopez/data-stream.json` |
| educlopez/data-table | registry:item | A sortable data table with staggered row reveals, scanlines, and HUD corner accents. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/educlopez/data-table.json` |
| educlopez/derez-timer | registry:item | A glowing digital countdown for minutes, seconds, and milliseconds with a derez effect. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/educlopez/derez-timer.json` |
| educlopez/diagnostics-panel | registry:item | A diagnostics panel for status metrics with colored glows, scanlines, and HUD framing. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/educlopez/diagnostics-panel.json` |
| educlopez/divider | registry:item | A horizontal or vertical divider with optional labels and Tron-style glow variants. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/educlopez/divider.json` |
| educlopez/dropdown | registry:item | A trigger-based action menu with scanlines, monospace labels, and HUD corner details. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/educlopez/dropdown.json` |
| educlopez/empty-state | registry:item | An empty-state panel with an icon, description, action, and HUD-style corner accents. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/educlopez/empty-state.json` |
| educlopez/energy-meter | registry:item | A segmented energy meter with status colors, glow, scanlines, and optional value labels. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/educlopez/energy-meter.json` |
| educlopez/faq | registry:item | An accordion-based FAQ with a subtle grid, scanlines, and HUD corner framing. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/educlopez/faq.json` |
| educlopez/feature-card | registry:item | A feature card with glowing accents, scanlines, and HUD-style corner framing. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/educlopez/feature-card.json` |
| educlopez/file-upload | registry:item | A drag-and-drop file picker with validation, glowing borders, and HUD corner accents. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/educlopez/file-upload.json` |
| educlopez/floating-panel | registry:item | A positioned data panel with compact monospace labels and HUD corner brackets. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/educlopez/floating-panel.json` |
| educlopez/gauge | registry:item | A radial value gauge with configurable ranges, status variants, glow, and pulse effects. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/educlopez/gauge.json` |
| educlopez/glow-container | registry:item | A wrapper that adds configurable glow intensity, pulsing, and hover effects to content. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/educlopez/glow-container.json` |
| educlopez/grid-scan-overlay | registry:item | An animated grid overlay with a sweeping primary-color scan line. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/educlopez/grid-scan-overlay.json` |
| educlopez/heatmap | registry:item | A labeled heatmap with glowing intensity cells, scanlines, and HUD corner framing. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/educlopez/heatmap.json` |
| educlopez/hud-corner-frame | registry:item | A decorative HUD corner bracket that can be positioned around framed content. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/educlopez/hud-corner-frame.json` |
| educlopez/hud-frame | registry:item | A reusable HUD frame with corner brackets, an optional label, and a subtle grid. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/educlopez/hud-frame.json` |
| educlopez/identity-disc | registry:item | A glowing identity profile display with avatar, designation, access level, and status. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/educlopez/identity-disc.json` |
| educlopez/kanban-board | registry:item | A draggable kanban board with scanlined columns, status accents, and HUD framing. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/educlopez/kanban-board.json` |
| educlopez/location-display | registry:item | A compact location HUD for sector, grid, coordinates, and connection status. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/educlopez/location-display.json` |
| educlopez/logo-cloud | registry:item | An animated logo marquee with scanlines, uppercase labels, and HUD corner framing. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/educlopez/logo-cloud.json` |
| educlopez/marquee | registry:item | An infinitely scrolling row with direction, speed, style, and pause-on-hover controls. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/educlopez/marquee.json` |
| educlopez/modal | registry:item | A controlled modal with title, description, footer, scanlines, and HUD corner framing. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/educlopez/modal.json` |
| educlopez/notification | registry:item | A dismissible notification card with status variants, glow, scanlines, and HUD framing. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/educlopez/notification.json` |
| educlopez/number-input | registry:item | A numeric input with increment and decrement controls and compact monospace labels. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/educlopez/number-input.json` |
| educlopez/pricing-card | registry:item | A pricing plan card with feature lists, glowing emphasis, scanlines, and HUD framing. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/educlopez/pricing-card.json` |
| educlopez/progress-bar | registry:item | A labeled progress bar with status glows, animated stripes, and scanline styling. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/educlopez/progress-bar.json` |
| educlopez/progress-ring | registry:item | A circular progress indicator with configurable size, status color, glow, and pulse. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/educlopez/progress-ring.json` |
| educlopez/radar | registry:item | An animated radar display with targets, range rings, glow, and a sweeping beam. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/educlopez/radar.json` |
| educlopez/rating | registry:item | A configurable rating display with selectable values, status colors, and optional glow. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/educlopez/rating.json` |
| educlopez/regen-indicator | registry:item | A pulsing regeneration status readout with cyan bars and monospace labeling. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/educlopez/regen-indicator.json` |
| educlopez/reticle | registry:item | An animated targeting reticle with configurable size and status-color variants. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/educlopez/reticle.json` |
| educlopez/sidebar | registry:item | A composable responsive sidebar with providers, triggers, navigation groups, and menus. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/educlopez/sidebar.json` |
| educlopez/signal-indicator | registry:item | A signal-strength display with status colors, glowing bars, and optional value labels. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/educlopez/signal-indicator.json` |
| educlopez/sparkline | registry:item | A compact line or area chart with status colors, glow, and optional draw animation. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/educlopez/sparkline.json` |
| educlopez/speed-indicator | registry:item | A compact speed readout with a segmented bar, numeric value, and monospace HUD labels. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/educlopez/speed-indicator.json` |
| educlopez/stat | registry:item | A compact HUD statistic with a label, value, unit, and directional indicator. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/educlopez/stat.json` |
| educlopez/stat-card | registry:item | A metric card with value, unit, trend, sparkline, scanlines, and HUD corner framing. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/educlopez/stat-card.json` |
| educlopez/stats-counter | registry:item | A responsive metric grid with scanlines, monospace labels, and HUD corner framing. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/educlopez/stats-counter.json` |
| educlopez/status-bar | registry:item | A collection of system status, uplink, information, and progress HUD displays. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/educlopez/status-bar.json` |
| educlopez/stepper | registry:item | A horizontal or vertical step indicator with glowing progress and scanlined HUD framing. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/educlopez/stepper.json` |
| educlopez/tag | registry:item | A dismissible status tag with size, color, and optional glow variants. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/educlopez/tag.json` |
| educlopez/terminal | registry:item | A terminal window with typed lines, status variants, scanlines, and HUD corner framing. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/educlopez/terminal.json` |
| educlopez/testimonial-card | registry:item | A testimonial card with quote, author details, rating, scanlines, and HUD corner framing. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/educlopez/testimonial-card.json` |
| educlopez/text-input | registry:item | A labeled text input with hint, error, icon, and compact Tron-style accents. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/educlopez/text-input.json` |
| educlopez/thegridcn-alert | registry:item | A Tron-styled alert and banner pair with monospace text, status colors, and optional pulse. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/educlopez/thegridcn-alert.json` |
| educlopez/thegridcn-badge | registry:item | A compact HUD-style badge with dot, pulse, size, and status variants. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/educlopez/thegridcn-badge.json` |
| educlopez/thegridcn-pagination | registry:item | Pagination controls with glowing active states and compact monospace HUD labels. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/educlopez/thegridcn-pagination.json` |
| educlopez/thegridcn-select | registry:item | A select control with monospace labels, glowing focus states, and a scanlined menu. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/educlopez/thegridcn-select.json` |
| educlopez/thegridcn-skeleton | registry:item | A loading placeholder with shape variants and animated primary-color HUD accents. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/educlopez/thegridcn-skeleton.json` |
| educlopez/thegridcn-slider | registry:item | A numeric slider with a glowing track, value label, and compact monospace styling. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/educlopez/thegridcn-slider.json` |
| educlopez/thegridcn-tabs | registry:item | A tabbed interface with size and layout variants, glowing active states, and HUD labels. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/educlopez/thegridcn-tabs.json` |
| educlopez/thegridcn-timeline | registry:item | A chronological timeline with glowing markers, status colors, and monospace HUD labels. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/educlopez/thegridcn-timeline.json` |
| educlopez/thegridcn-toggle | registry:item | A binary toggle with glowing checked state, size variants, and monospace labeling. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/educlopez/thegridcn-toggle.json` |
| educlopez/thegridcn-tooltip | registry:item | A compact tooltip with monospace text, primary-color accents, and HUD corner details. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/educlopez/thegridcn-tooltip.json` |
| educlopez/timeline-bar | registry:item | A timeline progress bar with labeled endpoints, markers, and compact monospace styling. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/educlopez/timeline-bar.json` |
| educlopez/timer | registry:item | A digital hours, minutes, and seconds display with size and status-color variants. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/educlopez/timer.json` |
| educlopez/toast | registry:item | A toast provider and notification stack with status colors, scanlines, and HUD corners. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/educlopez/toast.json` |
| educlopez/tunnel | registry:item | Animated instanced rings form a neon 3D tunnel while keeping draw calls low. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/educlopez/tunnel.json` |
| educlopez/uplink-header | registry:item | A compact uplink status header with left and right labels and signal-color variants. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/educlopez/uplink-header.json` |
| educlopez/video-player | registry:item | A video control panel with playback actions, time status, scanlines, and HUD framing. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/educlopez/video-player.json` |
| educlopez/video-progress | registry:item | A video timeline with current and end times, progress fill, and labeled markers. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/educlopez/video-progress.json` |
| educlopez/waveform | registry:item | An animated audio waveform with playback, status-color, glow, and scanline options. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/educlopez/waveform.json` |
| ekmas/accordion | registry:item | A vertically stacked set of interactive headings that each reveal a section of content. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/ekmas/accordion.json` |
| ekmas/alert | registry:item | Displays a callout for user attention. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/ekmas/alert.json` |
| ekmas/alert-dialog | registry:item | A modal dialog that interrupts the user with important content and expects a response. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/ekmas/alert-dialog.json` |
| ekmas/attachment | registry:item | Displays a file attachment with media, title, description and actions. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/ekmas/attachment.json` |
| ekmas/avatar | registry:item | An image element with a fallback for representing the user. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/ekmas/avatar.json` |
| ekmas/badge | registry:item | Displays a badge or a component that looks like a badge. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/ekmas/badge.json` |
| ekmas/breadcrumb | registry:item | Displays the current page location within a hierarchical structure. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/ekmas/breadcrumb.json` |
| ekmas/bubble | registry:item | A chat bubble for displaying a message in a conversation. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/ekmas/bubble.json` |
| ekmas/button | registry:item | Displays a button or a component that looks like a button. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/ekmas/button.json` |
| ekmas/button-group | registry:item | A container that groups related buttons together with consistent styling. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/ekmas/button-group.json` |
| ekmas/calendar | registry:item | A date field component that allows users to enter and edit date. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/ekmas/calendar.json` |
| ekmas/card | registry:item | Displays a card with header, content, and footer. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/ekmas/card.json` |
| ekmas/carousel | registry:item | A carousel with motion and swipe built using Embla. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/ekmas/carousel.json` |
| ekmas/chart | registry:item | Beautiful charts. Built using Recharts. Copy and paste into your apps. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/ekmas/chart.json` |
| ekmas/checkbox | registry:item | A control that allows the user to toggle between checked and not checked. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/ekmas/checkbox.json` |
| ekmas/collapsible | registry:item | An interactive component that expands/collapses a panel. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/ekmas/collapsible.json` |
| ekmas/command | registry:item | Fast, composable, unstyled command menu for React. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/ekmas/command.json` |
| ekmas/context-menu | registry:item | Opens a neobrutalist action menu from a right-click or long press. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/ekmas/context-menu.json` |
| ekmas/dialog | registry:item | A window overlaid on either the primary window or another dialog window. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/ekmas/dialog.json` |
| ekmas/direction | registry:item | Provides the reading direction (LTR or RTL) to Base UI components. | `npx shadcn@latest add https://api.catalogs.dev/shadcn/ekmas/direction.json` |

## For AI agents

```text
You are adding components from @catalogs to a shadcn-compatible project.
1. Read this file (https://sh4dcn.vercel.app/md/catalogs.md) for the component list.
2. Fetch the machine-readable index: https://api.catalogs.dev/shadcn/registry.json
3. Install a single component with its install command from the table above.
4. Full structured record: https://sh4dcn.vercel.app/json (library slug: catalogs).
```