/**
* The verified component index — the data behind searching by component name.
*
* Separate from `data/libraries.ts` because this grows on a different
* cadence: libraries arrive rarely, but a single component collection can
* document hundreds of components at once. Each entry is keyed by the owning
* library's `slug`.
*
* Guidelines:
* - `name` must be the component's official name as the library documents it.
* - `url` must be that component's own documentation page, on the library's
* own domain, not a marketing or setup page.
* - `aliases` are optional terms people genuinely search for. Add them only
* when the official name would not match how someone describes the
* component, and never pad them with synonyms.
* - Coverage is partial and grows by contribution. A missing entry means "not
* yet verified", never "this library does not have it". Do not infer a
* component from a library's generic tags.
*
* Every `url` below was taken from the library's own published component
* index or documentation and checked to resolve. `lib/directory.test.mjs`
* enforces that they stay on the library's domain and stay unique.
*/
/** A single named component a library documents, used for component search. */
export interface LibraryComponent {
/** The component's official name, spelled as the library documents it. */
name: string;
/** Search terms people actually type that the official name does not cover. */
aliases?: string[];
/** Canonical documentation page for this exact component. */
url: string;
}
/** Verified components, keyed by the owning library's `slug`. */
export type ComponentIndex = Record<string, LibraryComponent[]>;
export const componentIndex: ComponentIndex = {
"intent-ui": [
{ name: "Button", url: "https://intentui.com/docs/components/buttons/button" },
{ name: "Combo Box", url: "https://intentui.com/docs/components/pickers/combo-box" },
{ name: "Text Field", url: "https://intentui.com/docs/components/forms/text-field" },
{ name: "Dialog", url: "https://intentui.com/docs/components/overlays/dialog" },
{ name: "Table", url: "https://intentui.com/docs/components/collections/table" },
{ name: "Date Picker", url: "https://intentui.com/docs/components/date-and-time/date-picker" },
],
"reui": [
{ name: "Data Grid", url: "https://reui.io/docs/components/base/data-grid" },
{ name: "Kanban", url: "https://reui.io/docs/components/base/kanban" },
{ name: "Gantt", url: "https://reui.io/docs/components/base/gantt" },
{ name: "File Upload", url: "https://reui.io/docs/components/base/file-upload" },
{ name: "Number Field", url: "https://reui.io/docs/components/base/number-field" },
{ name: "Tree", url: "https://reui.io/docs/components/base/tree" },
],
"elevenlabs-ui": [
{ name: "Orb", url: "https://ui.elevenlabs.io/docs/components/orb" },
{ name: "Audio Player", url: "https://ui.elevenlabs.io/docs/components/audio-player" },
{ name: "Waveform", url: "https://ui.elevenlabs.io/docs/components/waveform" },
{ name: "Live Waveform", url: "https://ui.elevenlabs.io/docs/components/live-waveform" },
{ name: "Conversation", url: "https://ui.elevenlabs.io/docs/components/conversation" },
{ name: "Voice Button", url: "https://ui.elevenlabs.io/docs/components/voice-button" },
],
"inspira-ui": [
{ name: "Breathing Text", url: "https://inspira-ui.com/docs/en/components/text-animations/breathing-text" },
{ name: "Card Stack", url: "https://inspira-ui.com/docs/en/components/cards/card-stack" },
{ name: "Circular Gallery", url: "https://inspira-ui.com/docs/en/components/miscellaneous/circular-gallery" },
{ name: "Cube Carousel", url: "https://inspira-ui.com/docs/en/components/cards/cube-carousel" },
{ name: "Ribbon Background", url: "https://inspira-ui.com/docs/en/components/backgrounds/ribbon-background" },
{ name: "Path Marquee", url: "https://inspira-ui.com/docs/en/components/miscellaneous/path-marquee" },
],
"reka-ui": [
{ name: "Accordion", url: "https://reka-ui.com/docs/components/accordion" },
{ name: "Dialog", url: "https://reka-ui.com/docs/components/dialog" },
{ name: "Popover", url: "https://reka-ui.com/docs/components/popover" },
{ name: "Combobox", url: "https://reka-ui.com/docs/components/combobox" },
{ name: "Select", url: "https://reka-ui.com/docs/components/select" },
{ name: "Tooltip", url: "https://reka-ui.com/docs/components/tooltip" },
],
"melt-ui": [
{ name: "Accordion", url: "https://next.melt-ui.com/components/accordion/" },
{ name: "Dialog", url: "https://next.melt-ui.com/components/dialog/" },
{ name: "Combobox", url: "https://next.melt-ui.com/components/combobox/" },
{ name: "PIN Input", url: "https://next.melt-ui.com/components/pin-input/" },
{ name: "Toggle", url: "https://next.melt-ui.com/components/toggle/" },
{ name: "Toaster", url: "https://next.melt-ui.com/components/toaster/" },
],
"zard-ui": [
{ name: "Button", url: "https://www.zardui.com/docs/components/button" },
{ name: "Card", url: "https://www.zardui.com/docs/components/card" },
{ name: "Dialog", url: "https://www.zardui.com/docs/components/dialog" },
{ name: "Combobox", url: "https://www.zardui.com/docs/components/combobox" },
{ name: "Date Picker", url: "https://www.zardui.com/docs/components/date-picker" },
{ name: "Table", url: "https://www.zardui.com/docs/components/table" },
],
"spartan-ui": [
{ name: "Button", url: "https://spartan.ng/components/button" },
{ name: "Dialog", url: "https://spartan.ng/components/dialog" },
{ name: "Data Table", url: "https://spartan.ng/components/data-table" },
{ name: "Combobox", url: "https://spartan.ng/components/combobox" },
{ name: "Calendar", url: "https://spartan.ng/components/calendar" },
{ name: "Select", url: "https://spartan.ng/components/select" },
],
"corvu": [
{ name: "Dialog", url: "https://corvu.dev/docs/primitives/dialog/" },
{ name: "Drawer", url: "https://corvu.dev/docs/primitives/drawer/" },
{ name: "Resizable", url: "https://corvu.dev/docs/primitives/resizable/" },
{ name: "Calendar", url: "https://corvu.dev/docs/primitives/calendar/" },
{ name: "OTP Field", url: "https://corvu.dev/docs/primitives/otp-field/" },
{ name: "Accordion", url: "https://corvu.dev/docs/primitives/accordion/" },
],
"starwind-ui": [
{ name: "Button", url: "https://starwind.dev/docs/components/button/" },
{ name: "Dialog", url: "https://starwind.dev/docs/components/dialog/" },
{ name: "Accordion", url: "https://starwind.dev/docs/components/accordion/" },
{ name: "Tabs", url: "https://starwind.dev/docs/components/tabs/" },
{ name: "Select", url: "https://starwind.dev/docs/components/select/" },
{ name: "Carousel", url: "https://starwind.dev/docs/components/carousel/" },
],
"webcoreui": [
{ name: "Accordion", url: "https://webcoreui.dev/docs/accordion" },
{ name: "Alert", url: "https://webcoreui.dev/docs/alert" },
{ name: "Button", url: "https://webcoreui.dev/docs/button" },
{ name: "Data Table", url: "https://webcoreui.dev/docs/data-table" },
],
"web-awesome": [
{ name: "Button", url: "https://webawesome.com/docs/components/button/" },
{ name: "Input", url: "https://webawesome.com/docs/components/input/" },
{ name: "Dialog", url: "https://webawesome.com/docs/components/dialog/" },
{ name: "Drawer", url: "https://webawesome.com/docs/components/drawer/" },
{ name: "Select", url: "https://webawesome.com/docs/components/select/" },
{ name: "Tab Group", url: "https://webawesome.com/docs/components/tab-group/" },
],
// 209 components
"react-bits": [
{ name: "ASCII Text", url: "https://www.reactbits.dev/text-animations/ascii-text" },
{ name: "Blur Text", aliases: ["soft focus"], url: "https://www.reactbits.dev/text-animations/blur-text" },
{ name: "Circular Text", url: "https://www.reactbits.dev/text-animations/circular-text" },
{ name: "Count Up", aliases: ["counter", "odometer", "number ticker"], url: "https://www.reactbits.dev/text-animations/count-up" },
{ name: "Curved Loop", url: "https://www.reactbits.dev/text-animations/curved-loop" },
{ name: "Decrypted Text", aliases: ["hacker text", "decode"], url: "https://www.reactbits.dev/text-animations/decrypted-text" },
{ name: "Depth Text", url: "https://www.reactbits.dev/text-animations/depth-text" },
{ name: "Echo Text", url: "https://www.reactbits.dev/text-animations/echo-text" },
{ name: "Falling Text", url: "https://www.reactbits.dev/text-animations/falling-text" },
{ name: "Fold Text", url: "https://www.reactbits.dev/text-animations/fold-text" },
{ name: "Fuzzy Text", url: "https://www.reactbits.dev/text-animations/fuzzy-text" },
{ name: "Glitch Text", url: "https://www.reactbits.dev/text-animations/glitch-text" },
{ name: "Gradient Text", url: "https://www.reactbits.dev/text-animations/gradient-text" },
{ name: "Masked Heading", url: "https://www.reactbits.dev/text-animations/masked-heading" },
{ name: "Particle Text", url: "https://www.reactbits.dev/text-animations/particle-text" },
{ name: "Rotating Text", url: "https://www.reactbits.dev/text-animations/rotating-text" },
{ name: "Scrambled Text", url: "https://www.reactbits.dev/text-animations/scrambled-text" },
{ name: "Scroll Float", url: "https://www.reactbits.dev/text-animations/scroll-float" },
{ name: "Scroll Reveal", url: "https://www.reactbits.dev/text-animations/scroll-reveal" },
{ name: "Scroll Velocity", url: "https://www.reactbits.dev/text-animations/scroll-velocity" },
{ name: "Shiny Text", aliases: ["shine", "metallic text"], url: "https://www.reactbits.dev/text-animations/shiny-text" },
{ name: "Shuffle", url: "https://www.reactbits.dev/text-animations/shuffle" },
{ name: "Split Flap Text", url: "https://www.reactbits.dev/text-animations/split-flap-text" },
{ name: "Split Text", aliases: ["stagger text"], url: "https://www.reactbits.dev/text-animations/split-text" },
{ name: "Stroke Text", aliases: ["outline text", "draw on text"], url: "https://www.reactbits.dev/text-animations/stroke-text" },
{ name: "Tech Text", url: "https://www.reactbits.dev/text-animations/tech-text" },
{ name: "Text Cursor", url: "https://www.reactbits.dev/text-animations/text-cursor" },
{ name: "Text Loop", url: "https://www.reactbits.dev/text-animations/text-loop" },
{ name: "Text Pressure", url: "https://www.reactbits.dev/text-animations/text-pressure" },
{ name: "Text Type", aliases: ["typewriter"], url: "https://www.reactbits.dev/text-animations/text-type" },
{ name: "True Focus", url: "https://www.reactbits.dev/text-animations/true-focus" },
{ name: "Variable Proximity", url: "https://www.reactbits.dev/text-animations/variable-proximity" },
{ name: "Warp Text", aliases: ["webgl text"], url: "https://www.reactbits.dev/text-animations/warp-text" },
{ name: "Animated Content", aliases: ["scroll animation"], url: "https://www.reactbits.dev/animations/animated-content" },
{ name: "Antigravity", url: "https://www.reactbits.dev/animations/antigravity" },
{ name: "Blob Cursor", url: "https://www.reactbits.dev/animations/blob-cursor" },
{ name: "Click Spark", url: "https://www.reactbits.dev/animations/click-spark" },
{ name: "Crosshair", url: "https://www.reactbits.dev/animations/crosshair" },
{ name: "Cubes", url: "https://www.reactbits.dev/animations/cubes" },
{ name: "Cursor Grid", url: "https://www.reactbits.dev/animations/cursor-grid" },
{ name: "Dither Veil", url: "https://www.reactbits.dev/animations/dither-veil" },
{ name: "Elastic Mesh", url: "https://www.reactbits.dev/animations/elastic-mesh" },
{ name: "Electric Border", url: "https://www.reactbits.dev/animations/electric-border" },
{ name: "Electric Logo", url: "https://www.reactbits.dev/animations/electric-logo" },
{ name: "Fade Content", url: "https://www.reactbits.dev/animations/fade-content" },
{ name: "Ghost Cursor", url: "https://www.reactbits.dev/animations/ghost-cursor" },
{ name: "Glare Hover", url: "https://www.reactbits.dev/animations/glare-hover" },
{ name: "Glow Cursor", url: "https://www.reactbits.dev/animations/glow-cursor" },
{ name: "Gradual Blur", url: "https://www.reactbits.dev/animations/gradual-blur" },
{ name: "Halftone Reveal", url: "https://www.reactbits.dev/animations/halftone-reveal" },
{ name: "Image Trail", url: "https://www.reactbits.dev/animations/image-trail" },
{ name: "Laser Flow", url: "https://www.reactbits.dev/animations/laser-flow" },
{ name: "Logo Loop", url: "https://www.reactbits.dev/animations/logo-loop" },
{ name: "Magic Rings", url: "https://www.reactbits.dev/animations/magic-rings" },
{ name: "Magnet", aliases: ["magnetic"], url: "https://www.reactbits.dev/animations/magnet" },
{ name: "Magnet Lines", url: "https://www.reactbits.dev/animations/magnet-lines" },
{ name: "Meta Balls", url: "https://www.reactbits.dev/animations/meta-balls" },
{ name: "Metallic Paint", url: "https://www.reactbits.dev/animations/metallic-paint" },
{ name: "Noise", aliases: ["film grain", "grain"], url: "https://www.reactbits.dev/animations/noise" },
{ name: "Orbit Images", url: "https://www.reactbits.dev/animations/orbit-images" },
{ name: "Pixel Swap", url: "https://www.reactbits.dev/animations/pixel-swap" },
{ name: "Pixel Trail", url: "https://www.reactbits.dev/animations/pixel-trail" },
{ name: "Pixel Transition", url: "https://www.reactbits.dev/animations/pixel-transition" },
{ name: "Ribbons", url: "https://www.reactbits.dev/animations/ribbons" },
{ name: "Ripple Distortion", url: "https://www.reactbits.dev/animations/ripple-distortion" },
{ name: "Scroll Expand", url: "https://www.reactbits.dev/animations/scroll-expand" },
{ name: "Shape Blur", url: "https://www.reactbits.dev/animations/shape-blur" },
{ name: "Splash Cursor", url: "https://www.reactbits.dev/animations/splash-cursor" },
{ name: "Star Border", url: "https://www.reactbits.dev/animations/star-border" },
{ name: "Sticker Peel", url: "https://www.reactbits.dev/animations/sticker-peel" },
{ name: "Strands", url: "https://www.reactbits.dev/animations/strands" },
{ name: "Swarm Cursor", url: "https://www.reactbits.dev/animations/swarm-cursor" },
{ name: "Target Cursor", url: "https://www.reactbits.dev/animations/target-cursor" },
{ name: "Accordion Gallery", url: "https://www.reactbits.dev/components/accordion-gallery" },
{ name: "Animated List", aliases: ["stagger"], url: "https://www.reactbits.dev/components/animated-list" },
{ name: "Border Glow", url: "https://www.reactbits.dev/components/border-glow" },
{ name: "Bounce Cards", url: "https://www.reactbits.dev/components/bounce-cards" },
{ name: "Bubble Menu", url: "https://www.reactbits.dev/components/bubble-menu" },
{ name: "Card Nav", url: "https://www.reactbits.dev/components/card-nav" },
{ name: "Card Swap", url: "https://www.reactbits.dev/components/card-swap" },
{ name: "Carousel", aliases: ["slider"], url: "https://www.reactbits.dev/components/carousel" },
{ name: "Chroma Grid", url: "https://www.reactbits.dev/components/chroma-grid" },
{ name: "Circular Gallery", url: "https://www.reactbits.dev/components/circular-gallery" },
{ name: "Counter", url: "https://www.reactbits.dev/components/counter" },
{ name: "Curved Input", url: "https://www.reactbits.dev/components/curved-input" },
{ name: "Decay Card", url: "https://www.reactbits.dev/components/decay-card" },
{ name: "Depth Carousel", url: "https://www.reactbits.dev/components/depth-carousel" },
{ name: "Dock", aliases: ["macos dock"], url: "https://www.reactbits.dev/components/dock" },
{ name: "Dome Gallery", url: "https://www.reactbits.dev/components/dome-gallery" },
{ name: "Drift Wall", url: "https://www.reactbits.dev/components/drift-wall" },
{ name: "Elastic Slider", url: "https://www.reactbits.dev/components/elastic-slider" },
{ name: "Flowing Menu", url: "https://www.reactbits.dev/components/flowing-menu" },
{ name: "Fluid Glass", url: "https://www.reactbits.dev/components/fluid-glass" },
{ name: "Flying Posters", url: "https://www.reactbits.dev/components/flying-posters" },
{ name: "Folder", url: "https://www.reactbits.dev/components/folder" },
{ name: "Glass Icons", url: "https://www.reactbits.dev/components/glass-icons" },
{ name: "Glass Surface", url: "https://www.reactbits.dev/components/glass-surface" },
{ name: "Gooey Nav", url: "https://www.reactbits.dev/components/gooey-nav" },
{ name: "Infinite Menu", url: "https://www.reactbits.dev/components/infinite-menu" },
{ name: "Infinite Spiral", url: "https://www.reactbits.dev/components/infinite-spiral" },
{ name: "Lanyard", url: "https://www.reactbits.dev/components/lanyard" },
{ name: "Line Sidebar", url: "https://www.reactbits.dev/components/line-sidebar" },
{ name: "Magic Bento", aliases: ["bento grid"], url: "https://www.reactbits.dev/components/magic-bento" },
{ name: "Masonry", aliases: ["masonry layout"], url: "https://www.reactbits.dev/components/masonry" },
{ name: "Model Viewer", url: "https://www.reactbits.dev/components/model-viewer" },
{ name: "Morph Slider", url: "https://www.reactbits.dev/components/morph-slider" },
{ name: "Option Wheel", url: "https://www.reactbits.dev/components/option-wheel" },
{ name: "Pill Nav", url: "https://www.reactbits.dev/components/pill-nav" },
{ name: "Pixel Card", url: "https://www.reactbits.dev/components/pixel-card" },
{ name: "Profile Card", url: "https://www.reactbits.dev/components/profile-card" },
{ name: "Reflective Card", url: "https://www.reactbits.dev/components/reflective-card" },
{ name: "Scroll Stack", url: "https://www.reactbits.dev/components/scroll-stack" },
{ name: "Specular Button", url: "https://www.reactbits.dev/components/specular-button" },
{ name: "Spotlight Card", url: "https://www.reactbits.dev/components/spotlight-card" },
{ name: "Stack", aliases: ["card stack"], url: "https://www.reactbits.dev/components/stack" },
{ name: "Staggered Menu", url: "https://www.reactbits.dev/components/staggered-menu" },
{ name: "Stepper", aliases: ["multi step form", "wizard"], url: "https://www.reactbits.dev/components/stepper" },
{ name: "Tilted Card", aliases: ["3d tilt", "tilt card"], url: "https://www.reactbits.dev/components/tilted-card" },
{ name: "Bell Toggle", url: "https://www.reactbits.dev/micro/bell-toggle" },
{ name: "Branched Menu", url: "https://www.reactbits.dev/micro/branched-menu" },
{ name: "Call Chip", url: "https://www.reactbits.dev/micro/call-chip" },
{ name: "Code Slots", url: "https://www.reactbits.dev/micro/code-slots" },
{ name: "Comet Dial", url: "https://www.reactbits.dev/micro/comet-dial" },
{ name: "Dodge Field", url: "https://www.reactbits.dev/micro/dodge-field" },
{ name: "Flip Card", aliases: ["3d flip"], url: "https://www.reactbits.dev/micro/flip-card" },
{ name: "Folder Float", url: "https://www.reactbits.dev/micro/folder-float" },
{ name: "Fuse Button", url: "https://www.reactbits.dev/micro/fuse-button" },
{ name: "Glide Select", url: "https://www.reactbits.dev/micro/glide-select" },
{ name: "Hold Button", url: "https://www.reactbits.dev/micro/hold-button" },
{ name: "Jelly Radio", url: "https://www.reactbits.dev/micro/jelly-radio" },
{ name: "Lattice Loader", url: "https://www.reactbits.dev/micro/lattice-loader" },
{ name: "Paper Crumple", url: "https://www.reactbits.dev/micro/paper-crumple" },
{ name: "Peek Rating", url: "https://www.reactbits.dev/micro/peek-rating" },
{ name: "Prompt Bar", url: "https://www.reactbits.dev/micro/prompt-bar" },
{ name: "Pulse Heart", url: "https://www.reactbits.dev/micro/pulse-heart" },
{ name: "Refine Frame", url: "https://www.reactbits.dev/micro/refine-frame" },
{ name: "Rubber Segment", url: "https://www.reactbits.dev/micro/rubber-segment" },
{ name: "Scrub Field", url: "https://www.reactbits.dev/micro/scrub-field" },
{ name: "Shredder", url: "https://www.reactbits.dev/micro/shredder" },
{ name: "Slide Commit", url: "https://www.reactbits.dev/micro/slide-commit" },
{ name: "Sling Button", url: "https://www.reactbits.dev/micro/sling-button" },
{ name: "Slosh Gauge", url: "https://www.reactbits.dev/micro/slosh-gauge" },
{ name: "Spring Check", url: "https://www.reactbits.dev/micro/spring-check" },
{ name: "Squish Switch", url: "https://www.reactbits.dev/micro/squish-switch" },
{ name: "Status Mark", url: "https://www.reactbits.dev/micro/status-mark" },
{ name: "Swipe Row", url: "https://www.reactbits.dev/micro/swipe-row" },
{ name: "Swipe Toast", url: "https://www.reactbits.dev/micro/swipe-toast" },
{ name: "Tear Ticket", url: "https://www.reactbits.dev/micro/tear-ticket" },
{ name: "Thought Line", url: "https://www.reactbits.dev/micro/thought-line" },
{ name: "Voice Pill", url: "https://www.reactbits.dev/micro/voice-pill" },
{ name: "Wake Slider", url: "https://www.reactbits.dev/micro/wake-slider" },
{ name: "Warm Tooltip", url: "https://www.reactbits.dev/micro/warm-tooltip" },
{ name: "Acid Squares", url: "https://www.reactbits.dev/backgrounds/acid-squares" },
{ name: "Aero Shards", url: "https://www.reactbits.dev/backgrounds/aero-shards" },
{ name: "Aurora", aliases: ["northern lights"], url: "https://www.reactbits.dev/backgrounds/aurora" },
{ name: "Balatro", url: "https://www.reactbits.dev/backgrounds/balatro" },
{ name: "Ballpit", url: "https://www.reactbits.dev/backgrounds/ballpit" },
{ name: "Beams", url: "https://www.reactbits.dev/backgrounds/beams" },
{ name: "Color Bends", url: "https://www.reactbits.dev/backgrounds/color-bends" },
{ name: "CRT Warp", url: "https://www.reactbits.dev/backgrounds/crt-warp" },
{ name: "Dark Veil", url: "https://www.reactbits.dev/backgrounds/dark-veil" },
{ name: "Dither", url: "https://www.reactbits.dev/backgrounds/dither" },
{ name: "Dot Field", url: "https://www.reactbits.dev/backgrounds/dot-field" },
{ name: "Dot Grid", url: "https://www.reactbits.dev/backgrounds/dot-grid" },
{ name: "Evil Eye", url: "https://www.reactbits.dev/backgrounds/evil-eye" },
{ name: "Faulty Terminal", url: "https://www.reactbits.dev/backgrounds/faulty-terminal" },
{ name: "Ferrofluid", url: "https://www.reactbits.dev/backgrounds/ferrofluid" },
{ name: "Floating Lines", url: "https://www.reactbits.dev/backgrounds/floating-lines" },
{ name: "Galaxy", url: "https://www.reactbits.dev/backgrounds/galaxy" },
{ name: "Ghost Fibers", url: "https://www.reactbits.dev/backgrounds/ghost-fibers" },
{ name: "Gradient Blinds", url: "https://www.reactbits.dev/backgrounds/gradient-blinds" },
{ name: "Gradient Waves", url: "https://www.reactbits.dev/backgrounds/gradient-waves" },
{ name: "Grainient", url: "https://www.reactbits.dev/backgrounds/grainient" },
{ name: "Grid Distortion", url: "https://www.reactbits.dev/backgrounds/grid-distortion" },
{ name: "Grid Motion", url: "https://www.reactbits.dev/backgrounds/grid-motion" },
{ name: "Grid Scan", url: "https://www.reactbits.dev/backgrounds/grid-scan" },
{ name: "Hyperspeed", url: "https://www.reactbits.dev/backgrounds/hyperspeed" },
{ name: "Iridescence", url: "https://www.reactbits.dev/backgrounds/iridescence" },
{ name: "Letter Glitch", url: "https://www.reactbits.dev/backgrounds/letter-glitch" },
{ name: "Lightfall", url: "https://www.reactbits.dev/backgrounds/lightfall" },
{ name: "Lightning", url: "https://www.reactbits.dev/backgrounds/lightning" },
{ name: "Light Pillar", url: "https://www.reactbits.dev/backgrounds/light-pillar" },
{ name: "Light Rays", url: "https://www.reactbits.dev/backgrounds/light-rays" },
{ name: "Light Tunnel", url: "https://www.reactbits.dev/backgrounds/light-tunnel" },
{ name: "Line Waves", url: "https://www.reactbits.dev/backgrounds/line-waves" },
{ name: "Liquid Chrome", url: "https://www.reactbits.dev/backgrounds/liquid-chrome" },
{ name: "Liquid Ether", url: "https://www.reactbits.dev/backgrounds/liquid-ether" },
{ name: "Molten Metal", url: "https://www.reactbits.dev/backgrounds/molten-metal" },
{ name: "Orb", url: "https://www.reactbits.dev/backgrounds/orb" },
{ name: "Particles", aliases: ["particle system"], url: "https://www.reactbits.dev/backgrounds/particles" },
{ name: "Pixel Blast", url: "https://www.reactbits.dev/backgrounds/pixel-blast" },
{ name: "Pixel Snow", url: "https://www.reactbits.dev/backgrounds/pixel-snow" },
{ name: "Plasma", url: "https://www.reactbits.dev/backgrounds/plasma" },
{ name: "Plasma Wave", url: "https://www.reactbits.dev/backgrounds/plasma-wave" },
{ name: "Prism", url: "https://www.reactbits.dev/backgrounds/prism" },
{ name: "Prismatic Burst", url: "https://www.reactbits.dev/backgrounds/prismatic-burst" },
{ name: "Radar", url: "https://www.reactbits.dev/backgrounds/radar" },
{ name: "Ripple Grid", url: "https://www.reactbits.dev/backgrounds/ripple-grid" },
{ name: "Scanner", url: "https://www.reactbits.dev/backgrounds/scanner" },
{ name: "Shape Grid", url: "https://www.reactbits.dev/backgrounds/shape-grid" },
{ name: "Shape Waves", url: "https://www.reactbits.dev/backgrounds/shape-waves" },
{ name: "Side Rays", url: "https://www.reactbits.dev/backgrounds/side-rays" },
{ name: "Silk", url: "https://www.reactbits.dev/backgrounds/silk" },
{ name: "Sliced Waves", url: "https://www.reactbits.dev/backgrounds/sliced-waves" },
{ name: "Soft Aurora", url: "https://www.reactbits.dev/backgrounds/soft-aurora" },
{ name: "Threads", url: "https://www.reactbits.dev/backgrounds/threads" },
{ name: "Topography", url: "https://www.reactbits.dev/backgrounds/topography" },
{ name: "Waves", aliases: ["wave background"], url: "https://www.reactbits.dev/backgrounds/waves" },
{ name: "Web Threads", url: "https://www.reactbits.dev/backgrounds/web-threads" },
],
// 77 components
"magic-ui": [
{ name: "Android", url: "https://magicui.design/docs/components/android" },
{ name: "Animated Beam", url: "https://magicui.design/docs/components/animated-beam" },
{ name: "Animated Circular Progress Bar", url: "https://magicui.design/docs/components/animated-circular-progress-bar" },
{ name: "Animated Gradient Text", url: "https://magicui.design/docs/components/animated-gradient-text" },
{ name: "Animated Grid Pattern", url: "https://magicui.design/docs/components/animated-grid-pattern" },
{ name: "Animated List", url: "https://magicui.design/docs/components/animated-list" },
{ name: "Animated Shiny Text", url: "https://magicui.design/docs/components/animated-shiny-text" },
{ name: "Theme Toggler", url: "https://magicui.design/docs/components/animated-theme-toggler" },
{ name: "Aurora Text", url: "https://magicui.design/docs/components/aurora-text" },
{ name: "Avatar Circles", url: "https://magicui.design/docs/components/avatar-circles" },
{ name: "Backlight", url: "https://magicui.design/docs/components/backlight" },
{ name: "Bento Grid", url: "https://magicui.design/docs/components/bento-grid" },
{ name: "Blur Fade", url: "https://magicui.design/docs/components/blur-fade" },
{ name: "Border Beam", url: "https://magicui.design/docs/components/border-beam" },
{ name: "Code Comparison", url: "https://magicui.design/docs/components/code-comparison" },
{ name: "Comic Text", url: "https://magicui.design/docs/components/comic-text" },
{ name: "Confetti", url: "https://magicui.design/docs/components/confetti" },
{ name: "Cool Mode", url: "https://magicui.design/docs/components/cool-mode" },
{ name: "Dia Text Reveal", url: "https://magicui.design/docs/components/dia-text-reveal" },
{ name: "Dock", aliases: ["macos dock"], url: "https://magicui.design/docs/components/dock" },
{ name: "Dot Pattern", url: "https://magicui.design/docs/components/dot-pattern" },
{ name: "Dotted Map", url: "https://magicui.design/docs/components/dotted-map" },
{ name: "File Tree", aliases: ["file explorer"], url: "https://magicui.design/docs/components/file-tree" },
{ name: "Flickering Grid", url: "https://magicui.design/docs/components/flickering-grid" },
{ name: "Floating 3D Particles", url: "https://magicui.design/docs/components/floating-3d-particles" },
{ name: "Glare Hover", url: "https://magicui.design/docs/components/glare-hover" },
{ name: "Globe", url: "https://magicui.design/docs/components/globe" },
{ name: "Glyph Matrix", url: "https://magicui.design/docs/components/glyph-matrix" },
{ name: "Grid Pattern", url: "https://magicui.design/docs/components/grid-pattern" },
{ name: "Hero Video Dialog", url: "https://magicui.design/docs/components/hero-video-dialog" },
{ name: "Hexagon Pattern", url: "https://magicui.design/docs/components/hexagon-pattern" },
{ name: "Highlighter", url: "https://magicui.design/docs/components/highlighter" },
{ name: "Hyper Text", url: "https://magicui.design/docs/components/hyper-text" },
{ name: "Icon Cloud", url: "https://magicui.design/docs/components/icon-cloud" },
{ name: "Interactive Grid Pattern", url: "https://magicui.design/docs/components/interactive-grid-pattern" },
{ name: "Interactive Hover Button", url: "https://magicui.design/docs/components/interactive-hover-button" },
{ name: "iPhone", url: "https://magicui.design/docs/components/iphone" },
{ name: "Kinetic Text", url: "https://magicui.design/docs/components/kinetic-text" },
{ name: "Lens", aliases: ["zoom", "magnify"], url: "https://magicui.design/docs/components/lens" },
{ name: "Light Rays", url: "https://magicui.design/docs/components/light-rays" },
{ name: "Line Shadow Text", url: "https://magicui.design/docs/components/line-shadow-text" },
{ name: "Magic Card", url: "https://magicui.design/docs/components/magic-card" },
{ name: "Marquee", aliases: ["scrolling text", "logo loop"], url: "https://magicui.design/docs/components/marquee" },
{ name: "Meteors", aliases: ["shooting stars"], url: "https://magicui.design/docs/components/meteors" },
{ name: "Morphing Text", aliases: ["morph text"], url: "https://magicui.design/docs/components/morphing-text" },
{ name: "Neon Gradient Card", url: "https://magicui.design/docs/components/neon-gradient-card" },
{ name: "Noise Texture", url: "https://magicui.design/docs/components/noise-texture" },
{ name: "Number Ticker", aliases: ["counter", "count up"], url: "https://magicui.design/docs/components/number-ticker" },
{ name: "Orbiting Circles", url: "https://magicui.design/docs/components/orbiting-circles" },
{ name: "Particles", aliases: ["particle system"], url: "https://magicui.design/docs/components/particles" },
{ name: "Pixel Image", url: "https://magicui.design/docs/components/pixel-image" },
{ name: "Pointer", aliases: ["custom cursor"], url: "https://magicui.design/docs/components/pointer" },
{ name: "Progressive Blur", url: "https://magicui.design/docs/components/progressive-blur" },
{ name: "Pulsating Button", url: "https://magicui.design/docs/components/pulsating-button" },
{ name: "Rainbow Button", url: "https://magicui.design/docs/components/rainbow-button" },
{ name: "Retro Grid", url: "https://magicui.design/docs/components/retro-grid" },
{ name: "Ripple", url: "https://magicui.design/docs/components/ripple" },
{ name: "Ripple Button", url: "https://magicui.design/docs/components/ripple-button" },
{ name: "Safari", url: "https://magicui.design/docs/components/safari" },
{ name: "Scroll Based Velocity", url: "https://magicui.design/docs/components/scroll-based-velocity" },
{ name: "Scroll Progress", aliases: ["reading progress"], url: "https://magicui.design/docs/components/scroll-progress" },
{ name: "Shimmer Button", url: "https://magicui.design/docs/components/shimmer-button" },
{ name: "Shine Border", url: "https://magicui.design/docs/components/shine-border" },
{ name: "Shiny Button", url: "https://magicui.design/docs/components/shiny-button" },
{ name: "Smooth Cursor", url: "https://magicui.design/docs/components/smooth-cursor" },
{ name: "Sparkles Text", url: "https://magicui.design/docs/components/sparkles-text" },
{ name: "Spinning Text", url: "https://magicui.design/docs/components/spinning-text" },
{ name: "Striped Pattern", url: "https://magicui.design/docs/components/striped-pattern" },
{ name: "Terminal", aliases: ["code window", "terminal window"], url: "https://magicui.design/docs/components/terminal" },
{ name: "Text 3D Flip", url: "https://magicui.design/docs/components/text-3d-flip" },
{ name: "Text Animate", url: "https://magicui.design/docs/components/text-animate" },
{ name: "Text Reveal", url: "https://magicui.design/docs/components/text-reveal" },
{ name: "Tweet Card", url: "https://magicui.design/docs/components/tweet-card" },
{ name: "Typing Animation", aliases: ["typewriter"], url: "https://magicui.design/docs/components/typing-animation" },
{ name: "Video Text", url: "https://magicui.design/docs/components/video-text" },
{ name: "Warp Background", url: "https://magicui.design/docs/components/warp-background" },
{ name: "Word Rotate", aliases: ["rotating words"], url: "https://magicui.design/docs/components/word-rotate" },
],
// 106 components
"aceternity-ui": [
{ name: "Gooey Input", url: "https://ui.aceternity.com/components/gooey-input" },
{ name: "Notch", url: "https://ui.aceternity.com/components/notch" },
{ name: "Resizable Navbar", url: "https://ui.aceternity.com/components/resizable-navbar" },
{ name: "3D Marquee", url: "https://ui.aceternity.com/components/3d-marquee" },
{ name: "Animated Tabs", url: "https://ui.aceternity.com/components/tabs" },
{ name: "Background Lines", url: "https://ui.aceternity.com/components/background-lines" },
{ name: "Colourful Text", url: "https://ui.aceternity.com/components/colourful-text" },
{ name: "Container Scroll Animation", url: "https://ui.aceternity.com/components/container-scroll-animation" },
{ name: "Container Text Flip", url: "https://ui.aceternity.com/components/container-text-flip" },
{ name: "Fey.com Macbook Scroll", url: "https://ui.aceternity.com/components/macbook-scroll" },
{ name: "Flip Words", url: "https://ui.aceternity.com/components/flip-words" },
{ name: "GitHub Globe", url: "https://ui.aceternity.com/components/github-globe" },
{ name: "Glowing Background Stars Card", url: "https://ui.aceternity.com/components/glowing-stars-effect" },
{ name: "Hero Highlight", url: "https://ui.aceternity.com/components/hero-highlight" },
{ name: "Hero Parallax", url: "https://ui.aceternity.com/components/hero-parallax" },
{ name: "Hero Sections", url: "https://ui.aceternity.com/components/hero-sections-free" },
{ name: "Layout Text Flip", url: "https://ui.aceternity.com/components/layout-text-flip" },
{ name: "Parallax Hero Images", url: "https://ui.aceternity.com/components/parallax-hero-images" },
{ name: "Sparkles", url: "https://ui.aceternity.com/components/sparkles" },
{ name: "Spotlight", url: "https://ui.aceternity.com/components/spotlight" },
{ name: "Spotlight New", url: "https://ui.aceternity.com/components/spotlight-new" },
{ name: "Squiggly Text", url: "https://ui.aceternity.com/components/squiggly-text" },
{ name: "Sticky Banner", url: "https://ui.aceternity.com/components/sticky-banner" },
{ name: "Text Flipping Board", url: "https://ui.aceternity.com/components/text-flipping-board" },
{ name: "Text Generate Effect", url: "https://ui.aceternity.com/components/text-generate-effect" },
{ name: "Text Reveal Card", url: "https://ui.aceternity.com/components/text-reveal-card" },
{ name: "Typewriter Effect", url: "https://ui.aceternity.com/components/typewriter-effect" },
{ name: "Focus Cards", url: "https://ui.aceternity.com/components/focus-cards" },
{ name: "Lens", url: "https://ui.aceternity.com/components/lens" },
{ name: "Canvas Text", url: "https://ui.aceternity.com/components/canvas-text" },
{ name: "Encrypted Text", url: "https://ui.aceternity.com/components/encrypted-text" },
{ name: "Link Preview", url: "https://ui.aceternity.com/components/link-preview" },
{ name: "Pointer Highlight", url: "https://ui.aceternity.com/components/pointer-highlight" },
{ name: "Text Hover Effect", url: "https://ui.aceternity.com/components/text-hover-effect" },
{ name: "Animated Modal", url: "https://ui.aceternity.com/components/animated-modal" },
{ name: "Glare Card", url: "https://ui.aceternity.com/components/glare-card" },
{ name: "Sidebar", url: "https://ui.aceternity.com/components/sidebar" },
{ name: "3D Animated Pin", url: "https://ui.aceternity.com/components/3d-pin" },
{ name: "3D Card Effect", url: "https://ui.aceternity.com/components/3d-card-effect" },
{ name: "3D Globe", url: "https://ui.aceternity.com/components/3d-globe" },
{ name: "Animated Testimonials", url: "https://ui.aceternity.com/components/animated-testimonials" },
{ name: "Animated Tooltip", url: "https://ui.aceternity.com/components/animated-tooltip" },
{ name: "Apple Cards Carousel", url: "https://ui.aceternity.com/components/apple-cards-carousel" },
{ name: "ASCII Art", url: "https://ui.aceternity.com/components/ascii-art" },
{ name: "Aurora Background", url: "https://ui.aceternity.com/components/aurora-background" },
{ name: "Background Beams", url: "https://ui.aceternity.com/components/background-beams" },
{ name: "Background Beams With Collision", url: "https://ui.aceternity.com/components/background-beams-with-collision" },
{ name: "Background Boxes", url: "https://ui.aceternity.com/components/background-boxes" },
{ name: "Background Gradient", url: "https://ui.aceternity.com/components/background-gradient" },
{ name: "Background Gradient Animation", url: "https://ui.aceternity.com/components/background-gradient-animation" },
{ name: "Background Ripple Effect", url: "https://ui.aceternity.com/components/background-ripple-effect" },
{ name: "Bento Grid", url: "https://ui.aceternity.com/components/bento-grid" },
{ name: "Canvas Reveal Effect", url: "https://ui.aceternity.com/components/canvas-reveal-effect" },
{ name: "Card Spotlight", url: "https://ui.aceternity.com/components/card-spotlight" },
{ name: "Card Stack", url: "https://ui.aceternity.com/components/card-stack" },
{ name: "Carousel", url: "https://ui.aceternity.com/components/carousel" },
{ name: "Chromatic Image", url: "https://ui.aceternity.com/components/chromatic-image" },
{ name: "Cloud Shader", url: "https://ui.aceternity.com/components/cloud-shader" },
{ name: "Code Block", url: "https://ui.aceternity.com/components/code-block" },
{ name: "Comet Card", url: "https://ui.aceternity.com/components/comet-card" },
{ name: "Container Cover", url: "https://ui.aceternity.com/components/container-cover" },
{ name: "Direction Aware Hover", url: "https://ui.aceternity.com/components/direction-aware-hover" },
{ name: "Dither Shader", url: "https://ui.aceternity.com/components/dither-shader" },
{ name: "Dotted Glow Background", url: "https://ui.aceternity.com/components/dotted-glow-background" },
{ name: "Draggable Card", url: "https://ui.aceternity.com/components/draggable-card" },
{ name: "Evervault Card", url: "https://ui.aceternity.com/components/evervault-card" },
{ name: "Expandable Cards", url: "https://ui.aceternity.com/components/expandable-card" },
{ name: "File Upload", url: "https://ui.aceternity.com/components/file-upload" },
{ name: "Floating Dock", url: "https://ui.aceternity.com/components/floating-dock" },
{ name: "Floating Navbar", url: "https://ui.aceternity.com/components/floating-navbar" },
{ name: "Glowing Effect", url: "https://ui.aceternity.com/components/glowing-effect" },
{ name: "Google Gemini Effect", url: "https://ui.aceternity.com/components/google-gemini-effect" },
{ name: "Grid and Dot Backgrounds", url: "https://ui.aceternity.com/components/grid-and-dot-backgrounds" },
{ name: "Hover Border Gradient", url: "https://ui.aceternity.com/components/hover-border-gradient" },
{ name: "Hover Effect", url: "https://ui.aceternity.com/components/card-hover-effect" },
{ name: "Image Generation Loader", url: "https://ui.aceternity.com/components/image-generation-loader" },
{ name: "Images Slider", url: "https://ui.aceternity.com/components/images-slider" },
{ name: "Infinite Moving Cards", url: "https://ui.aceternity.com/components/infinite-moving-cards" },
{ name: "Lamp Effect", url: "https://ui.aceternity.com/components/lamp-effect" },
{ name: "Layout Grid", url: "https://ui.aceternity.com/components/layout-grid" },
{ name: "Loaders", url: "https://ui.aceternity.com/components/loader" },
{ name: "Magnetic Button", url: "https://ui.aceternity.com/components/magnetic-button" },
{ name: "Meteor Effect", url: "https://ui.aceternity.com/components/meteors" },
{ name: "Moving Border", url: "https://ui.aceternity.com/components/moving-border" },
{ name: "Multi Step Loader", url: "https://ui.aceternity.com/components/multi-step-loader" },
{ name: "Navbar Menu", url: "https://ui.aceternity.com/components/navbar-menu" },
{ name: "Noise Background", url: "https://ui.aceternity.com/components/noise-background" },
{ name: "Parallax Grid Scroll", url: "https://ui.aceternity.com/components/parallax-scroll" },
{ name: "Pixelated Canvas", url: "https://ui.aceternity.com/components/pixelated-canvas" },
{ name: "Placeholders And Vanish Input", url: "https://ui.aceternity.com/components/placeholders-and-vanish-input" },
{ name: "Scales", url: "https://ui.aceternity.com/components/scales" },
{ name: "Shooting Stars and Stars Background", url: "https://ui.aceternity.com/components/shooting-stars-and-stars-background" },
{ name: "Signup Form", url: "https://ui.aceternity.com/components/signup-form" },
{ name: "Stateful Button", url: "https://ui.aceternity.com/components/stateful-button" },
{ name: "Sticky Scroll Reveal", url: "https://ui.aceternity.com/components/sticky-scroll-reveal" },
{ name: "SVG Mask Effect", url: "https://ui.aceternity.com/components/svg-mask-effect" },
{ name: "Tailwind CSS buttons", url: "https://ui.aceternity.com/components/tailwindcss-buttons" },
{ name: "Terminal", url: "https://ui.aceternity.com/components/terminal" },
{ name: "Timeline", url: "https://ui.aceternity.com/components/timeline" },
{ name: "Tooltip Card", url: "https://ui.aceternity.com/components/tooltip-card" },
{ name: "Tracing Beam", url: "https://ui.aceternity.com/components/tracing-beam" },
{ name: "Vortex Background", url: "https://ui.aceternity.com/components/vortex" },
{ name: "Wavy Background", url: "https://ui.aceternity.com/components/wavy-background" },
{ name: "Webcam Pixel Grid", url: "https://ui.aceternity.com/components/webcam-pixel-grid" },
{ name: "Wobble Card", url: "https://ui.aceternity.com/components/wobble-card" },
{ name: "World Map", url: "https://ui.aceternity.com/components/world-map" },
],
// 59 components
"shadcn-ui": [
{ name: "Field", url: "https://ui.shadcn.com/docs/components/field" },
{ name: "Button", url: "https://ui.shadcn.com/docs/components/button" },
{ name: "Button Group", url: "https://ui.shadcn.com/docs/components/button-group" },
{ name: "Input", url: "https://ui.shadcn.com/docs/components/input" },
{ name: "Input Group", url: "https://ui.shadcn.com/docs/components/input-group" },
{ name: "Input OTP", aliases: ["one time code", "verification code"], url: "https://ui.shadcn.com/docs/components/input-otp" },
{ name: "Textarea", url: "https://ui.shadcn.com/docs/components/textarea" },
{ name: "Checkbox", url: "https://ui.shadcn.com/docs/components/checkbox" },
{ name: "Radio Group", url: "https://ui.shadcn.com/docs/components/radio-group" },
{ name: "Select", url: "https://ui.shadcn.com/docs/components/select" },
{ name: "Native Select", url: "https://ui.shadcn.com/docs/components/native-select" },
{ name: "Switch", url: "https://ui.shadcn.com/docs/components/switch" },
{ name: "Slider", url: "https://ui.shadcn.com/docs/components/slider" },
{ name: "Calendar", aliases: ["date", "schedule"], url: "https://ui.shadcn.com/docs/components/calendar" },
{ name: "Date Picker", aliases: ["datepicker"], url: "https://ui.shadcn.com/docs/components/date-picker" },
{ name: "Combobox", aliases: ["autocomplete", "typeahead"], url: "https://ui.shadcn.com/docs/components/combobox" },
{ name: "Label", url: "https://ui.shadcn.com/docs/components/label" },
{ name: "Accordion", url: "https://ui.shadcn.com/docs/components/accordion" },
{ name: "Breadcrumb", aliases: ["navigation trail"], url: "https://ui.shadcn.com/docs/components/breadcrumb" },
{ name: "Navigation Menu", url: "https://ui.shadcn.com/docs/components/navigation-menu" },
{ name: "Sidebar", aliases: ["app nav", "side panel"], url: "https://ui.shadcn.com/docs/components/sidebar" },
{ name: "Tabs", url: "https://ui.shadcn.com/docs/components/tabs" },
{ name: "Separator", url: "https://ui.shadcn.com/docs/components/separator" },
{ name: "Scroll Area", aliases: ["virtual scroll"], url: "https://ui.shadcn.com/docs/components/scroll-area" },
{ name: "Resizable", aliases: ["resizable panels"], url: "https://ui.shadcn.com/docs/components/resizable" },
{ name: "Dialog", url: "https://ui.shadcn.com/docs/components/dialog" },
{ name: "Alert Dialog", url: "https://ui.shadcn.com/docs/components/alert-dialog" },
{ name: "Sheet", aliases: ["drawer", "slide over"], url: "https://ui.shadcn.com/docs/components/sheet" },
{ name: "Drawer", url: "https://ui.shadcn.com/docs/components/drawer" },
{ name: "Popover", url: "https://ui.shadcn.com/docs/components/popover" },
{ name: "Tooltip", url: "https://ui.shadcn.com/docs/components/tooltip" },
{ name: "Hover Card", url: "https://ui.shadcn.com/docs/components/hover-card" },
{ name: "Context Menu", url: "https://ui.shadcn.com/docs/components/context-menu" },
{ name: "Dropdown Menu", url: "https://ui.shadcn.com/docs/components/dropdown-menu" },
{ name: "Menubar", url: "https://ui.shadcn.com/docs/components/menubar" },
{ name: "Command", aliases: ["cmdk", "command palette", "spotlight"], url: "https://ui.shadcn.com/docs/components/command" },
{ name: "Alert", url: "https://ui.shadcn.com/docs/components/alert" },
{ name: "Toast", url: "https://ui.shadcn.com/docs/components/toast" },
{ name: "Sonner", aliases: ["toast", "notification"], url: "https://ui.shadcn.com/docs/components/sonner" },
{ name: "Progress", aliases: ["progress bar"], url: "https://ui.shadcn.com/docs/components/progress" },
{ name: "Spinner", url: "https://ui.shadcn.com/docs/components/spinner" },
{ name: "Skeleton", aliases: ["loading placeholder", "shimmer"], url: "https://ui.shadcn.com/docs/components/skeleton" },
{ name: "Badge", url: "https://ui.shadcn.com/docs/components/badge" },
{ name: "Empty", url: "https://ui.shadcn.com/docs/components/empty" },
{ name: "Avatar", url: "https://ui.shadcn.com/docs/components/avatar" },
{ name: "Card", url: "https://ui.shadcn.com/docs/components/card" },
{ name: "Table", url: "https://ui.shadcn.com/docs/components/table" },
{ name: "Data Table", aliases: ["datatable"], url: "https://ui.shadcn.com/docs/components/data-table" },
{ name: "Chart", url: "https://ui.shadcn.com/docs/components/chart" },
{ name: "Carousel", aliases: ["slider"], url: "https://ui.shadcn.com/docs/components/carousel" },
{ name: "Aspect Ratio", url: "https://ui.shadcn.com/docs/components/aspect-ratio" },
{ name: "Typography", url: "https://ui.shadcn.com/docs/components/typography" },
{ name: "Item", url: "https://ui.shadcn.com/docs/components/item" },
{ name: "Kbd", url: "https://ui.shadcn.com/docs/components/kbd" },
{ name: "Collapsible", url: "https://ui.shadcn.com/docs/components/collapsible" },
{ name: "Toggle", url: "https://ui.shadcn.com/docs/components/toggle" },
{ name: "Toggle Group", url: "https://ui.shadcn.com/docs/components/toggle-group" },
{ name: "Pagination", url: "https://ui.shadcn.com/docs/components/pagination" },
{ name: "Direction", url: "https://ui.shadcn.com/docs/components/direction" },
],
// 62 components
"shadcn-svelte": [
{ name: "Button", url: "https://shadcn-svelte.com/docs/components/button" },
{ name: "Button Group", url: "https://shadcn-svelte.com/docs/components/button-group" },
{ name: "Calendar", url: "https://shadcn-svelte.com/docs/components/calendar" },
{ name: "Checkbox", url: "https://shadcn-svelte.com/docs/components/checkbox" },
{ name: "Combobox", aliases: ["autocomplete", "typeahead"], url: "https://shadcn-svelte.com/docs/components/combobox" },
{ name: "Date Picker", aliases: ["datepicker", "calendar"], url: "https://shadcn-svelte.com/docs/components/date-picker" },
{ name: "Field", url: "https://shadcn-svelte.com/docs/components/field" },
{ name: "Input", url: "https://shadcn-svelte.com/docs/components/input" },
{ name: "Input Group", url: "https://shadcn-svelte.com/docs/components/input-group" },
{ name: "Input OTP", aliases: ["one time code"], url: "https://shadcn-svelte.com/docs/components/input-otp" },
{ name: "Label", url: "https://shadcn-svelte.com/docs/components/label" },
{ name: "Native Select", url: "https://shadcn-svelte.com/docs/components/native-select" },
{ name: "Radio Group", url: "https://shadcn-svelte.com/docs/components/radio-group" },
{ name: "Select", url: "https://shadcn-svelte.com/docs/components/select" },
{ name: "Slider", url: "https://shadcn-svelte.com/docs/components/slider" },
{ name: "Switch", url: "https://shadcn-svelte.com/docs/components/switch" },
{ name: "Textarea", url: "https://shadcn-svelte.com/docs/components/textarea" },
{ name: "Accordion", url: "https://shadcn-svelte.com/docs/components/accordion" },
{ name: "Breadcrumb", aliases: ["navigation trail"], url: "https://shadcn-svelte.com/docs/components/breadcrumb" },
{ name: "Navigation Menu", url: "https://shadcn-svelte.com/docs/components/navigation-menu" },
{ name: "Resizable", url: "https://shadcn-svelte.com/docs/components/resizable" },
{ name: "Scroll Area", aliases: ["virtual scroll"], url: "https://shadcn-svelte.com/docs/components/scroll-area" },
{ name: "Separator", url: "https://shadcn-svelte.com/docs/components/separator" },
{ name: "Sidebar", aliases: ["app nav", "side panel"], url: "https://shadcn-svelte.com/docs/components/sidebar" },
{ name: "Tabs", url: "https://shadcn-svelte.com/docs/components/tabs" },
{ name: "Alert Dialog", url: "https://shadcn-svelte.com/docs/components/alert-dialog" },
{ name: "Command", aliases: ["cmdk", "command palette", "spotlight"], url: "https://shadcn-svelte.com/docs/components/command" },
{ name: "Context Menu", url: "https://shadcn-svelte.com/docs/components/context-menu" },
{ name: "Dialog", url: "https://shadcn-svelte.com/docs/components/dialog" },
{ name: "Drawer", url: "https://shadcn-svelte.com/docs/components/drawer" },
{ name: "Dropdown Menu", url: "https://shadcn-svelte.com/docs/components/dropdown-menu" },
{ name: "Hover Card", url: "https://shadcn-svelte.com/docs/components/hover-card" },
{ name: "Menubar", url: "https://shadcn-svelte.com/docs/components/menubar" },
{ name: "Popover", url: "https://shadcn-svelte.com/docs/components/popover" },
{ name: "Sheet", url: "https://shadcn-svelte.com/docs/components/sheet" },
{ name: "Tooltip", url: "https://shadcn-svelte.com/docs/components/tooltip" },
{ name: "Alert", url: "https://shadcn-svelte.com/docs/components/alert" },
{ name: "Badge", url: "https://shadcn-svelte.com/docs/components/badge" },
{ name: "Empty", url: "https://shadcn-svelte.com/docs/components/empty" },
{ name: "Progress", url: "https://shadcn-svelte.com/docs/components/progress" },
{ name: "Skeleton", aliases: ["loading placeholder"], url: "https://shadcn-svelte.com/docs/components/skeleton" },
{ name: "Sonner", url: "https://shadcn-svelte.com/docs/components/sonner" },
{ name: "Spinner", url: "https://shadcn-svelte.com/docs/components/spinner" },
{ name: "Aspect Ratio", url: "https://shadcn-svelte.com/docs/components/aspect-ratio" },
{ name: "Attachment", url: "https://shadcn-svelte.com/docs/components/attachment" },
{ name: "Avatar", url: "https://shadcn-svelte.com/docs/components/avatar" },
{ name: "Bubble", url: "https://shadcn-svelte.com/docs/components/bubble" },
{ name: "Card", url: "https://shadcn-svelte.com/docs/components/card" },
{ name: "Carousel", aliases: ["slider"], url: "https://shadcn-svelte.com/docs/components/carousel" },
{ name: "Chart", url: "https://shadcn-svelte.com/docs/components/chart" },
{ name: "Data Table", aliases: ["datatable"], url: "https://shadcn-svelte.com/docs/components/data-table" },
{ name: "Item", url: "https://shadcn-svelte.com/docs/components/item" },
{ name: "Kbd", url: "https://shadcn-svelte.com/docs/components/kbd" },
{ name: "Marker", url: "https://shadcn-svelte.com/docs/components/marker" },
{ name: "Message", url: "https://shadcn-svelte.com/docs/components/message" },
{ name: "Table", url: "https://shadcn-svelte.com/docs/components/table" },
{ name: "Typography", url: "https://shadcn-svelte.com/docs/components/typography" },
{ name: "Collapsible", url: "https://shadcn-svelte.com/docs/components/collapsible" },
{ name: "Pagination", url: "https://shadcn-svelte.com/docs/components/pagination" },
{ name: "Range Calendar", url: "https://shadcn-svelte.com/docs/components/range-calendar" },
{ name: "Toggle", url: "https://shadcn-svelte.com/docs/components/toggle" },
{ name: "Toggle Group", url: "https://shadcn-svelte.com/docs/components/toggle-group" },
],
// 37 components
"base-ui": [
{ name: "Accordion", url: "https://base-ui.com/react/components/accordion" },
{ name: "Alert Dialog", url: "https://base-ui.com/react/components/alert-dialog" },
{ name: "Autocomplete", aliases: ["combobox", "typeahead"], url: "https://base-ui.com/react/components/autocomplete" },
{ name: "Avatar", url: "https://base-ui.com/react/components/avatar" },
{ name: "Button", url: "https://base-ui.com/react/components/button" },
{ name: "Checkbox", url: "https://base-ui.com/react/components/checkbox" },
{ name: "Checkbox Group", url: "https://base-ui.com/react/components/checkbox-group" },
{ name: "Collapsible", url: "https://base-ui.com/react/components/collapsible" },
{ name: "Combobox", url: "https://base-ui.com/react/components/combobox" },
{ name: "Context Menu", url: "https://base-ui.com/react/components/context-menu" },
{ name: "Dialog", url: "https://base-ui.com/react/components/dialog" },
{ name: "Drawer", aliases: ["sheet", "slide over"], url: "https://base-ui.com/react/components/drawer" },
{ name: "Field", url: "https://base-ui.com/react/components/field" },
{ name: "Fieldset", url: "https://base-ui.com/react/components/fieldset" },
{ name: "Form", url: "https://base-ui.com/react/components/form" },
{ name: "Input", url: "https://base-ui.com/react/components/input" },
{ name: "Menu", url: "https://base-ui.com/react/components/menu" },
{ name: "Menubar", url: "https://base-ui.com/react/components/menubar" },
{ name: "Meter", aliases: ["gauge", "progress bar"], url: "https://base-ui.com/react/components/meter" },
{ name: "Navigation Menu", url: "https://base-ui.com/react/components/navigation-menu" },
{ name: "Number Field", aliases: ["numeric input", "stepper"], url: "https://base-ui.com/react/components/number-field" },
{ name: "OTP Field", url: "https://base-ui.com/react/components/otp-field" },
{ name: "Popover", url: "https://base-ui.com/react/components/popover" },
{ name: "Preview Card", aliases: ["hover card"], url: "https://base-ui.com/react/components/preview-card" },
{ name: "Progress", url: "https://base-ui.com/react/components/progress" },
{ name: "Radio Group", url: "https://base-ui.com/react/components/radio-group" },
{ name: "Scroll Area", aliases: ["virtual scroll"], url: "https://base-ui.com/react/components/scroll-area" },
{ name: "Select", url: "https://base-ui.com/react/components/select" },
{ name: "Separator", aliases: ["divider", "rule"], url: "https://base-ui.com/react/components/separator" },
{ name: "Slider", url: "https://base-ui.com/react/components/slider" },
{ name: "Switch", url: "https://base-ui.com/react/components/switch" },
{ name: "Tabs", url: "https://base-ui.com/react/components/tabs" },
{ name: "Toast", url: "https://base-ui.com/react/components/toast" },
{ name: "Toggle", url: "https://base-ui.com/react/components/toggle" },
{ name: "Toggle Group", url: "https://base-ui.com/react/components/toggle-group" },
{ name: "Toolbar", url: "https://base-ui.com/react/components/toolbar" },
{ name: "Tooltip", url: "https://base-ui.com/react/components/tooltip" },
],
// 28 components
"radix-ui": [
{ name: "Accordion", url: "https://www.radix-ui.com/primitives/docs/components/accordion" },
{ name: "Alert Dialog", aliases: ["modal", "confirmation"], url: "https://www.radix-ui.com/primitives/docs/components/alert-dialog" },
{ name: "Aspect Ratio", url: "https://www.radix-ui.com/primitives/docs/components/aspect-ratio" },
{ name: "Avatar", aliases: ["profile image"], url: "https://www.radix-ui.com/primitives/docs/components/avatar" },
{ name: "Checkbox", aliases: ["tick", "boolean input"], url: "https://www.radix-ui.com/primitives/docs/components/checkbox" },
{ name: "Collapsible", aliases: ["disclosure", "expand"], url: "https://www.radix-ui.com/primitives/docs/components/collapsible" },
{ name: "Context Menu", aliases: ["right click menu"], url: "https://www.radix-ui.com/primitives/docs/components/context-menu" },
{ name: "Dialog", aliases: ["modal", "popup"], url: "https://www.radix-ui.com/primitives/docs/components/dialog" },
{ name: "Dropdown Menu", url: "https://www.radix-ui.com/primitives/docs/components/dropdown-menu" },
{ name: "Form", url: "https://www.radix-ui.com/primitives/docs/components/form" },
{ name: "Hover Card", aliases: ["preview card", "user card"], url: "https://www.radix-ui.com/primitives/docs/components/hover-card" },
{ name: "Label", url: "https://www.radix-ui.com/primitives/docs/components/label" },
{ name: "Menubar", url: "https://www.radix-ui.com/primitives/docs/components/menubar" },
{ name: "Navigation Menu", url: "https://www.radix-ui.com/primitives/docs/components/navigation-menu" },
{ name: "Popover", aliases: ["popup", "flyout"], url: "https://www.radix-ui.com/primitives/docs/components/popover" },
{ name: "Progress", url: "https://www.radix-ui.com/primitives/docs/components/progress" },
{ name: "Radio Group", url: "https://www.radix-ui.com/primitives/docs/components/radio-group" },
{ name: "Scroll Area", url: "https://www.radix-ui.com/primitives/docs/components/scroll-area" },
{ name: "Select", aliases: ["dropdown", "picker"], url: "https://www.radix-ui.com/primitives/docs/components/select" },
{ name: "Separator", url: "https://www.radix-ui.com/primitives/docs/components/separator" },
{ name: "Slider", url: "https://www.radix-ui.com/primitives/docs/components/slider" },
{ name: "Switch", url: "https://www.radix-ui.com/primitives/docs/components/switch" },
{ name: "Tabs", url: "https://www.radix-ui.com/primitives/docs/components/tabs" },
{ name: "Toast", url: "https://www.radix-ui.com/primitives/docs/components/toast" },
{ name: "Toggle", url: "https://www.radix-ui.com/primitives/docs/components/toggle" },
{ name: "Toggle Group", url: "https://www.radix-ui.com/primitives/docs/components/toggle-group" },
{ name: "Toolbar", url: "https://www.radix-ui.com/primitives/docs/components/toolbar" },
{ name: "Tooltip", url: "https://www.radix-ui.com/primitives/docs/components/tooltip" },
],
};
