/**
* 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;
/** Exact command that installs this component, when the library documents one. */
install?: string;
/** npm packages this component installs, as its registry records them. */
dependencies?: string[];
/** Registry components this one pulls in, by registry name. */
registryDependencies?: string[];
/** What kind of thing this is: a full pattern, a primitive, a visual effect, or a layout. */
kind?: ComponentKind;
/** One line on what the component is for. */
summary?: string;
/** The primitive or package this component wraps, when it wraps one. */
builtOn?: string;
/** Shared concept id linking the same idea across libraries. */
concept?: string;
/** ISO date Col last verified this record's source page. */
verifiedAt?: string;
/** Alternative documentation pages the library keeps for the same component. */
variants?: Record<string, string>;
}
/** What kind of thing a component is, so a visual effect never poses as a search UI. */
export type ComponentKind = "full-pattern" | "primitive" | "visual-effect" | "layout";
/**
* Shared aliases per concept, so one library's naming choice never hides
* another library's component for the same idea.
*/
export const componentConcepts: Record<string, string[]> = {
dialog: ["modal", "popup"],
"command-palette": ["command menu", "quick open"],
};
/** Verified components, keyed by the owning library's `slug`. */
export type ComponentIndex = Record<string, LibraryComponent[]>;
export const componentIndex: ComponentIndex = {
"intent-ui": [
{ name: "Button", kind: "full-pattern", summary: "Buttons play a crucial role in functionality, whether for submitting a form or navigating to another page. They come in various styles and states.", verifiedAt: "2026-10-10", url: "https://intentui.com/docs/components/buttons/button" },
{ name: "Combo Box", kind: "full-pattern", summary: "An advanced dropdown component that allows users to search, filter, and select options dynamically, enhancing data entry and selection processes.", verifiedAt: "2026-10-10", url: "https://intentui.com/docs/components/pickers/combo-box" },
{ name: "Text Field", kind: "full-pattern", summary: "A basic input field for entering short text, commonly used for forms, user input, and data entry. It supports validation, prefixes, suffixes, and various states.", verifiedAt: "2026-10-10", url: "https://intentui.com/docs/components/forms/text-field" },
{ name: "Dialog", kind: "full-pattern", summary: "A small, interactive UI element that overlays content to display important information or actions. It appears over the main interface for user interaction.", concept: "dialog", verifiedAt: "2026-10-10", url: "https://intentui.com/docs/components/overlays/dialog" },
{ name: "Table", kind: "full-pattern", summary: "A high-performance, customizable table component for efficiently displaying large datasets, supporting sorting, filtering, and advanced data management features.", verifiedAt: "2026-10-10", url: "https://intentui.com/docs/components/collections/table" },
{ name: "Date Picker", kind: "full-pattern", summary: "A UI component that provides an interactive way to select a single date from a calendar view, supporting navigation between months and years for date picking.", verifiedAt: "2026-10-10", url: "https://intentui.com/docs/components/date-and-time/date-picker" },
],
"reui": [
{ name: "Data Grid", kind: "full-pattern", summary: "Shadcn Data Grid for React and Tailwind CSS. Base UI implementation. Shadcn Data Grid components using TanStack React Table with virtual scrolling.", verifiedAt: "2026-10-10", url: "https://reui.io/docs/components/base/data-grid" },
{ name: "Kanban", kind: "full-pattern", summary: "Shadcn Kanban for React and Tailwind CSS. Base UI implementation. 6 free shadcn kanban board components for drag-and-drop task boards, sprint planning...", verifiedAt: "2026-10-10", url: "https://reui.io/docs/components/base/kanban" },
{ name: "Gantt", kind: "full-pattern", summary: "Shadcn Gantt for React and Tailwind CSS. Base UI implementation. 7 free shadcn gantt chart components with split tree and timeline panes, day to year...", verifiedAt: "2026-10-10", url: "https://reui.io/docs/components/base/gantt" },
{ name: "File Upload", kind: "full-pattern", summary: "Shadcn File Upload for React and Tailwind CSS. Base UI implementation. Free shadcn file upload components with validation and preview.", verifiedAt: "2026-10-10", url: "https://reui.io/docs/components/base/file-upload" },
{ name: "Number Field", kind: "full-pattern", summary: "Shadcn Number Field for React and Tailwind CSS. Base UI implementation. 6 free shadcn number field components for numeric input with spinners and validation.", verifiedAt: "2026-10-10", url: "https://reui.io/docs/components/base/number-field" },
{ name: "Tree", kind: "primitive", summary: "Shadcn Tree for React and Tailwind CSS. Base UI implementation. 7 free shadcn tree components built on Headless Tree. File explorer, org chart...", verifiedAt: "2026-10-10", url: "https://reui.io/docs/components/base/tree" },
],
"elevenlabs-ui": [
{ name: "Orb", kind: "full-pattern", verifiedAt: "2026-10-10", url: "https://ui.elevenlabs.io/docs/components/orb" },
{ name: "Audio Player", kind: "full-pattern", verifiedAt: "2026-10-10", url: "https://ui.elevenlabs.io/docs/components/audio-player" },
{ name: "Waveform", kind: "full-pattern", verifiedAt: "2026-10-10", url: "https://ui.elevenlabs.io/docs/components/waveform" },
{ name: "Live Waveform", kind: "full-pattern", verifiedAt: "2026-10-10", url: "https://ui.elevenlabs.io/docs/components/live-waveform" },
{ name: "Conversation", kind: "full-pattern", verifiedAt: "2026-10-10", url: "https://ui.elevenlabs.io/docs/components/conversation" },
{ name: "Voice Button", kind: "full-pattern", verifiedAt: "2026-10-10", url: "https://ui.elevenlabs.io/docs/components/voice-button" },
],
"inspira-ui": [
{ name: "Breathing Text", kind: "visual-effect", summary: "Animate variable font axes continuously with a staggered breathing rhythm.", verifiedAt: "2026-10-10", url: "https://inspira-ui.com/docs/en/components/text-animations/breathing-text" },
{ name: "Card Stack", kind: "visual-effect", summary: "Layer cards as they scale into a focused stack while the user scrolls.", verifiedAt: "2026-10-10", url: "https://inspira-ui.com/docs/en/components/cards/card-stack" },
{ name: "Circular Gallery", kind: "visual-effect", summary: "Arrange slot content around a circle with continuous motion and hover pause.", verifiedAt: "2026-10-10", url: "https://inspira-ui.com/docs/en/components/miscellaneous/circular-gallery" },
{ name: "Cube Carousel", kind: "full-pattern", summary: "A draggable four-face 3D carousel for cycling through images and videos.", verifiedAt: "2026-10-10", url: "https://inspira-ui.com/docs/en/components/cards/cube-carousel" },
{ name: "Ribbon Background", kind: "visual-effect", summary: "A layered animated ribbon background with configurable colors, rotation, and transparency.", verifiedAt: "2026-10-10", url: "https://inspira-ui.com/docs/en/components/backgrounds/ribbon-background" },
{ name: "Path Marquee", kind: "visual-effect", summary: "Move repeated content along an SVG path with hover slowdown and drag control.", verifiedAt: "2026-10-10", url: "https://inspira-ui.com/docs/en/components/miscellaneous/path-marquee" },
],
"reka-ui": [
{ name: "Accordion", kind: "primitive", summary: "A vertically stacked set of interactive headings that each reveal an associated section of content.", verifiedAt: "2026-10-10", url: "https://reka-ui.com/docs/components/accordion" },
{ name: "Dialog", kind: "primitive", summary: "A window overlaid on either the primary window or another dialog window, rendering the content underneath inert.", verifiedAt: "2026-10-10", url: "https://reka-ui.com/docs/components/dialog" },
{ name: "Popover", kind: "primitive", summary: "Displays rich content in a portal, triggered by a button.", verifiedAt: "2026-10-10", url: "https://reka-ui.com/docs/components/popover" },
{ name: "Combobox", kind: "primitive", summary: "Choose from a list of suggested values with full keyboard support.", verifiedAt: "2026-10-10", url: "https://reka-ui.com/docs/components/combobox" },
{ name: "Select", kind: "primitive", summary: "Displays a list of options for the user to pick from—triggered by a button.", verifiedAt: "2026-10-10", url: "https://reka-ui.com/docs/components/select" },
{ name: "Tooltip", kind: "primitive", summary: "A popup that displays information related to an element when the element receives keyboard focus or the mouse hovers over it.", verifiedAt: "2026-10-10", url: "https://reka-ui.com/docs/components/tooltip" },
],
"melt-ui": [
{ name: "Accordion", kind: "primitive", summary: "An interactive component that enables the organization and navigation of content by allowing users to expand and collapse sections.", verifiedAt: "2026-10-10", url: "https://next.melt-ui.com/components/accordion/" },
{ name: "Dialog", kind: "primitive", summary: "Modal dialogs with focus trap and backdrop handling.", verifiedAt: "2026-10-10", url: "https://next.melt-ui.com/components/dialog/" },
{ name: "Combobox", kind: "primitive", summary: "Presents a selection of choices to the user, filtered by a text input.", verifiedAt: "2026-10-10", url: "https://next.melt-ui.com/components/combobox/" },
{ name: "PIN Input", kind: "primitive", summary: "A sequence of one-character inputs, normally used for entering PINs or OTPs.", verifiedAt: "2026-10-10", url: "https://next.melt-ui.com/components/pin-input/" },
{ name: "Toggle", kind: "primitive", summary: "A trigger that can be toggled on and off.", verifiedAt: "2026-10-10", url: "https://next.melt-ui.com/components/toggle/" },
{ name: "Toaster", kind: "primitive", summary: "A succinct message that is displayed temporarily.", verifiedAt: "2026-10-10", url: "https://next.melt-ui.com/components/toaster/" },
],
"zard-ui": [
{ name: "Button", kind: "full-pattern", summary: "Displays a button or a component that looks like a button.", verifiedAt: "2026-10-10", url: "https://www.zardui.com/docs/components/button" },
{ name: "Card", kind: "full-pattern", summary: "Displays a card with header, content, and footer.", verifiedAt: "2026-10-10", url: "https://www.zardui.com/docs/components/card" },
{ name: "Dialog", kind: "full-pattern", summary: "Visually or semantically separates content.", verifiedAt: "2026-10-10", url: "https://www.zardui.com/docs/components/dialog" },
{ name: "Combobox", kind: "full-pattern", summary: "Autocomplete input with a list of suggestions.", verifiedAt: "2026-10-10", url: "https://www.zardui.com/docs/components/combobox" },
{ name: "Date Picker", kind: "full-pattern", summary: "A button that opens a calendar in a popover to pick one date, several dates, or a date range.", verifiedAt: "2026-10-10", url: "https://www.zardui.com/docs/components/date-picker" },
{ name: "Table", kind: "full-pattern", summary: "A responsive table component for displaying structured data.", verifiedAt: "2026-10-10", url: "https://www.zardui.com/docs/components/table" },
],
"spartan-ui": [
{ name: "Button", kind: "primitive", summary: "Displays a button or a component that looks like a button.", verifiedAt: "2026-10-10", url: "https://spartan.ng/components/button" },
{ name: "Dialog", kind: "primitive", summary: "A window overlaid on either the primary window or another dialog window, rendering the content underneath inert.", verifiedAt: "2026-10-10", url: "https://spartan.ng/components/dialog" },
{ name: "Data Table", kind: "primitive", summary: "Powerful table and datagrids built using TanStack Table.", verifiedAt: "2026-10-10", url: "https://spartan.ng/components/data-table" },
{ name: "Combobox", kind: "primitive", summary: "An input combined with a list of predefined items to select.", verifiedAt: "2026-10-10", url: "https://spartan.ng/components/combobox" },
{ name: "Calendar", kind: "primitive", summary: "A date field component that allows users to enter and edit date.", verifiedAt: "2026-10-10", url: "https://spartan.ng/components/calendar" },
{ name: "Select", kind: "primitive", summary: "A control that allows the user to toggle between checked and not checked.", verifiedAt: "2026-10-10", url: "https://spartan.ng/components/select" },
],
"corvu": [
{ name: "Dialog", kind: "primitive", summary: "A customizable, unstyled and accessible dialog component for SolidJS", verifiedAt: "2026-10-10", url: "https://corvu.dev/docs/primitives/dialog/" },
{ name: "Drawer", kind: "primitive", summary: "A customizable, unstyled and accessible drawer component for SolidJS", verifiedAt: "2026-10-10", url: "https://corvu.dev/docs/primitives/drawer/" },
{ name: "Resizable", kind: "primitive", summary: "A customizable, unstyled and accessible resizable component for SolidJS", verifiedAt: "2026-10-10", url: "https://corvu.dev/docs/primitives/resizable/" },
{ name: "Calendar", kind: "primitive", summary: "A customizable, unstyled and accessible calendar component for SolidJS", verifiedAt: "2026-10-10", url: "https://corvu.dev/docs/primitives/calendar/" },
{ name: "OTP Field", kind: "primitive", summary: "A customizable, unstyled and accessible OTP Input component for SolidJS", verifiedAt: "2026-10-10", url: "https://corvu.dev/docs/primitives/otp-field/" },
{ name: "Accordion", kind: "primitive", summary: "A customizable, unstyled and accessible accordion component for SolidJS", verifiedAt: "2026-10-10", url: "https://corvu.dev/docs/primitives/accordion/" },
],
"starwind-ui": [
{ name: "Button", kind: "full-pattern", verifiedAt: "2026-10-10", url: "https://starwind.dev/docs/components/button/" },
{ name: "Dialog", kind: "full-pattern", verifiedAt: "2026-10-10", url: "https://starwind.dev/docs/components/dialog/" },
{ name: "Accordion", kind: "full-pattern", verifiedAt: "2026-10-10", url: "https://starwind.dev/docs/components/accordion/" },
{ name: "Tabs", kind: "full-pattern", verifiedAt: "2026-10-10", url: "https://starwind.dev/docs/components/tabs/" },
{ name: "Select", kind: "full-pattern", verifiedAt: "2026-10-10", url: "https://starwind.dev/docs/components/select/" },
{ name: "Carousel", kind: "full-pattern", verifiedAt: "2026-10-10", url: "https://starwind.dev/docs/components/carousel/" },
],
"webcoreui": [
{ name: "Accordion", kind: "full-pattern", summary: "Use the Accordion component to manage and present large amounts of content in a compact and organized manner.", verifiedAt: "2026-10-10", url: "https://webcoreui.dev/docs/accordion" },
{ name: "Alert", kind: "full-pattern", summary: "Provide feedback, warnings, or other significant information that requires user attention using the Alert component.", verifiedAt: "2026-10-10", url: "https://webcoreui.dev/docs/alert" },
{ name: "Button", kind: "full-pattern", summary: "Facilitate user interactions, guide user behavior, and enhance the functionality and usability of your application with Button components.", verifiedAt: "2026-10-10", url: "https://webcoreui.dev/docs/button" },
{ name: "Data Table", kind: "full-pattern", summary: "Use the DataTable component to display data in a tabular format that can be filtered, sorted, paginated, and toggled.", verifiedAt: "2026-10-10", url: "https://webcoreui.dev/docs/data-table" },
],
"web-awesome": [
{ name: "Button", kind: "full-pattern", summary: "Buttons represent actions the user can take, such as submitting a form, opening a dialog, or navigating to another page.", verifiedAt: "2026-10-10", url: "https://webawesome.com/docs/components/button/" },
{ name: "Input", kind: "full-pattern", summary: "Inputs collect single-line data from the user, such as text, numbers, email addresses, and passwords. They support labels, hints, validation, and prefix or suffix slots.", verifiedAt: "2026-10-10", url: "https://webawesome.com/docs/components/input/" },
{ name: "Dialog", kind: "full-pattern", summary: "Dialogs appear above the page and require the user's immediate attention. Use them for confirmations, forms, or focused tasks that interrupt the main flow.", verifiedAt: "2026-10-10", url: "https://webawesome.com/docs/components/dialog/" },
{ name: "Drawer", kind: "full-pattern", summary: "Drawers slide in from the edge of a container to expose additional options and information without navigating away. Useful for navigation menus, filters, and secondary content.", verifiedAt: "2026-10-10", url: "https://webawesome.com/docs/components/drawer/" },
{ name: "Select", kind: "full-pattern", summary: "Selects let users choose one or more values from a dropdown list of predefined options. Use them in forms when a fixed set of choices needs to fit in limited space.", verifiedAt: "2026-10-10", url: "https://webawesome.com/docs/components/select/" },
{ name: "Tab Group", kind: "full-pattern", summary: "Tab groups organize related content into a single container that displays one panel at a time, with tabs for switching between them.", verifiedAt: "2026-10-10", url: "https://webawesome.com/docs/components/tab-group/" },
],
// 213 components verified against https://reactbits.dev/llms.txt on 2026-10-07.
"react-bits": [
{ name: "ASCII Text", kind: "visual-effect", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/text-animations/ascii-text" },
{ name: "Blur Text", kind: "visual-effect", aliases: ["soft focus"], verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/text-animations/blur-text" },
{ name: "Circular Text", kind: "visual-effect", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/text-animations/circular-text" },
{ name: "Count Up", kind: "visual-effect", aliases: ["counter", "odometer", "number ticker"], verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/text-animations/count-up" },
{ name: "Curved Loop", kind: "visual-effect", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/text-animations/curved-loop" },
{ name: "Decrypted Text", kind: "visual-effect", aliases: ["hacker text", "decode"], verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/text-animations/decrypted-text" },
{ name: "Depth Text", kind: "visual-effect", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/text-animations/depth-text" },
{ name: "Echo Text", kind: "visual-effect", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/text-animations/echo-text" },
{ name: "Falling Text", kind: "visual-effect", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/text-animations/falling-text" },
{ name: "Fold Text", kind: "visual-effect", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/text-animations/fold-text" },
{ name: "Fuzzy Text", kind: "visual-effect", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/text-animations/fuzzy-text" },
{ name: "Glitch Text", kind: "visual-effect", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/text-animations/glitch-text" },
{ name: "Gradient Text", kind: "visual-effect", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/text-animations/gradient-text" },
{ name: "Masked Heading", kind: "visual-effect", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/text-animations/masked-heading" },
{ name: "Particle Text", kind: "visual-effect", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/text-animations/particle-text" },
{ name: "Rotating Text", kind: "visual-effect", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/text-animations/rotating-text" },
{ name: "Scrambled Text", kind: "visual-effect", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/text-animations/scrambled-text" },
{ name: "Scroll Float", kind: "visual-effect", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/text-animations/scroll-float" },
{ name: "Scroll Reveal", kind: "visual-effect", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/text-animations/scroll-reveal" },
{ name: "Scroll Velocity", kind: "visual-effect", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/text-animations/scroll-velocity" },
{ name: "Shiny Text", kind: "visual-effect", aliases: ["shine", "metallic text"], verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/text-animations/shiny-text" },
{ name: "Shuffle", kind: "visual-effect", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/text-animations/shuffle" },
{ name: "Split Flap Text", kind: "visual-effect", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/text-animations/split-flap-text" },
{ name: "Split Text", kind: "visual-effect", aliases: ["stagger text"], verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/text-animations/split-text" },
{ name: "Stroke Text", kind: "visual-effect", aliases: ["outline text", "draw on text"], verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/text-animations/stroke-text" },
{ name: "Tech Text", kind: "visual-effect", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/text-animations/tech-text" },
{ name: "Text Cursor", kind: "visual-effect", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/text-animations/text-cursor" },
{ name: "Text Loop", kind: "visual-effect", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/text-animations/text-loop" },
{ name: "Text Pressure", kind: "visual-effect", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/text-animations/text-pressure" },
{ name: "Text Type", kind: "visual-effect", aliases: ["typewriter"], verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/text-animations/text-type" },
{ name: "True Focus", kind: "visual-effect", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/text-animations/true-focus" },
{ name: "Variable Proximity", kind: "visual-effect", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/text-animations/variable-proximity" },
{ name: "Warp Text", kind: "visual-effect", aliases: ["webgl text"], verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/text-animations/warp-text" },
{ name: "Animated Content", kind: "visual-effect", aliases: ["scroll animation"], verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/animations/animated-content" },
{ name: "Antigravity", kind: "visual-effect", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/animations/antigravity" },
{ name: "Blob Cursor", kind: "visual-effect", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/animations/blob-cursor" },
{ name: "Click Spark", kind: "visual-effect", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/animations/click-spark" },
{ name: "Crosshair", kind: "visual-effect", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/animations/crosshair" },
{ name: "Cubes", kind: "visual-effect", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/animations/cubes" },
{ name: "Cursor Grid", kind: "layout", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/animations/cursor-grid" },
{ name: "Dither Veil", kind: "visual-effect", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/animations/dither-veil" },
{ name: "Elastic Mesh", kind: "visual-effect", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/animations/elastic-mesh" },
{ name: "Electric Border", kind: "visual-effect", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/animations/electric-border" },
{ name: "Electric Logo", kind: "visual-effect", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/animations/electric-logo" },
{ name: "Fade Content", kind: "visual-effect", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/animations/fade-content" },
{ name: "Ghost Cursor", kind: "visual-effect", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/animations/ghost-cursor" },
{ name: "Glare Hover", kind: "visual-effect", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/animations/glare-hover" },
{ name: "Glow Cursor", kind: "visual-effect", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/animations/glow-cursor" },
{ name: "Gradual Blur", kind: "visual-effect", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/animations/gradual-blur" },
{ name: "Halftone Reveal", kind: "visual-effect", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/animations/halftone-reveal" },
{ name: "Image Trail", kind: "visual-effect", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/animations/image-trail" },
{ name: "Laser Flow", kind: "visual-effect", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/animations/laser-flow" },
{ name: "Logo Loop", kind: "visual-effect", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/animations/logo-loop" },
{ name: "Magic Rings", kind: "visual-effect", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/animations/magic-rings" },
{ name: "Magnet", kind: "visual-effect", aliases: ["magnetic"], verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/animations/magnet" },
{ name: "Magnet Lines", kind: "visual-effect", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/animations/magnet-lines" },
{ name: "Meta Balls", kind: "visual-effect", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/animations/meta-balls" },
{ name: "Metallic Paint", kind: "visual-effect", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/animations/metallic-paint" },
{ name: "Noise", kind: "visual-effect", aliases: ["film grain", "grain"], verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/animations/noise" },
{ name: "Orbit Images", kind: "visual-effect", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/animations/orbit-images" },
{ name: "Pixel Swap", kind: "visual-effect", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/animations/pixel-swap" },
{ name: "Pixel Trail", kind: "visual-effect", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/animations/pixel-trail" },
{ name: "Pixel Transition", kind: "visual-effect", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/animations/pixel-transition" },
{ name: "Ribbons", kind: "visual-effect", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/animations/ribbons" },
{ name: "Ripple Distortion", kind: "visual-effect", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/animations/ripple-distortion" },
{ name: "Scroll Expand", kind: "visual-effect", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/animations/scroll-expand" },
{ name: "Shape Blur", kind: "visual-effect", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/animations/shape-blur" },
{ name: "Splash Cursor", kind: "visual-effect", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/animations/splash-cursor" },
{ name: "Star Border", kind: "visual-effect", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/animations/star-border" },
{ name: "Sticker Peel", kind: "visual-effect", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/animations/sticker-peel" },
{ name: "Strands", kind: "visual-effect", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/animations/strands" },
{ name: "Swarm Cursor", kind: "visual-effect", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/animations/swarm-cursor" },
{ name: "Target Cursor", kind: "visual-effect", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/animations/target-cursor" },
{ name: "Accordion Gallery", kind: "full-pattern", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/components/accordion-gallery" },
{ name: "Animated List", kind: "full-pattern", aliases: ["stagger"], verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/components/animated-list" },
{ name: "Border Glow", kind: "visual-effect", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/components/border-glow" },
{ name: "Bounce Cards", kind: "visual-effect", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/components/bounce-cards" },
{ name: "Bubble Menu", kind: "full-pattern", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/components/bubble-menu" },
{ name: "Card Nav", kind: "full-pattern", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/components/card-nav" },
{ name: "Card Swap", kind: "full-pattern", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/components/card-swap" },
{ name: "Carousel", kind: "full-pattern", aliases: ["slider"], verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/components/carousel" },
{ name: "Chroma Grid", kind: "layout", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/components/chroma-grid" },
{ name: "Circular Carousel", kind: "full-pattern", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/components/circular-carousel" },
{ name: "Circular Gallery", kind: "visual-effect", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/components/circular-gallery" },
{ name: "Counter", kind: "visual-effect", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/components/counter" },
{ name: "Curved Input", kind: "full-pattern", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/components/curved-input" },
{ name: "Decay Card", kind: "full-pattern", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/components/decay-card" },
{ name: "Depth Carousel", kind: "full-pattern", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/components/depth-carousel" },
{ name: "Dock", kind: "visual-effect", aliases: ["macos dock"], verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/components/dock" },
{ name: "Dome Gallery", kind: "visual-effect", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/components/dome-gallery" },
{ name: "Drift Wall", kind: "visual-effect", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/components/drift-wall" },
{ name: "Elastic Slider", kind: "full-pattern", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/components/elastic-slider" },
{ name: "Flex Carousel", kind: "full-pattern", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/components/flex-carousel" },
{ name: "Flowing Menu", kind: "full-pattern", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/components/flowing-menu" },
{ name: "Fluid Glass", kind: "visual-effect", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/components/fluid-glass" },
{ name: "Flying Posters", kind: "visual-effect", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/components/flying-posters" },
{ name: "Folder", kind: "visual-effect", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/components/folder" },
{ name: "Glass Icons", kind: "visual-effect", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/components/glass-icons" },
{ name: "Glass Surface", kind: "visual-effect", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/components/glass-surface" },
{ name: "Gooey Nav", kind: "visual-effect", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/components/gooey-nav" },
{ name: "Infinite Menu", kind: "full-pattern", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/components/infinite-menu" },
{ name: "Infinite Spiral", kind: "visual-effect", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/components/infinite-spiral" },
{ name: "Lanyard", kind: "visual-effect", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/components/lanyard" },
{ name: "Line Sidebar", kind: "visual-effect", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/components/line-sidebar" },
{ name: "Magic Bento", kind: "layout", aliases: ["bento grid"], verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/components/magic-bento" },
{ name: "Masonry", kind: "visual-effect", aliases: ["masonry layout"], verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/components/masonry" },
{ name: "Model Viewer", kind: "visual-effect", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/components/model-viewer" },
{ name: "Morph Slider", kind: "full-pattern", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/components/morph-slider" },
{ name: "Option Wheel", kind: "visual-effect", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/components/option-wheel" },
{ name: "Pill Nav", kind: "visual-effect", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/components/pill-nav" },
{ name: "Pixel Card", kind: "full-pattern", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/components/pixel-card" },
{ name: "Profile Card", kind: "full-pattern", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/components/profile-card" },
{ name: "Reflective Card", kind: "full-pattern", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/components/reflective-card" },
{ name: "Scroll Stack", kind: "visual-effect", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/components/scroll-stack" },
{ name: "Specular Button", kind: "full-pattern", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/components/specular-button" },
{ name: "Spotlight Card", kind: "visual-effect", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/components/spotlight-card" },
{ name: "Stack", kind: "visual-effect", aliases: ["card stack"], verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/components/stack" },
{ name: "Staggered Menu", kind: "full-pattern", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/components/staggered-menu" },
{ name: "Stepper", kind: "visual-effect", aliases: ["multi step form", "wizard"], verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/components/stepper" },
{ name: "Tilted Card", kind: "full-pattern", aliases: ["3d tilt", "tilt card"], verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/components/tilted-card" },
{ name: "Bell Toggle", kind: "full-pattern", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/micro/bell-toggle" },
{ name: "Branched Menu", kind: "full-pattern", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/micro/branched-menu" },
{ name: "Call Chip", kind: "full-pattern", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/micro/call-chip" },
{ name: "Code Slots", kind: "visual-effect", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/micro/code-slots" },
{ name: "Comet Dial", kind: "visual-effect", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/micro/comet-dial" },
{ name: "Dodge Field", kind: "visual-effect", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/micro/dodge-field" },
{ name: "Flip Card", kind: "full-pattern", aliases: ["3d flip"], verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/micro/flip-card" },
{ name: "Folder Float", kind: "visual-effect", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/micro/folder-float" },
{ name: "Fuse Button", kind: "full-pattern", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/micro/fuse-button" },
{ name: "Glide Select", kind: "visual-effect", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/micro/glide-select" },
{ name: "Hold Button", kind: "full-pattern", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/micro/hold-button" },
{ name: "Jelly Radio", kind: "visual-effect", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/micro/jelly-radio" },
{ name: "Lattice Loader", kind: "visual-effect", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/micro/lattice-loader" },
{ name: "Paper Crumple", kind: "visual-effect", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/micro/paper-crumple" },
{ name: "Peek Rating", kind: "full-pattern", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/micro/peek-rating" },
{ name: "Prompt Bar", kind: "visual-effect", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/micro/prompt-bar" },
{ name: "Pulse Heart", kind: "visual-effect", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/micro/pulse-heart" },
{ name: "Refine Frame", kind: "visual-effect", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/micro/refine-frame" },
{ name: "Rubber Segment", kind: "visual-effect", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/micro/rubber-segment" },
{ name: "Scrub Field", kind: "visual-effect", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/micro/scrub-field" },
{ name: "Shredder", kind: "visual-effect", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/micro/shredder" },
{ name: "Slide Commit", kind: "visual-effect", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/micro/slide-commit" },
{ name: "Sling Button", kind: "full-pattern", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/micro/sling-button" },
{ name: "Slosh Gauge", kind: "visual-effect", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/micro/slosh-gauge" },
{ name: "Spring Check", kind: "visual-effect", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/micro/spring-check" },
{ name: "Squish Switch", kind: "full-pattern", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/micro/squish-switch" },
{ name: "Status Mark", kind: "visual-effect", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/micro/status-mark" },
{ name: "Swipe Row", kind: "visual-effect", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/micro/swipe-row" },
{ name: "Swipe Toast", kind: "full-pattern", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/micro/swipe-toast" },
{ name: "Tear Ticket", kind: "visual-effect", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/micro/tear-ticket" },
{ name: "Thought Line", kind: "visual-effect", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/micro/thought-line" },
{ name: "Voice Pill", kind: "visual-effect", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/micro/voice-pill" },
{ name: "Wake Slider", kind: "full-pattern", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/micro/wake-slider" },
{ name: "Warm Tooltip", kind: "full-pattern", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/micro/warm-tooltip" },
{ name: "Acid Squares", kind: "visual-effect", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/backgrounds/acid-squares" },
{ name: "Aero Shards", kind: "visual-effect", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/backgrounds/aero-shards" },
{ name: "Aurora", kind: "visual-effect", aliases: ["northern lights"], verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/backgrounds/aurora" },
{ name: "Balatro", kind: "visual-effect", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/backgrounds/balatro" },
{ name: "Ballpit", kind: "visual-effect", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/backgrounds/ballpit" },
{ name: "Beams", kind: "visual-effect", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/backgrounds/beams" },
{ name: "Color Bends", kind: "visual-effect", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/backgrounds/color-bends" },
{ name: "CRT Warp", kind: "visual-effect", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/backgrounds/crt-warp" },
{ name: "Dark Veil", kind: "visual-effect", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/backgrounds/dark-veil" },
{ name: "Dither", kind: "visual-effect", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/backgrounds/dither" },
{ name: "Dot Field", kind: "visual-effect", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/backgrounds/dot-field" },
{ name: "Dot Grid", kind: "layout", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/backgrounds/dot-grid" },
{ name: "Evil Eye", kind: "visual-effect", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/backgrounds/evil-eye" },
{ name: "Faulty Terminal", kind: "visual-effect", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/backgrounds/faulty-terminal" },
{ name: "Ferrofluid", kind: "visual-effect", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/backgrounds/ferrofluid" },
{ name: "Floating Lines", kind: "visual-effect", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/backgrounds/floating-lines" },
{ name: "Galaxy", kind: "visual-effect", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/backgrounds/galaxy" },
{ name: "Ghost Fibers", kind: "visual-effect", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/backgrounds/ghost-fibers" },
{ name: "Gradient Blinds", kind: "visual-effect", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/backgrounds/gradient-blinds" },
{ name: "Gradient Waves", kind: "visual-effect", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/backgrounds/gradient-waves" },
{ name: "Grainient", kind: "visual-effect", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/backgrounds/grainient" },
{ name: "Grid Distortion", kind: "layout", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/backgrounds/grid-distortion" },
{ name: "Grid Motion", kind: "layout", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/backgrounds/grid-motion" },
{ name: "Grid Scan", kind: "layout", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/backgrounds/grid-scan" },
{ name: "Hyperspeed", kind: "visual-effect", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/backgrounds/hyperspeed" },
{ name: "Iridescence", kind: "visual-effect", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/backgrounds/iridescence" },
{ name: "Letter Glitch", kind: "visual-effect", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/backgrounds/letter-glitch" },
{ name: "Lightfall", kind: "visual-effect", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/backgrounds/lightfall" },
{ name: "Lightning", kind: "visual-effect", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/backgrounds/lightning" },
{ name: "Light Pillar", kind: "visual-effect", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/backgrounds/light-pillar" },
{ name: "Light Rays", kind: "visual-effect", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/backgrounds/light-rays" },
{ name: "Light Tunnel", kind: "visual-effect", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/backgrounds/light-tunnel" },
{ name: "Line Waves", kind: "visual-effect", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/backgrounds/line-waves" },
{ name: "Liquid Chrome", kind: "visual-effect", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/backgrounds/liquid-chrome" },
{ name: "Liquid Ether", kind: "visual-effect", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/backgrounds/liquid-ether" },
{ name: "Micro Slats", kind: "visual-effect", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/backgrounds/micro-slats" },
{ name: "Molten Metal", kind: "visual-effect", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/backgrounds/molten-metal" },
{ name: "Orb", kind: "visual-effect", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/backgrounds/orb" },
{ name: "Particles", kind: "visual-effect", aliases: ["particle system"], verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/backgrounds/particles" },
{ name: "Pattern Waves", kind: "visual-effect", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/backgrounds/pattern-waves" },
{ name: "Pixel Blast", kind: "visual-effect", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/backgrounds/pixel-blast" },
{ name: "Pixel Snow", kind: "visual-effect", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/backgrounds/pixel-snow" },
{ name: "Plasma", kind: "visual-effect", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/backgrounds/plasma" },
{ name: "Plasma Wave", kind: "visual-effect", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/backgrounds/plasma-wave" },
{ name: "Prism", kind: "visual-effect", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/backgrounds/prism" },
{ name: "Prismatic Burst", kind: "visual-effect", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/backgrounds/prismatic-burst" },
{ name: "Radar", kind: "visual-effect", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/backgrounds/radar" },
{ name: "Ripple Grid", kind: "layout", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/backgrounds/ripple-grid" },
{ name: "Scanner", kind: "visual-effect", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/backgrounds/scanner" },
{ name: "Shape Grid", kind: "layout", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/backgrounds/shape-grid" },
{ name: "Shape Waves", kind: "visual-effect", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/backgrounds/shape-waves" },
{ name: "Side Rays", kind: "visual-effect", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/backgrounds/side-rays" },
{ name: "Silk", kind: "visual-effect", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/backgrounds/silk" },
{ name: "Sliced Waves", kind: "visual-effect", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/backgrounds/sliced-waves" },
{ name: "Soft Aurora", kind: "visual-effect", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/backgrounds/soft-aurora" },
{ name: "Threads", kind: "visual-effect", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/backgrounds/threads" },
{ name: "Topography", kind: "visual-effect", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/backgrounds/topography" },
{ name: "Waves", kind: "visual-effect", aliases: ["wave background"], verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/backgrounds/waves" },
{ name: "Web Threads", kind: "visual-effect", verifiedAt: "2026-10-10", url: "https://www.reactbits.dev/backgrounds/web-threads" },
],
// 77 components
"magic-ui": [
{ name: "Android", kind: "visual-effect", summary: "A mockup of an Android device.", verifiedAt: "2026-10-10", url: "https://magicui.design/docs/components/android" },
{ name: "Animated Beam", kind: "visual-effect", summary: "An animated beam of light which travels along a path. Useful for showcasing the \"integration\" features of a website.", verifiedAt: "2026-10-10", url: "https://magicui.design/docs/components/animated-beam" },
{ name: "Animated Circular Progress Bar", kind: "full-pattern", summary: "Animated Circular Progress Bar is a component that displays a circular gauge with a percentage value.", verifiedAt: "2026-10-10", url: "https://magicui.design/docs/components/animated-circular-progress-bar" },
{ name: "Animated Gradient Text", kind: "visual-effect", summary: "An animated gradient background which transitions between colors for text.", verifiedAt: "2026-10-10", url: "https://magicui.design/docs/components/animated-gradient-text" },
{ name: "Animated Grid Pattern", kind: "layout", summary: "A animated background grid pattern made with SVGs, fully customizable using Tailwind CSS.", verifiedAt: "2026-10-10", url: "https://magicui.design/docs/components/animated-grid-pattern" },
{ name: "Animated List", kind: "full-pattern", summary: "A list that animates each item in sequence with a delay. Used to showcase notifications or events on your landing page.", verifiedAt: "2026-10-10", url: "https://magicui.design/docs/components/animated-list" },
{ name: "Animated Shiny Text", kind: "visual-effect", summary: "A light glare effect which pans across text making it appear as if it is shimmering.", verifiedAt: "2026-10-10", url: "https://magicui.design/docs/components/animated-shiny-text" },
{ name: "Theme Toggler", kind: "full-pattern", summary: "Animated theme toggle using the View Transitions API with configurable clip-path shapes and origin.", verifiedAt: "2026-10-10", url: "https://magicui.design/docs/components/animated-theme-toggler" },
{ name: "Aurora Text", kind: "visual-effect", summary: "A beautiful aurora text effect", verifiedAt: "2026-10-10", url: "https://magicui.design/docs/components/aurora-text" },
{ name: "Avatar Circles", kind: "full-pattern", summary: "Overlapping circles of avatars.", verifiedAt: "2026-10-10", url: "https://magicui.design/docs/components/avatar-circles" },
{ name: "Backlight", kind: "visual-effect", summary: "A backlight glow effect for videos, images, and SVGs.", verifiedAt: "2026-10-10", url: "https://magicui.design/docs/components/backlight" },
{ name: "Bento Grid", kind: "layout", summary: "Bento grid is a layout used to showcase the features of a product in a simple and elegant way.", verifiedAt: "2026-10-10", url: "https://magicui.design/docs/components/bento-grid" },
{ name: "Blur Fade", kind: "visual-effect", summary: "Blur fade in and out animation. Used to smoothly fade in and out content.", verifiedAt: "2026-10-10", url: "https://magicui.design/docs/components/blur-fade" },
{ name: "Border Beam", kind: "visual-effect", summary: "An animated beam of light which travels along the border of its container.", verifiedAt: "2026-10-10", url: "https://magicui.design/docs/components/border-beam" },
{ name: "Code Comparison", kind: "visual-effect", summary: "A component which compares two code snippets.", verifiedAt: "2026-10-10", url: "https://magicui.design/docs/components/code-comparison" },
{ name: "Comic Text", kind: "visual-effect", summary: "Comic text animation that looks like a comic book text", verifiedAt: "2026-10-10", url: "https://magicui.design/docs/components/comic-text" },
{ name: "Confetti", kind: "visual-effect", summary: "Confetti animations are best used to delight your users when something special happens", verifiedAt: "2026-10-10", url: "https://magicui.design/docs/components/confetti" },
{ name: "Cool Mode", kind: "full-pattern", summary: "Cool mode effect for buttons, links, and other DOMs", verifiedAt: "2026-10-10", url: "https://magicui.design/docs/components/cool-mode" },
{ name: "Dia Text Reveal", kind: "visual-effect", summary: "A horizontal color band sweeps across text with a gradient shine, then settles on your theme foreground color.", verifiedAt: "2026-10-10", url: "https://magicui.design/docs/components/dia-text-reveal" },
{ name: "Dock", kind: "visual-effect", summary: "An implementation of the MacOS dock using react + tailwindcss + framer motion", aliases: ["macos dock"], verifiedAt: "2026-10-10", url: "https://magicui.design/docs/components/dock" },
{ name: "Dot Pattern", kind: "visual-effect", summary: "A background dot pattern made with SVGs, fully customizable using Tailwind CSS.", verifiedAt: "2026-10-10", url: "https://magicui.design/docs/components/dot-pattern" },
{ name: "Dotted Map", kind: "visual-effect", summary: "A component with a svg dotted map.", verifiedAt: "2026-10-10", url: "https://magicui.design/docs/components/dotted-map" },
{ name: "File Tree", kind: "visual-effect", summary: "A component used to showcase the folder and file structure of a directory.", aliases: ["file explorer"], verifiedAt: "2026-10-10", url: "https://magicui.design/docs/components/file-tree" },
{ name: "Flickering Grid", kind: "layout", summary: "A flickering grid background made with SVGs, fully customizable using Tailwind CSS.", verifiedAt: "2026-10-10", url: "https://magicui.design/docs/components/flickering-grid" },
{ name: "Floating 3D Particles", kind: "visual-effect", summary: "A canvas-based pseudo-3D particle field with perspective projection, continuous rotation, buoyant drift and depth-aware rendering.", verifiedAt: "2026-10-10", url: "https://magicui.design/docs/components/floating-3d-particles" },
{ name: "Glare Hover", kind: "visual-effect", summary: "A diagonal light glare on hover using a ::before gradient, CSS variables, and background-position animation—no extra global keyframes required.", verifiedAt: "2026-10-10", url: "https://magicui.design/docs/components/glare-hover" },
{ name: "Globe", kind: "visual-effect", summary: "An autorotating, interactive, and highly performant globe made using WebGL.", verifiedAt: "2026-10-10", url: "https://magicui.design/docs/components/globe" },
{ name: "Glyph Matrix", kind: "layout", summary: "An animated grid of subtly shifting glyphs on a canvas, with a theme-aware color driven by the consumer.", verifiedAt: "2026-10-10", url: "https://magicui.design/docs/components/glyph-matrix" },
{ name: "Grid Pattern", kind: "layout", summary: "A background grid pattern made with SVGs, fully customizable using Tailwind CSS.", verifiedAt: "2026-10-10", url: "https://magicui.design/docs/components/grid-pattern" },
{ name: "Hero Video Dialog", kind: "full-pattern", summary: "A hero video dialog component.", verifiedAt: "2026-10-10", url: "https://magicui.design/docs/components/hero-video-dialog" },
{ name: "Hexagon Pattern", kind: "visual-effect", summary: "A background hexagon pattern made with SVGs, fully customizable using Tailwind CSS.", verifiedAt: "2026-10-10", url: "https://magicui.design/docs/components/hexagon-pattern" },
{ name: "Highlighter", kind: "visual-effect", summary: "A text highlighter that mimics the effect of a human-drawn marker stroke.", verifiedAt: "2026-10-10", url: "https://magicui.design/docs/components/highlighter" },
{ name: "Hyper Text", kind: "visual-effect", summary: "A text animation that scrambles letters before revealing the final text.", verifiedAt: "2026-10-10", url: "https://magicui.design/docs/components/hyper-text" },
{ name: "Icon Cloud", kind: "full-pattern", summary: "An interactive 3D tag cloud component", verifiedAt: "2026-10-10", url: "https://magicui.design/docs/components/icon-cloud" },
{ name: "Interactive Grid Pattern", kind: "layout", summary: "A interactive background grid pattern made with SVGs, fully customizable using Tailwind CSS.", verifiedAt: "2026-10-10", url: "https://magicui.design/docs/components/interactive-grid-pattern" },
{ name: "Interactive Hover Button", kind: "full-pattern", summary: "A visually engaging button component that responds to hover with dynamic transitions, adapting smoothly between light and dark modes for enhanced user interactivity.", verifiedAt: "2026-10-10", url: "https://magicui.design/docs/components/interactive-hover-button" },
{ name: "iPhone", kind: "visual-effect", summary: "A mockup of the iPhone", verifiedAt: "2026-10-10", url: "https://magicui.design/docs/components/iphone" },
{ name: "Kinetic Text", kind: "visual-effect", summary: "A text component that animates font weight of characters on hover.", verifiedAt: "2026-10-10", url: "https://magicui.design/docs/components/kinetic-text" },
{ name: "Lens", kind: "visual-effect", summary: "A interactive component that enables zooming into images, videos and other elements.", aliases: ["zoom", "magnify"], verifiedAt: "2026-10-10", url: "https://magicui.design/docs/components/lens" },
{ name: "Light Rays", kind: "visual-effect", summary: "A component with animated light rays which shine down from above.", verifiedAt: "2026-10-10", url: "https://magicui.design/docs/components/light-rays" },
{ name: "Line Shadow Text", kind: "visual-effect", summary: "A text component with a moving line shadow.", verifiedAt: "2026-10-10", url: "https://magicui.design/docs/components/line-shadow-text" },
{ name: "Magic Card", kind: "visual-effect", summary: "A spotlight effect that follows your mouse cursor and highlights borders on hover.", verifiedAt: "2026-10-10", url: "https://magicui.design/docs/components/magic-card" },
{ name: "Marquee", kind: "visual-effect", summary: "An infinite scrolling component that can be used to display text, images, or videos.", aliases: ["scrolling text", "logo loop"], verifiedAt: "2026-10-10", url: "https://magicui.design/docs/components/marquee" },
{ name: "Meteors", kind: "visual-effect", summary: "A meteor shower effect.", aliases: ["shooting stars"], verifiedAt: "2026-10-10", url: "https://magicui.design/docs/components/meteors" },
{ name: "Morphing Text", kind: "visual-effect", summary: "A dynamic text morphing component for Magic UI.", aliases: ["morph text"], verifiedAt: "2026-10-10", url: "https://magicui.design/docs/components/morphing-text" },
{ name: "Neon Gradient Card", kind: "full-pattern", summary: "A beautiful neon card effect", verifiedAt: "2026-10-10", url: "https://magicui.design/docs/components/neon-gradient-card" },
{ name: "Noise Texture", kind: "visual-effect", summary: "An SVG fractal noise layer using feTurbulence for subtle texture overlays.", verifiedAt: "2026-10-10", url: "https://magicui.design/docs/components/noise-texture" },
{ name: "Number Ticker", kind: "visual-effect", summary: "Animate numbers to count up or down to a target number", aliases: ["counter", "count up"], verifiedAt: "2026-10-10", url: "https://magicui.design/docs/components/number-ticker" },
{ name: "Orbiting Circles", kind: "visual-effect", summary: "A collection of circles which move in orbit along a circular path", verifiedAt: "2026-10-10", url: "https://magicui.design/docs/components/orbiting-circles" },
{ name: "Particles", kind: "visual-effect", summary: "Particles are a fun way to add some visual flair to your website. They can be used to create a sense of depth, movement, and interactivity.", aliases: ["particle system"], verifiedAt: "2026-10-10", url: "https://magicui.design/docs/components/particles" },
{ name: "Pixel Image", kind: "visual-effect", summary: "A component that displays your image with a pixelated effect, enhancing the visual appeal of any image in your website.", verifiedAt: "2026-10-10", url: "https://magicui.design/docs/components/pixel-image" },
{ name: "Pointer", kind: "visual-effect", summary: "A component that displays a pointer when hovering over an element", aliases: ["custom cursor"], verifiedAt: "2026-10-10", url: "https://magicui.design/docs/components/pointer" },
{ name: "Progressive Blur", kind: "full-pattern", summary: "Add a progressive blur effect to scrollable content", verifiedAt: "2026-10-10", url: "https://magicui.design/docs/components/progressive-blur" },
{ name: "Pulsating Button", kind: "full-pattern", summary: "An animated pulsating button useful for capturing attention of users.", verifiedAt: "2026-10-10", url: "https://magicui.design/docs/components/pulsating-button" },
{ name: "Rainbow Button", kind: "full-pattern", summary: "An animated button with a rainbow effect.", verifiedAt: "2026-10-10", url: "https://magicui.design/docs/components/rainbow-button" },
{ name: "Retro Grid", kind: "layout", summary: "An animated scrolling retro grid effect", verifiedAt: "2026-10-10", url: "https://magicui.design/docs/components/retro-grid" },
{ name: "Ripple", kind: "visual-effect", summary: "An animated ripple effect typically used behind elements to emphasize them.", verifiedAt: "2026-10-10", url: "https://magicui.design/docs/components/ripple" },
{ name: "Ripple Button", kind: "full-pattern", summary: "An animated button with ripple useful for user engagement.", verifiedAt: "2026-10-10", url: "https://magicui.design/docs/components/ripple-button" },
{ name: "Safari", kind: "visual-effect", summary: "A safari browser mockup to showcase your website.", verifiedAt: "2026-10-10", url: "https://magicui.design/docs/components/safari" },
{ name: "Scroll Based Velocity", kind: "visual-effect", summary: "Scrolling text whose speed changes based on scroll speed", verifiedAt: "2026-10-10", url: "https://magicui.design/docs/components/scroll-based-velocity" },
{ name: "Scroll Progress", kind: "full-pattern", summary: "Animated Scroll Progress for your pages", aliases: ["reading progress"], verifiedAt: "2026-10-10", url: "https://magicui.design/docs/components/scroll-progress" },
{ name: "Shimmer Button", kind: "full-pattern", summary: "A button with a shimmering light which travels around the perimeter.", verifiedAt: "2026-10-10", url: "https://magicui.design/docs/components/shimmer-button" },
{ name: "Shine Border", kind: "visual-effect", summary: "Shine border is an animated background border effect.", verifiedAt: "2026-10-10", url: "https://magicui.design/docs/components/shine-border" },
{ name: "Shiny Button", kind: "full-pattern", summary: "A shiny button component with dynamic styles in the dark mode or light mode.", verifiedAt: "2026-10-10", url: "https://magicui.design/docs/components/shiny-button" },
{ name: "Smooth Cursor", kind: "visual-effect", summary: "A customizable, physics-based smooth cursor animation component for React applications.", verifiedAt: "2026-10-10", url: "https://magicui.design/docs/components/smooth-cursor" },
{ name: "Sparkles Text", kind: "visual-effect", summary: "A dynamic text that generates continuous sparkles with smooth transitions, perfect for highlighting text with animated stars.", verifiedAt: "2026-10-10", url: "https://magicui.design/docs/components/sparkles-text" },
{ name: "Spinning Text", kind: "visual-effect", summary: "The Spinning Text component animates text in a circular motion with customizable speed, direction, color, and transitions for dynamic and engaging effects.", verifiedAt: "2026-10-10", url: "https://magicui.design/docs/components/spinning-text" },
{ name: "Striped Pattern", kind: "visual-effect", summary: "A background striped pattern made with SVGs, fully customizable using Tailwind CSS.", verifiedAt: "2026-10-10", url: "https://magicui.design/docs/components/striped-pattern" },
{ name: "Terminal", kind: "full-pattern", summary: "An implementation of the MacOS terminal. Useful for showcasing a command line interface.", aliases: ["code window", "terminal window"], verifiedAt: "2026-10-10", url: "https://magicui.design/docs/components/terminal" },
{ name: "Text 3D Flip", kind: "visual-effect", summary: "A text effect that flips each letter in 3D with a staggered animation on hover.", verifiedAt: "2026-10-10", url: "https://magicui.design/docs/components/text-3d-flip" },
{ name: "Text Animate", kind: "visual-effect", summary: "A text animation component that animates text using a variety of different animations.", verifiedAt: "2026-10-10", url: "https://magicui.design/docs/components/text-animate" },
{ name: "Text Reveal", kind: "visual-effect", summary: "Fade in text as you scroll down the page.", verifiedAt: "2026-10-10", url: "https://magicui.design/docs/components/text-reveal" },
{ name: "Tweet Card", kind: "full-pattern", summary: "A card that displays a tweet with the author's name, handle, and profile picture.", verifiedAt: "2026-10-10", url: "https://magicui.design/docs/components/tweet-card" },
{ name: "Typing Animation", kind: "visual-effect", summary: "Characters appearing in typed animation", aliases: ["typewriter"], verifiedAt: "2026-10-10", url: "https://magicui.design/docs/components/typing-animation" },
{ name: "Video Text", kind: "visual-effect", summary: "A text component with a video background.", verifiedAt: "2026-10-10", url: "https://magicui.design/docs/components/video-text" },
{ name: "Warp Background", kind: "full-pattern", summary: "A card with a time warping background effect.", verifiedAt: "2026-10-10", url: "https://magicui.design/docs/components/warp-background" },
{ name: "Word Rotate", kind: "visual-effect", summary: "A vertical rotation of words", aliases: ["rotating words"], verifiedAt: "2026-10-10", url: "https://magicui.design/docs/components/word-rotate" },
],
// 106 components
"aceternity-ui": [
{ name: "Gooey Input", kind: "full-pattern", summary: "A search-style input that expands with a gooey SVG filter and shared layout animation", verifiedAt: "2026-10-10", url: "https://ui.aceternity.com/components/gooey-input" },
{ name: "Notch", kind: "full-pattern", summary: "A floating, configurable notch that pins to the top or bottom of the screen. Pass an array of items with links and it animates the active state as you switch between them.", verifiedAt: "2026-10-10", url: "https://ui.aceternity.com/components/notch" },
{ name: "Resizable Navbar", kind: "full-pattern", summary: "A navbar that shrinks and blurs once the page scrolls, with a mobile drawer. Built for React and Next.js with Tailwind CSS and Motion.", verifiedAt: "2026-10-10", url: "https://ui.aceternity.com/components/resizable-navbar" },
{ name: "3D Marquee", kind: "layout", summary: "A 3D Marquee effect with grid, good for showcasing testimonials and hero sections", verifiedAt: "2026-10-10", url: "https://ui.aceternity.com/components/3d-marquee" },
{ name: "Animated Tabs", kind: "full-pattern", summary: "Tabs to switch content, click on a tab to check background animation.", verifiedAt: "2026-10-10", url: "https://ui.aceternity.com/components/tabs" },
{ name: "Background Lines", kind: "layout", summary: "A set of svg paths that animate in a wave pattern. Good for hero sections background, as seen on height.app", verifiedAt: "2026-10-10", url: "https://ui.aceternity.com/components/background-lines" },
{ name: "Colourful Text", kind: "visual-effect", summary: "A text component with various colours, filter and scale effects.", verifiedAt: "2026-10-10", url: "https://ui.aceternity.com/components/colourful-text" },
{ name: "Container Scroll Animation", kind: "visual-effect", summary: "A scroll animation that rotates in 3d on scroll. Perfect for hero or marketing sections.", verifiedAt: "2026-10-10", url: "https://ui.aceternity.com/components/container-scroll-animation" },
{ name: "Container Text Flip", kind: "visual-effect", summary: "A container that flips through words, animating the width.", verifiedAt: "2026-10-10", url: "https://ui.aceternity.com/components/container-text-flip" },
{ name: "Fey.com Macbook Scroll", kind: "visual-effect", summary: "Scroll through the page and see the image come out of the screen, as seen on Fey.com website.", verifiedAt: "2026-10-10", url: "https://ui.aceternity.com/components/macbook-scroll" },
{ name: "Flip Words", kind: "full-pattern", summary: "A component that flips through a list of words", verifiedAt: "2026-10-10", url: "https://ui.aceternity.com/components/flip-words" },
{ name: "GitHub Globe", kind: "visual-effect", summary: "Recreate the GitHub homepage globe in React with three.js and react-globe.gl. Animated arcs, custom markers and auto-rotation. Copy and paste.", verifiedAt: "2026-10-10", url: "https://ui.aceternity.com/components/github-globe" },
{ name: "Glowing Background Stars Card", kind: "full-pattern", summary: "Card background stars that animate on hover and animate anyway", verifiedAt: "2026-10-10", url: "https://ui.aceternity.com/components/glowing-stars-effect" },
{ name: "Hero Highlight", kind: "layout", summary: "A background effect with a text highlight component, perfect for hero sections.", verifiedAt: "2026-10-10", url: "https://ui.aceternity.com/components/hero-highlight" },
{ name: "Hero Parallax", kind: "visual-effect", summary: "A scroll effect with rotation, translation and opacity animations.", verifiedAt: "2026-10-10", url: "https://ui.aceternity.com/components/hero-parallax" },
{ name: "Hero Sections", kind: "layout", summary: "A set of hero sections ranging from simple to complex layouts", verifiedAt: "2026-10-10", url: "https://ui.aceternity.com/components/hero-sections-free" },
{ name: "Layout Text Flip", kind: "layout", summary: "A text flip effect that changes the layout of surrounding text", verifiedAt: "2026-10-10", url: "https://ui.aceternity.com/components/layout-text-flip" },
{ name: "Parallax Hero Images", kind: "layout", summary: "Mouse-driven parallax effect, perfect for hero sections. Images blur fade in and move at different depths.", verifiedAt: "2026-10-10", url: "https://ui.aceternity.com/components/parallax-hero-images" },
{ name: "Sparkles", kind: "layout", summary: "A configurable sparkle and particle background for React. Control density, speed and colour, and layer it behind headings or hero sections.", verifiedAt: "2026-10-10", url: "https://ui.aceternity.com/components/sparkles" },
{ name: "Spotlight", kind: "visual-effect", summary: "Add a spotlight beam that follows the cursor or sits behind your hero copy. SVG based, GPU friendly, and drop-in for React and Next.js.", verifiedAt: "2026-10-10", url: "https://ui.aceternity.com/components/spotlight" },
{ name: "Spotlight New", kind: "visual-effect", summary: "A new spotlight component with left and right spotlight, configurable and customizable.", verifiedAt: "2026-10-10", url: "https://ui.aceternity.com/components/spotlight-new" },
{ name: "Squiggly Text", kind: "visual-effect", summary: "A squiggly text effect using SVG turbulence and displacement filters, animated with Motion.", verifiedAt: "2026-10-10", url: "https://ui.aceternity.com/components/squiggly-text" },
{ name: "Sticky Banner", kind: "visual-effect", summary: "A banner component that sticks to top, hides when user scrolls down", verifiedAt: "2026-10-10", url: "https://ui.aceternity.com/components/sticky-banner" },
{ name: "Text Flipping Board", kind: "visual-effect", summary: "A split-flap display component that animates characters with flip transitions, inspired by Vestaboard.", verifiedAt: "2026-10-10", url: "https://ui.aceternity.com/components/text-flipping-board" },
{ name: "Text Generate Effect", kind: "visual-effect", summary: "A cool text effect that fades in text on page load, one by one.", verifiedAt: "2026-10-10", url: "https://ui.aceternity.com/components/text-generate-effect" },
{ name: "Text Reveal Card", kind: "full-pattern", summary: "Mousemove effect to reveal text content at the bottom of the card.", verifiedAt: "2026-10-10", url: "https://ui.aceternity.com/components/text-reveal-card" },
{ name: "Typewriter Effect", kind: "visual-effect", summary: "A typewriter text animation for React and Next.js with a blinking cursor, configurable speed and per-word styling. Built with Tailwind CSS and Motion.", verifiedAt: "2026-10-10", url: "https://ui.aceternity.com/components/typewriter-effect" },
{ name: "Focus Cards", kind: "full-pattern", summary: "Hover over the card to focus on it, blurring the rest of the cards.", verifiedAt: "2026-10-10", url: "https://ui.aceternity.com/components/focus-cards" },
{ name: "Lens", kind: "visual-effect", summary: "A lens component to zoom into images, videos, or practically anything.", verifiedAt: "2026-10-10", url: "https://ui.aceternity.com/components/lens" },
{ name: "Canvas Text", kind: "visual-effect", summary: "Animated text component with colorful curved lines rendered on canvas, clipped to the text shape.", verifiedAt: "2026-10-10", url: "https://ui.aceternity.com/components/canvas-text" },
{ name: "Encrypted Text", kind: "visual-effect", summary: "A text component that reveals the text gradually, gibberish effect.", verifiedAt: "2026-10-10", url: "https://ui.aceternity.com/components/encrypted-text" },
{ name: "Link Preview", kind: "visual-effect", summary: "Dynamic link previews for your anchor tags", verifiedAt: "2026-10-10", url: "https://ui.aceternity.com/components/link-preview" },
{ name: "Pointer Highlight", kind: "visual-effect", summary: "A component that highlights text when it's in view, with a pointer and border.", verifiedAt: "2026-10-10", url: "https://ui.aceternity.com/components/pointer-highlight" },
{ name: "Text Hover Effect", kind: "visual-effect", summary: "A text hover effect that animates and outlines gradient on hover, as seen on x.ai", verifiedAt: "2026-10-10", url: "https://ui.aceternity.com/components/text-hover-effect" },
{ name: "Animated Modal", kind: "full-pattern", summary: "A customizable, compound modal component with animated transitions", verifiedAt: "2026-10-10", url: "https://ui.aceternity.com/components/animated-modal" },
{ name: "Glare Card", kind: "visual-effect", summary: "A glare effect that happens on hover, as seen on Linear's website", verifiedAt: "2026-10-10", url: "https://ui.aceternity.com/components/glare-card" },
{ name: "Sidebar", kind: "visual-effect", summary: "Expandable sidebar that expands on hover, mobile responsive and dark mode support", verifiedAt: "2026-10-10", url: "https://ui.aceternity.com/components/sidebar" },
{ name: "3D Animated Pin", kind: "visual-effect", summary: "A gradient pin that animates on hover, perfect for product links.", verifiedAt: "2026-10-10", url: "https://ui.aceternity.com/components/3d-pin" },
{ name: "3D Card Effect", kind: "full-pattern", summary: "A card that tilts in 3D as the cursor moves, with layered depth on each child element. Built with React, Tailwind CSS and CSS perspective.", verifiedAt: "2026-10-10", url: "https://ui.aceternity.com/components/3d-card-effect" },
{ name: "3D Globe", kind: "full-pattern", summary: "A realistic globe component with tooltips and avatar tips", verifiedAt: "2026-10-10", url: "https://ui.aceternity.com/components/3d-globe" },
{ name: "Animated Testimonials", kind: "visual-effect", summary: "Minimal testimonials sections with image and quote.", verifiedAt: "2026-10-10", url: "https://ui.aceternity.com/components/animated-testimonials" },
{ name: "Animated Tooltip", kind: "full-pattern", summary: "A cool tooltip that reveals on hover, follows mouse pointer", verifiedAt: "2026-10-10", url: "https://ui.aceternity.com/components/animated-tooltip" },
{ name: "Apple Cards Carousel", kind: "full-pattern", summary: "A sleek and minimal carousel implementation, as seen on apple.com", verifiedAt: "2026-10-10", url: "https://ui.aceternity.com/components/apple-cards-carousel" },
{ name: "ASCII Art", kind: "visual-effect", summary: "Convert any image to ASCII art with customizable charsets, colors, and animations.", verifiedAt: "2026-10-10", url: "https://ui.aceternity.com/components/ascii-art" },
{ name: "Aurora Background", kind: "visual-effect", summary: "A soft animated aurora gradient background for React and Next.js. Pure CSS, respects prefers-reduced-motion, and works in light and dark mode.", verifiedAt: "2026-10-10", url: "https://ui.aceternity.com/components/aurora-background" },
{ name: "Background Beams", kind: "layout", summary: "Multiple background beams that follow a path of SVG, makes a good hero section background.", verifiedAt: "2026-10-10", url: "https://ui.aceternity.com/components/background-beams" },
{ name: "Background Beams With Collision", kind: "visual-effect", summary: "Exploding beams in the background", verifiedAt: "2026-10-10", url: "https://ui.aceternity.com/components/background-beams-with-collision" },
{ name: "Background Boxes", kind: "visual-effect", summary: "A full width background box container that highlights on hover", verifiedAt: "2026-10-10", url: "https://ui.aceternity.com/components/background-boxes" },
{ name: "Background Gradient", kind: "full-pattern", summary: "An animated gradient that sits at the background of a card, button or anything.", verifiedAt: "2026-10-10", url: "https://ui.aceternity.com/components/background-gradient" },
{ name: "Background Gradient Animation", kind: "visual-effect", summary: "Add a smooth animated gradient background to any React or Next.js page. Pure CSS keyframes, no canvas, and a dark mode variant. Copy and paste the component.", verifiedAt: "2026-10-10", url: "https://ui.aceternity.com/components/background-gradient-animation" },
{ name: "Background Ripple Effect", kind: "layout", summary: "A grid of cells that ripple when clicked.", verifiedAt: "2026-10-10", url: "https://ui.aceternity.com/components/background-ripple-effect" },
{ name: "Bento Grid", kind: "layout", summary: "Build an Apple-style bento grid in React with asymmetric tiles, hover states and a responsive collapse to one column. Works alongside shadcn/ui.", verifiedAt: "2026-10-10", url: "https://ui.aceternity.com/components/bento-grid" },
{ name: "Canvas Reveal Effect", kind: "visual-effect", summary: "A dot background that expands on hover, as seen on Clerk's website", verifiedAt: "2026-10-10", url: "https://ui.aceternity.com/components/canvas-reveal-effect" },
{ name: "Card Spotlight", kind: "visual-effect", summary: "A card component with a spotlight effect revealing a radial gradient background", verifiedAt: "2026-10-10", url: "https://ui.aceternity.com/components/card-spotlight" },
{ name: "Card Stack", kind: "visual-effect", summary: "Cards stack on top of each other after some interval. Perfect for showing testimonials.", verifiedAt: "2026-10-10", url: "https://ui.aceternity.com/components/card-stack" },
{ name: "Carousel", kind: "full-pattern", summary: "A customizable carousel with microinteractions and slider.", verifiedAt: "2026-10-10", url: "https://ui.aceternity.com/components/carousel" },
{ name: "Chromatic Image", kind: "visual-effect", summary: "An interactive image with responsive color separation, displacement, and tilt.", verifiedAt: "2026-10-10", url: "https://ui.aceternity.com/components/chromatic-image" },
{ name: "Cloud Shader", kind: "visual-effect", summary: "Soft procedural clouds that drift across the sky. Tune speed, count, and colors with props.", verifiedAt: "2026-10-10", url: "https://ui.aceternity.com/components/cloud-shader" },
{ name: "Code Block", kind: "visual-effect", summary: "A configurable code block component built on top of react-syntax-highlighter.", verifiedAt: "2026-10-10", url: "https://ui.aceternity.com/components/code-block" },
{ name: "Comet Card", kind: "full-pattern", summary: "A perspective, 3D, Tilt card as seen on Perplexity Comet's website.", verifiedAt: "2026-10-10", url: "https://ui.aceternity.com/components/comet-card" },
{ name: "Container Cover", kind: "visual-effect", summary: "A Cover component that wraps any children, providing beams and space effect, hover to reveal speed.", verifiedAt: "2026-10-10", url: "https://ui.aceternity.com/components/container-cover" },
{ name: "Direction Aware Hover", kind: "visual-effect", summary: "A direction aware hover effect using Framer Motion, Tailwindcss and good old javascript.", verifiedAt: "2026-10-10", url: "https://ui.aceternity.com/components/direction-aware-hover" },
{ name: "Dither Shader", kind: "visual-effect", summary: "A real-time ordered dithering effect for images, perfect for pixel art and retro aesthetics.", verifiedAt: "2026-10-10", url: "https://ui.aceternity.com/components/dither-shader" },
{ name: "Dotted Glow Background", kind: "visual-effect", summary: "A background effect with opacity animation, glow effect and more.", verifiedAt: "2026-10-10", url: "https://ui.aceternity.com/components/dotted-glow-background" },
{ name: "Draggable Card", kind: "full-pattern", summary: "A tiltable, draggable card component that jumps on bounds.", verifiedAt: "2026-10-10", url: "https://ui.aceternity.com/components/draggable-card" },
{ name: "Evervault Card", kind: "full-pattern", summary: "A cool card with amazing hover effect, reveals encrypted text and a mixed gradient.", verifiedAt: "2026-10-10", url: "https://ui.aceternity.com/components/evervault-card" },
{ name: "Expandable Cards", kind: "visual-effect", summary: "Click cards to expand them and show additional information", verifiedAt: "2026-10-10", url: "https://ui.aceternity.com/components/expandable-card" },
{ name: "File Upload", kind: "full-pattern", summary: "A minimal file upload form with background grid, drag and drop, and micro interactions.", verifiedAt: "2026-10-10", url: "https://ui.aceternity.com/components/file-upload" },
{ name: "Floating Dock", kind: "visual-effect", summary: "A floating dock mac os style component, acts as a navigation bar.", verifiedAt: "2026-10-10", url: "https://ui.aceternity.com/components/floating-dock" },
{ name: "Floating Navbar", kind: "full-pattern", summary: "A sticky Navbar that hides on scroll, reveals when scrolled up.", verifiedAt: "2026-10-10", url: "https://ui.aceternity.com/components/floating-navbar" },
{ name: "Glowing Effect", kind: "full-pattern", summary: "A border glow that tracks the cursor around a card or panel. Useful for feature grids and pricing tables. Built with React and Tailwind CSS.", verifiedAt: "2026-10-10", url: "https://ui.aceternity.com/components/glowing-effect" },
{ name: "Google Gemini Effect", kind: "visual-effect", summary: "An effect of SVGs as seen on the Google Gemini Website", verifiedAt: "2026-10-10", url: "https://ui.aceternity.com/components/google-gemini-effect" },
{ name: "Grid and Dot Backgrounds", kind: "layout", summary: "Grid, dot and dotted background patterns for React and Tailwind CSS. Includes radial fade masks so the pattern never fights your text. Copy and paste.", verifiedAt: "2026-10-10", url: "https://ui.aceternity.com/components/grid-and-dot-backgrounds" },
{ name: "Hover Border Gradient", kind: "visual-effect", summary: "A hover effect that expands to the entire container with a gradient border.", verifiedAt: "2026-10-10", url: "https://ui.aceternity.com/components/hover-border-gradient" },
{ name: "Hover Effect", kind: "full-pattern", summary: "Hover over the cards and the effect slides to the currently hovered card.", verifiedAt: "2026-10-10", url: "https://ui.aceternity.com/components/card-hover-effect" },
{ name: "Image Generation Loader", kind: "full-pattern", summary: "A canvas loader that scans across an image with animated pixel grids, text masks, and progress overlays.", verifiedAt: "2026-10-10", url: "https://ui.aceternity.com/components/image-generation-loader" },
{ name: "Images Slider", kind: "full-pattern", summary: "A full page slider with images that can be navigated with the keyboard.", verifiedAt: "2026-10-10", url: "https://ui.aceternity.com/components/images-slider" },
{ name: "Infinite Moving Cards", kind: "visual-effect", summary: "An infinite scrolling marquee of cards for testimonials and logos. Pauses on hover, supports both directions, and is built with Tailwind CSS.", verifiedAt: "2026-10-10", url: "https://ui.aceternity.com/components/infinite-moving-cards" },
{ name: "Lamp Effect", kind: "visual-effect", summary: "A lamp effect as seen on linear, great for section headers.", verifiedAt: "2026-10-10", url: "https://ui.aceternity.com/components/lamp-effect" },
{ name: "Layout Grid", kind: "layout", summary: "A layout effect that animates the grid item on click, powered by framer motion layout", verifiedAt: "2026-10-10", url: "https://ui.aceternity.com/components/layout-grid" },
{ name: "Loaders", kind: "visual-effect", summary: "A set of simple and minimal loaders for your loading screens and components.", verifiedAt: "2026-10-10", url: "https://ui.aceternity.com/components/loader" },
{ name: "Magnetic Button", kind: "full-pattern", summary: "A button that subtly drifts toward the cursor as you hover, with a spring-based return when you leave.", verifiedAt: "2026-10-10", url: "https://ui.aceternity.com/components/magnetic-button" },
{ name: "Meteor Effect", kind: "visual-effect", summary: "A group of beams in the background of a container, sort of like meteors.", verifiedAt: "2026-10-10", url: "https://ui.aceternity.com/components/meteors" },
{ name: "Moving Border", kind: "full-pattern", summary: "A button and card border that animates a light around the perimeter. SVG path based, works at any border radius, styled with Tailwind CSS.", verifiedAt: "2026-10-10", url: "https://ui.aceternity.com/components/moving-border" },
{ name: "Multi Step Loader", kind: "visual-effect", summary: "A step loader for screens that take a lot of time to load.", verifiedAt: "2026-10-10", url: "https://ui.aceternity.com/components/multi-step-loader" },
{ name: "Navbar Menu", kind: "full-pattern", summary: "An animated navbar with a hover-reveal dropdown menu for React and Next.js. Spring transitions, mobile fallback and Tailwind CSS styling.", verifiedAt: "2026-10-10", url: "https://ui.aceternity.com/components/navbar-menu" },
{ name: "Noise Background", kind: "visual-effect", summary: "A dynamic background effect with animated gradients, noise texture, and smooth motion.", verifiedAt: "2026-10-10", url: "https://ui.aceternity.com/components/noise-background" },
{ name: "Parallax Grid Scroll", kind: "layout", summary: "A multi-column parallax scrolling image grid for React. Columns move at different speeds as the page scrolls. Built with Tailwind CSS and Motion.", verifiedAt: "2026-10-10", url: "https://ui.aceternity.com/components/parallax-scroll" },
{ name: "Pixelated Canvas", kind: "visual-effect", summary: "Convert any image to a pixelated canvas mouse distortion effects, as seen on Tailwind CSS Website.", verifiedAt: "2026-10-10", url: "https://ui.aceternity.com/components/pixelated-canvas" },
{ name: "Placeholders And Vanish Input", kind: "full-pattern", summary: "Sliding in placeholders and vanish effect of input on submit", verifiedAt: "2026-10-10", url: "https://ui.aceternity.com/components/placeholders-and-vanish-input" },
{ name: "Scales", kind: "visual-effect", summary: "A repeating diagonal, horizontal, or vertical line pattern background effect.", verifiedAt: "2026-10-10", url: "https://ui.aceternity.com/components/scales" },
{ name: "Shooting Stars and Stars Background", kind: "visual-effect", summary: "A shooting star animation on top of a starry background, as seen on figmaplug.in", verifiedAt: "2026-10-10", url: "https://ui.aceternity.com/components/shooting-stars-and-stars-background" },
{ name: "Signup Form", kind: "full-pattern", summary: "A customizable form built on top of shadcn's input and label, with a touch of framer motion", verifiedAt: "2026-10-10", url: "https://ui.aceternity.com/components/signup-form" },
{ name: "Stateful Button", kind: "full-pattern", summary: "A button that shows a loading state when clicked, and a success state when the action is completed.", verifiedAt: "2026-10-10", url: "https://ui.aceternity.com/components/stateful-button" },
{ name: "Sticky Scroll Reveal", kind: "visual-effect", summary: "A sticky container that sticks while scrolling, text reveals on scroll", verifiedAt: "2026-10-10", url: "https://ui.aceternity.com/components/sticky-scroll-reveal" },
{ name: "SVG Mask Effect", kind: "visual-effect", summary: "A mask reveal effect, hover the cursor over a container to reveal what's underneath.", verifiedAt: "2026-10-10", url: "https://ui.aceternity.com/components/svg-mask-effect" },
{ name: "Tailwind CSS buttons", kind: "full-pattern", summary: "A set of Tailwind CSS button styles with gradients, borders, shadows and hover animations. Copy the class list straight into your markup.", verifiedAt: "2026-10-10", url: "https://ui.aceternity.com/components/tailwindcss-buttons" },
{ name: "Terminal", kind: "visual-effect", summary: "A mac style terminal component with bash syntax highlighting and typewriter effect.", verifiedAt: "2026-10-10", url: "https://ui.aceternity.com/components/terminal" },
{ name: "Timeline", kind: "full-pattern", summary: "A scroll-animated vertical timeline for React and Next.js. Sticky headings, a progress beam and responsive layout. Built with Tailwind CSS and Motion.", verifiedAt: "2026-10-10", url: "https://ui.aceternity.com/components/timeline" },
{ name: "Tooltip Card", kind: "full-pattern", summary: "A tooltip card container that follows mouse pointer when hovered over", verifiedAt: "2026-10-10", url: "https://ui.aceternity.com/components/tooltip-card" },
{ name: "Tracing Beam", kind: "visual-effect", summary: "A Beam that follows the path of an SVG as the user scrolls. Adjusts beam length with scroll speed.", verifiedAt: "2026-10-10", url: "https://ui.aceternity.com/components/tracing-beam" },
{ name: "Vortex Background", kind: "visual-effect", summary: "A wavy, swirly, vortex background ideal for CTAs and backgrounds.", verifiedAt: "2026-10-10", url: "https://ui.aceternity.com/components/vortex" },
{ name: "Wavy Background", kind: "visual-effect", summary: "A cool background effect with waves that move.", verifiedAt: "2026-10-10", url: "https://ui.aceternity.com/components/wavy-background" },
{ name: "Webcam Pixel Grid", kind: "layout", summary: "A real-time webcam pixel grid effect, perfect for pixel art and retro aesthetics.", verifiedAt: "2026-10-10", url: "https://ui.aceternity.com/components/webcam-pixel-grid" },
{ name: "Wobble Card", kind: "full-pattern", summary: "A card effect that translates and scales on mousemove, perfect for feature cards.", verifiedAt: "2026-10-10", url: "https://ui.aceternity.com/components/wobble-card" },
{ name: "World Map", kind: "visual-effect", summary: "A world map with animated lines and dots, programatically generated.", verifiedAt: "2026-10-10", url: "https://ui.aceternity.com/components/world-map" },
],
// 65 entries verified against the Base UI, Radix UI, and React Aria docs on 2026-10-07.
"shadcn-ui": [
{ name: "Field", kind: "full-pattern", summary: "Combine labels, controls, and help text to compose accessible form fields and grouped inputs.", verifiedAt: "2026-10-10", url: "https://ui.shadcn.com/docs/components/base/field" },
{ name: "Button", kind: "full-pattern", summary: "Displays a button or a component that looks like a button.", verifiedAt: "2026-10-10", url: "https://ui.shadcn.com/docs/components/base/button" },
{ name: "Button Group", kind: "full-pattern", summary: "A container that groups related buttons together with consistent styling.", verifiedAt: "2026-10-10", url: "https://ui.shadcn.com/docs/components/base/button-group" },
{ name: "Input", kind: "full-pattern", summary: "A text input component for forms and user data entry with built-in styling and accessibility features.", verifiedAt: "2026-10-10", url: "https://ui.shadcn.com/docs/components/base/input" },
{ name: "Input Group", kind: "full-pattern", summary: "Add addons, buttons, and helper content to inputs.", verifiedAt: "2026-10-10", url: "https://ui.shadcn.com/docs/components/base/input-group" },
{ name: "Input OTP", kind: "full-pattern", summary: "Accessible one-time password component with copy-paste functionality.", aliases: ["one time code", "verification code"], verifiedAt: "2026-10-10", url: "https://ui.shadcn.com/docs/components/base/input-otp" },
{ name: "Textarea", kind: "full-pattern", summary: "Displays a form textarea or a component that looks like a textarea.", verifiedAt: "2026-10-10", url: "https://ui.shadcn.com/docs/components/base/textarea" },
{ name: "Checkbox", kind: "full-pattern", summary: "A control that allows the user to toggle between checked and not checked.", verifiedAt: "2026-10-10", url: "https://ui.shadcn.com/docs/components/base/checkbox" },
{ name: "Radio Group", kind: "full-pattern", summary: "A set of checkable buttons—known as radio buttons—where no more than one of the buttons can be checked at a time.", verifiedAt: "2026-10-10", url: "https://ui.shadcn.com/docs/components/base/radio-group" },
{ name: "Select", kind: "full-pattern", summary: "Displays a list of options for the user to pick from—triggered by a button.", verifiedAt: "2026-10-10", url: "https://ui.shadcn.com/docs/components/base/select" },
{ name: "Native Select", kind: "full-pattern", summary: "A styled native HTML select element with consistent design system integration.", verifiedAt: "2026-10-10", url: "https://ui.shadcn.com/docs/components/base/native-select" },
{ name: "Switch", kind: "full-pattern", summary: "A control that allows the user to toggle between checked and not checked.", verifiedAt: "2026-10-10", url: "https://ui.shadcn.com/docs/components/base/switch" },
{ name: "Slider", kind: "full-pattern", summary: "An input where the user selects a value from within a given range.", verifiedAt: "2026-10-10", url: "https://ui.shadcn.com/docs/components/base/slider" },
{ name: "Calendar", kind: "full-pattern", summary: "A calendar component that allows users to select a date or a range of dates.", aliases: ["date", "schedule"], verifiedAt: "2026-10-10", url: "https://ui.shadcn.com/docs/components/base/calendar" },
{ name: "Date Picker", kind: "full-pattern", summary: "A date picker component with range and presets.", aliases: ["datepicker"], verifiedAt: "2026-10-10", url: "https://ui.shadcn.com/docs/components/base/date-picker" },
{ name: "Combobox", kind: "full-pattern", summary: "Autocomplete input with a list of suggestions.", aliases: ["autocomplete", "typeahead"], verifiedAt: "2026-10-10", url: "https://ui.shadcn.com/docs/components/base/combobox" },
{ name: "Label", kind: "full-pattern", summary: "Renders an accessible label associated with controls.", verifiedAt: "2026-10-10", url: "https://ui.shadcn.com/docs/components/base/label" },
{ name: "Accordion", kind: "full-pattern", summary: "A vertically stacked set of interactive headings that each reveal a section of content.", verifiedAt: "2026-10-10", url: "https://ui.shadcn.com/docs/components/base/accordion" },
{ name: "Breadcrumb", kind: "full-pattern", summary: "Displays the path to the current resource using a hierarchy of links.", aliases: ["navigation trail"], verifiedAt: "2026-10-10", url: "https://ui.shadcn.com/docs/components/base/breadcrumb" },
{ name: "Navigation Menu", kind: "full-pattern", summary: "A collection of links for navigating websites.", verifiedAt: "2026-10-10", url: "https://ui.shadcn.com/docs/components/base/navigation-menu" },
{ name: "Sidebar", kind: "full-pattern", summary: "A composable, themeable and customizable sidebar component.", aliases: ["app nav", "side panel"], verifiedAt: "2026-10-10", url: "https://ui.shadcn.com/docs/components/base/sidebar" },
{ name: "Tabs", kind: "full-pattern", summary: "A set of layered sections of content—known as tab panels—that are displayed one at a time.", verifiedAt: "2026-10-10", url: "https://ui.shadcn.com/docs/components/base/tabs" },
{ name: "Separator", kind: "full-pattern", summary: "Visually or semantically separates content.", verifiedAt: "2026-10-10", url: "https://ui.shadcn.com/docs/components/base/separator" },
{ name: "Scroll Area", kind: "full-pattern", summary: "Augments native scroll functionality for custom, cross-browser styling.", aliases: ["virtual scroll"], verifiedAt: "2026-10-10", url: "https://ui.shadcn.com/docs/components/base/scroll-area" },
{ name: "Resizable", kind: "layout", summary: "Accessible resizable panel groups and layouts with keyboard support.", aliases: ["resizable panels"], verifiedAt: "2026-10-10", url: "https://ui.shadcn.com/docs/components/base/resizable" },
{ name: "Dialog", kind: "full-pattern", summary: "A window overlaid on either the primary window or another dialog window, rendering the content underneath inert.", concept: "dialog", verifiedAt: "2026-10-10", url: "https://ui.shadcn.com/docs/components/base/dialog" },
{ name: "Alert Dialog", kind: "full-pattern", summary: "A modal dialog that interrupts the user with important content and expects a response.", verifiedAt: "2026-10-10", url: "https://ui.shadcn.com/docs/components/base/alert-dialog" },
{ name: "Sheet", kind: "full-pattern", summary: "Extends the Dialog component to display content that complements the main content of the screen.", aliases: ["drawer", "slide over"], verifiedAt: "2026-10-10", url: "https://ui.shadcn.com/docs/components/base/sheet" },
{ name: "Drawer", kind: "full-pattern", summary: "A drawer component for React.", verifiedAt: "2026-10-10", url: "https://ui.shadcn.com/docs/components/base/drawer" },
{ name: "Popover", kind: "full-pattern", summary: "Displays rich content in a portal, triggered by a button.", verifiedAt: "2026-10-10", url: "https://ui.shadcn.com/docs/components/base/popover" },
{ name: "Tooltip", kind: "full-pattern", summary: "A popup that displays information related to an element when the element receives keyboard focus or the mouse hovers over it.", verifiedAt: "2026-10-10", url: "https://ui.shadcn.com/docs/components/base/tooltip" },
{ name: "Hover Card", kind: "full-pattern", summary: "For sighted users to preview content available behind a link.", verifiedAt: "2026-10-10", url: "https://ui.shadcn.com/docs/components/base/hover-card" },
{ name: "Context Menu", kind: "full-pattern", summary: "Displays a menu of actions triggered by a right click.", verifiedAt: "2026-10-10", url: "https://ui.shadcn.com/docs/components/base/context-menu" },
{ name: "Dropdown Menu", kind: "full-pattern", summary: "Displays a menu to the user — such as a set of actions or functions — triggered by a button.", verifiedAt: "2026-10-10", url: "https://ui.shadcn.com/docs/components/base/dropdown-menu" },
{ name: "Menubar", kind: "full-pattern", summary: "A visually persistent menu common in desktop applications that provides quick access to a consistent set of commands.", verifiedAt: "2026-10-10", url: "https://ui.shadcn.com/docs/components/base/menubar" },
{ name: "Command", kind: "full-pattern", summary: "Composable command menu dialog built on cmdk.", builtOn: "cmdk", concept: "command-palette", aliases: ["cmdk", "command palette", "command menu", "spotlight", "⌘k"], url: "https://ui.shadcn.com/docs/components/base/command", dependencies: ["cn", "cmdk"], registryDependencies: ["dialog"], verifiedAt: "2026-10-09", variants: { radix: "https://ui.shadcn.com/docs/components/radix/command", base: "https://ui.shadcn.com/docs/components/base/command" } },
{ name: "Alert", kind: "full-pattern", summary: "Displays a callout for user attention.", verifiedAt: "2026-10-10", url: "https://ui.shadcn.com/docs/components/base/alert" },
{ name: "Toast", kind: "full-pattern", summary: "A succinct message that is displayed temporarily.", verifiedAt: "2026-10-10", url: "https://ui.shadcn.com/docs/components/base/toast" },
{ name: "Sonner", kind: "full-pattern", summary: "An opinionated toast component for React.", aliases: ["toast", "notification"], verifiedAt: "2026-10-10", url: "https://ui.shadcn.com/docs/components/radix/sonner" },
{ name: "Progress", kind: "full-pattern", summary: "Displays an indicator showing the completion progress of a task, typically displayed as a progress bar.", aliases: ["progress bar"], verifiedAt: "2026-10-10", url: "https://ui.shadcn.com/docs/components/base/progress" },
{ name: "Spinner", kind: "full-pattern", summary: "An indicator that can be used to show a loading state.", verifiedAt: "2026-10-10", url: "https://ui.shadcn.com/docs/components/base/spinner" },
{ name: "Skeleton", kind: "full-pattern", summary: "Use to show a placeholder while content is loading.", aliases: ["loading placeholder", "shimmer"], verifiedAt: "2026-10-10", url: "https://ui.shadcn.com/docs/components/base/skeleton" },
{ name: "Badge", kind: "full-pattern", summary: "Displays a badge or a component that looks like a badge.", verifiedAt: "2026-10-10", url: "https://ui.shadcn.com/docs/components/base/badge" },
{ name: "Empty", kind: "full-pattern", summary: "Use the Empty component to display an empty state.", verifiedAt: "2026-10-10", url: "https://ui.shadcn.com/docs/components/base/empty" },
{ name: "Avatar", kind: "full-pattern", summary: "An image element with a fallback for representing the user.", verifiedAt: "2026-10-10", url: "https://ui.shadcn.com/docs/components/base/avatar" },
{ name: "Card", kind: "full-pattern", summary: "Displays a card with header, content, and footer.", verifiedAt: "2026-10-10", url: "https://ui.shadcn.com/docs/components/base/card" },
{ name: "Table", kind: "full-pattern", summary: "A responsive table component.", verifiedAt: "2026-10-10", url: "https://ui.shadcn.com/docs/components/base/table" },
{ name: "Data Table", kind: "full-pattern", summary: "Powerful table and datagrids built using TanStack Table.", aliases: ["datatable"], verifiedAt: "2026-10-10", url: "https://ui.shadcn.com/docs/components/base/data-table" },
{ name: "Chart", kind: "full-pattern", summary: "Beautiful charts. Built using Recharts. Copy and paste into your apps.", verifiedAt: "2026-10-10", url: "https://ui.shadcn.com/docs/components/base/chart" },
{ name: "Carousel", kind: "full-pattern", summary: "A carousel with motion and swipe built using Embla.", aliases: ["slider"], verifiedAt: "2026-10-10", url: "https://ui.shadcn.com/docs/components/base/carousel" },
{ name: "Aspect Ratio", kind: "full-pattern", summary: "Displays content within a desired ratio.", verifiedAt: "2026-10-10", url: "https://ui.shadcn.com/docs/components/base/aspect-ratio" },
{ name: "Typeset", kind: "full-pattern", summary: "A styling system for HTML and rendered markdown, from blog posts to streaming chat. One CSS file you own.", aliases: ["typography"], verifiedAt: "2026-10-10", url: "https://ui.shadcn.com/docs/typeset" },
{ name: "Item", kind: "full-pattern", summary: "A versatile component for displaying content with media, title, description, and actions.", verifiedAt: "2026-10-10", url: "https://ui.shadcn.com/docs/components/base/item" },
{ name: "Kbd", kind: "full-pattern", summary: "Used to display textual user input from keyboard.", verifiedAt: "2026-10-10", url: "https://ui.shadcn.com/docs/components/base/kbd" },
{ name: "Collapsible", kind: "layout", summary: "An interactive component which expands/collapses a panel.", verifiedAt: "2026-10-10", url: "https://ui.shadcn.com/docs/components/base/collapsible" },
{ name: "Toggle", kind: "full-pattern", summary: "A two-state button that can be either on or off.", verifiedAt: "2026-10-10", url: "https://ui.shadcn.com/docs/components/base/toggle" },
{ name: "Toggle Group", kind: "full-pattern", summary: "A set of two-state buttons that can be toggled on or off.", verifiedAt: "2026-10-10", url: "https://ui.shadcn.com/docs/components/base/toggle-group" },
{ name: "Pagination", kind: "full-pattern", summary: "Pagination with page navigation, next and previous links.", verifiedAt: "2026-10-10", url: "https://ui.shadcn.com/docs/components/base/pagination" },
{ name: "Direction", kind: "full-pattern", summary: "A provider component that sets the text direction for your application.", verifiedAt: "2026-10-10", url: "https://ui.shadcn.com/docs/components/base/direction" },
{ name: "Attachment", kind: "full-pattern", summary: "Displays a file or image attachment with media, metadata, upload state, and actions.", verifiedAt: "2026-10-10", url: "https://ui.shadcn.com/docs/components/base/attachment" },
{ name: "Bubble", kind: "full-pattern", summary: "Displays conversational content in a message bubble. Supports variants, alignment, grouping, reactions, and collapsible content.", verifiedAt: "2026-10-10", url: "https://ui.shadcn.com/docs/components/base/bubble" },
{ name: "Marker", kind: "full-pattern", summary: "Displays an inline status, system note, bordered row, or labeled separator in a conversation.", verifiedAt: "2026-10-10", url: "https://ui.shadcn.com/docs/components/base/marker" },
{ name: "Message", kind: "full-pattern", summary: "Displays a message in a conversation, with optional avatar, header, footer, and alignment.", verifiedAt: "2026-10-10", url: "https://ui.shadcn.com/docs/components/base/message" },
{ name: "Message Scroller", kind: "full-pattern", summary: "A chat scroll container that anchors turns, opens saved transcripts, follows streamed responses, loads history without jumping, and jumps to any message.", verifiedAt: "2026-10-10", url: "https://ui.shadcn.com/docs/components/base/message-scroller" },
{ name: "Questionnaire", kind: "full-pattern", summary: "A multi-step questionnaire with single-choice, multiple-choice, freeform, and skippable questions.", verifiedAt: "2026-10-10", url: "https://ui.shadcn.com/docs/components/base/questionnaire" },
],
// 62 components
"shadcn-svelte": [
{ name: "Button", kind: "full-pattern", summary: "Displays a button or a component that looks like a button.", verifiedAt: "2026-10-10", url: "https://shadcn-svelte.com/docs/components/button" },
{ name: "Button Group", kind: "full-pattern", summary: "A container that groups related buttons together with consistent styling.", verifiedAt: "2026-10-10", url: "https://shadcn-svelte.com/docs/components/button-group" },
{ name: "Calendar", kind: "full-pattern", summary: "A calendar component that allows users to select a date or a range of dates.", verifiedAt: "2026-10-10", url: "https://shadcn-svelte.com/docs/components/calendar" },
{ name: "Checkbox", kind: "full-pattern", summary: "A control that allows the user to toggle between checked and not checked.", verifiedAt: "2026-10-10", url: "https://shadcn-svelte.com/docs/components/checkbox" },
{ name: "Combobox", kind: "full-pattern", summary: "Autocomplete input with a list of suggestions.", aliases: ["autocomplete", "typeahead"], verifiedAt: "2026-10-10", url: "https://shadcn-svelte.com/docs/components/combobox" },
{ name: "Date Picker", kind: "full-pattern", summary: "A date picker component with range and presets.", aliases: ["datepicker", "calendar"], verifiedAt: "2026-10-10", url: "https://shadcn-svelte.com/docs/components/date-picker" },
{ name: "Field", kind: "full-pattern", summary: "Combine labels, controls, and help text to compose accessible form fields and grouped inputs.", verifiedAt: "2026-10-10", url: "https://shadcn-svelte.com/docs/components/field" },
{ name: "Input", kind: "full-pattern", summary: "A text input component for forms and user data entry with built-in styling and accessibility features.", verifiedAt: "2026-10-10", url: "https://shadcn-svelte.com/docs/components/input" },
{ name: "Input Group", kind: "full-pattern", summary: "Add addons, buttons, and helper content to inputs.", verifiedAt: "2026-10-10", url: "https://shadcn-svelte.com/docs/components/input-group" },
{ name: "Input OTP", kind: "full-pattern", summary: "Accessible one-time password component with copy-paste functionality.", aliases: ["one time code"], verifiedAt: "2026-10-10", url: "https://shadcn-svelte.com/docs/components/input-otp" },
{ name: "Label", kind: "full-pattern", summary: "Renders an accessible label associated with controls.", verifiedAt: "2026-10-10", url: "https://shadcn-svelte.com/docs/components/label" },
{ name: "Native Select", kind: "full-pattern", summary: "A styled native HTML select element with consistent design system integration.", verifiedAt: "2026-10-10", url: "https://shadcn-svelte.com/docs/components/native-select" },
{ name: "Radio Group", kind: "full-pattern", summary: "A set of checkable buttons—known as radio buttons—where no more than one of the buttons can be checked at a time.", verifiedAt: "2026-10-10", url: "https://shadcn-svelte.com/docs/components/radio-group" },
{ name: "Select", kind: "full-pattern", summary: "Displays a list of options for the user to pick from—triggered by a button.", verifiedAt: "2026-10-10", url: "https://shadcn-svelte.com/docs/components/select" },
{ name: "Slider", kind: "full-pattern", summary: "An input where the user selects a value from within a given range.", verifiedAt: "2026-10-10", url: "https://shadcn-svelte.com/docs/components/slider" },
{ name: "Switch", kind: "full-pattern", summary: "A control that allows the user to toggle between checked and not checked.", verifiedAt: "2026-10-10", url: "https://shadcn-svelte.com/docs/components/switch" },
{ name: "Textarea", kind: "full-pattern", summary: "Displays a form textarea or a component that looks like a textarea.", verifiedAt: "2026-10-10", url: "https://shadcn-svelte.com/docs/components/textarea" },
{ name: "Accordion", kind: "full-pattern", summary: "A vertically stacked set of interactive headings that each reveal a section of content.", verifiedAt: "2026-10-10", url: "https://shadcn-svelte.com/docs/components/accordion" },
{ name: "Breadcrumb", kind: "full-pattern", summary: "Displays the path to the current resource using a hierarchy of links.", aliases: ["navigation trail"], verifiedAt: "2026-10-10", url: "https://shadcn-svelte.com/docs/components/breadcrumb" },
{ name: "Navigation Menu", kind: "full-pattern", summary: "A collection of links for navigating websites.", verifiedAt: "2026-10-10", url: "https://shadcn-svelte.com/docs/components/navigation-menu" },
{ name: "Resizable", kind: "layout", summary: "Accessible resizable panel groups and layouts with keyboard support.", verifiedAt: "2026-10-10", url: "https://shadcn-svelte.com/docs/components/resizable" },
{ name: "Scroll Area", kind: "full-pattern", summary: "Augments native scroll functionality for custom, cross-browser styling.", aliases: ["virtual scroll"], verifiedAt: "2026-10-10", url: "https://shadcn-svelte.com/docs/components/scroll-area" },
{ name: "Separator", kind: "full-pattern", summary: "Visually or semantically separates content.", verifiedAt: "2026-10-10", url: "https://shadcn-svelte.com/docs/components/separator" },
{ name: "Sidebar", kind: "full-pattern", summary: "A composable, themeable and customizable sidebar component.", aliases: ["app nav", "side panel"], verifiedAt: "2026-10-10", url: "https://shadcn-svelte.com/docs/components/sidebar" },
{ name: "Tabs", kind: "full-pattern", summary: "A set of layered sections of content—known as tab panels—that are displayed one at a time.", verifiedAt: "2026-10-10", url: "https://shadcn-svelte.com/docs/components/tabs" },
{ name: "Alert Dialog", kind: "full-pattern", summary: "A modal dialog that interrupts the user with important content and expects a response.", verifiedAt: "2026-10-10", url: "https://shadcn-svelte.com/docs/components/alert-dialog" },
{ name: "Command", kind: "full-pattern", summary: "Composable command menu dialog.", concept: "command-palette", aliases: ["cmdk", "command palette", "command menu", "spotlight", "⌘k"], verifiedAt: "2026-10-09", url: "https://shadcn-svelte.com/docs/components/command" },
{ name: "Context Menu", kind: "full-pattern", summary: "Displays a menu of actions triggered by a right click.", verifiedAt: "2026-10-10", url: "https://shadcn-svelte.com/docs/components/context-menu" },
{ name: "Dialog", kind: "full-pattern", summary: "A window overlaid on either the primary window or another dialog window, rendering the content underneath inert.", concept: "dialog", verifiedAt: "2026-10-10", url: "https://shadcn-svelte.com/docs/components/dialog" },
{ name: "Drawer", kind: "full-pattern", summary: "A drawer component for Svelte.", verifiedAt: "2026-10-10", url: "https://shadcn-svelte.com/docs/components/drawer" },
{ name: "Dropdown Menu", kind: "full-pattern", summary: "Displays a menu to the user — such as a set of actions or functions — triggered by a button.", verifiedAt: "2026-10-10", url: "https://shadcn-svelte.com/docs/components/dropdown-menu" },
{ name: "Hover Card", kind: "full-pattern", summary: "For sighted users to preview content available behind a link.", verifiedAt: "2026-10-10", url: "https://shadcn-svelte.com/docs/components/hover-card" },
{ name: "Menubar", kind: "full-pattern", summary: "A visually persistent menu common in desktop applications that provides quick access to a consistent set of commands.", verifiedAt: "2026-10-10", url: "https://shadcn-svelte.com/docs/components/menubar" },
{ name: "Popover", kind: "full-pattern", summary: "Displays rich content in a portal, triggered by a button.", verifiedAt: "2026-10-10", url: "https://shadcn-svelte.com/docs/components/popover" },
{ name: "Sheet", kind: "full-pattern", summary: "Extends the Dialog component to display content that complements the main content of the screen.", verifiedAt: "2026-10-10", url: "https://shadcn-svelte.com/docs/components/sheet" },
{ name: "Tooltip", kind: "full-pattern", summary: "A popup that displays information related to an element when the element receives keyboard focus or the mouse hovers over it.", verifiedAt: "2026-10-10", url: "https://shadcn-svelte.com/docs/components/tooltip" },
{ name: "Alert", kind: "full-pattern", summary: "Displays a callout for user attention.", verifiedAt: "2026-10-10", url: "https://shadcn-svelte.com/docs/components/alert" },
{ name: "Badge", kind: "full-pattern", summary: "Displays a badge or a component that looks like a badge.", verifiedAt: "2026-10-10", url: "https://shadcn-svelte.com/docs/components/badge" },
{ name: "Empty", kind: "full-pattern", summary: "Use the Empty component to display an empty state.", verifiedAt: "2026-10-10", url: "https://shadcn-svelte.com/docs/components/empty" },
{ name: "Progress", kind: "full-pattern", summary: "Displays an indicator showing the completion progress of a task, typically displayed as a progress bar.", verifiedAt: "2026-10-10", url: "https://shadcn-svelte.com/docs/components/progress" },
{ name: "Skeleton", kind: "full-pattern", summary: "Use to show a placeholder while content is loading.", aliases: ["loading placeholder"], verifiedAt: "2026-10-10", url: "https://shadcn-svelte.com/docs/components/skeleton" },
{ name: "Sonner", kind: "full-pattern", summary: "An opinionated toast component for Svelte.", verifiedAt: "2026-10-10", url: "https://shadcn-svelte.com/docs/components/sonner" },
{ name: "Spinner", kind: "full-pattern", summary: "An indicator that can be used to show a loading state.", verifiedAt: "2026-10-10", url: "https://shadcn-svelte.com/docs/components/spinner" },
{ name: "Aspect Ratio", kind: "full-pattern", summary: "Displays content within a desired ratio.", verifiedAt: "2026-10-10", url: "https://shadcn-svelte.com/docs/components/aspect-ratio" },
{ name: "Attachment", kind: "full-pattern", summary: "Displays a file or image attachment with media, metadata, upload state, and actions.", verifiedAt: "2026-10-10", url: "https://shadcn-svelte.com/docs/components/attachment" },
{ name: "Avatar", kind: "full-pattern", summary: "An image element with a fallback for representing the user.", verifiedAt: "2026-10-10", url: "https://shadcn-svelte.com/docs/components/avatar" },
{ name: "Bubble", kind: "full-pattern", summary: "Displays conversational content in a message bubble. Supports variants, alignment, grouping, reactions, and collapsible content.", verifiedAt: "2026-10-10", url: "https://shadcn-svelte.com/docs/components/bubble" },
{ name: "Card", kind: "full-pattern", summary: "Displays a card with header, content, and footer.", verifiedAt: "2026-10-10", url: "https://shadcn-svelte.com/docs/components/card" },
{ name: "Carousel", kind: "full-pattern", summary: "A carousel with motion and swipe built using Embla.", aliases: ["slider"], verifiedAt: "2026-10-10", url: "https://shadcn-svelte.com/docs/components/carousel" },
{ name: "Chart", kind: "full-pattern", summary: "Beautiful charts. Built using LayerChart. Copy and paste into your apps.", verifiedAt: "2026-10-10", url: "https://shadcn-svelte.com/docs/components/chart" },
{ name: "Data Table", kind: "full-pattern", summary: "Powerful table and datagrids built using TanStack Table.", aliases: ["datatable"], verifiedAt: "2026-10-10", url: "https://shadcn-svelte.com/docs/components/data-table" },
{ name: "Item", kind: "full-pattern", summary: "A versatile component for displaying content with media, title, description, and actions.", verifiedAt: "2026-10-10", url: "https://shadcn-svelte.com/docs/components/item" },
{ name: "Kbd", kind: "full-pattern", summary: "Used to display textual user input from keyboard.", verifiedAt: "2026-10-10", url: "https://shadcn-svelte.com/docs/components/kbd" },
{ name: "Marker", kind: "full-pattern", summary: "Displays an inline status, system note, bordered row, or labeled separator in a conversation.", verifiedAt: "2026-10-10", url: "https://shadcn-svelte.com/docs/components/marker" },
{ name: "Message", kind: "full-pattern", summary: "Displays a message in a conversation, with optional avatar, header, footer, and alignment.", verifiedAt: "2026-10-10", url: "https://shadcn-svelte.com/docs/components/message" },
{ name: "Table", kind: "full-pattern", summary: "A responsive table component.", verifiedAt: "2026-10-10", url: "https://shadcn-svelte.com/docs/components/table" },
{ name: "Typography", kind: "full-pattern", summary: "Styles for headings, paragraphs, lists, etc.", verifiedAt: "2026-10-10", url: "https://shadcn-svelte.com/docs/components/typography" },
{ name: "Collapsible", kind: "layout", summary: "An interactive component which expands/collapses a panel.", verifiedAt: "2026-10-10", url: "https://shadcn-svelte.com/docs/components/collapsible" },
{ name: "Pagination", kind: "full-pattern", summary: "Pagination with page navigation, next and previous links.", verifiedAt: "2026-10-10", url: "https://shadcn-svelte.com/docs/components/pagination" },
{ name: "Range Calendar", kind: "full-pattern", summary: "A calendar component that allows users to select a range of dates.", verifiedAt: "2026-10-10", url: "https://shadcn-svelte.com/docs/components/range-calendar" },
{ name: "Toggle", kind: "full-pattern", summary: "A two-state button that can be either on or off.", verifiedAt: "2026-10-10", url: "https://shadcn-svelte.com/docs/components/toggle" },
{ name: "Toggle Group", kind: "full-pattern", summary: "A set of two-state buttons that can be toggled on or off.", verifiedAt: "2026-10-10", url: "https://shadcn-svelte.com/docs/components/toggle-group" },
],
// 37 components verified against https://base-ui.com/llms.txt on 2026-10-07.
"base-ui": [
{ name: "Accordion", kind: "primitive", summary: "A high-quality, unstyled React accordion component that displays a set of collapsible panels with headings.", verifiedAt: "2026-10-10", url: "https://base-ui.com/react/components/accordion" },
{ name: "Alert Dialog", kind: "primitive", summary: "A high-quality, unstyled React alert dialog component that requires a user response to proceed.", verifiedAt: "2026-10-10", url: "https://base-ui.com/react/components/alert-dialog" },
{ name: "Autocomplete", aliases: ["combobox", "typeahead"], kind: "primitive", summary: "A high-quality, unstyled React autocomplete component that renders an input with a list of filtered options.", verifiedAt: "2026-10-10", url: "https://base-ui.com/react/components/autocomplete" },
{ name: "Avatar", kind: "primitive", summary: "A high-quality, unstyled React avatar component that is easy to customize.", verifiedAt: "2026-10-10", url: "https://base-ui.com/react/components/avatar" },
{ name: "Button", kind: "primitive", summary: "A high-quality, unstyled React button component that can be rendered as another tag or focusable when disabled.", verifiedAt: "2026-10-10", url: "https://base-ui.com/react/components/button" },
{ name: "Checkbox", kind: "primitive", summary: "A high-quality, unstyled React checkbox component that is easy to customize.", verifiedAt: "2026-10-10", url: "https://base-ui.com/react/components/checkbox" },
{ name: "Checkbox Group", kind: "primitive", summary: "A high-quality, unstyled React checkbox group component that provides a shared state for a series of checkboxes.", verifiedAt: "2026-10-10", url: "https://base-ui.com/react/components/checkbox-group" },
{ name: "Collapsible", kind: "primitive", summary: "A high-quality, unstyled React collapsible component that displays a panel controlled by a button.", verifiedAt: "2026-10-10", url: "https://base-ui.com/react/components/collapsible" },
{ name: "Combobox", kind: "primitive", summary: "A high-quality, unstyled React combobox component that renders an input combined with a list of predefined items to select.", verifiedAt: "2026-10-10", url: "https://base-ui.com/react/components/combobox" },
{ name: "Context Menu", kind: "primitive", summary: "A high-quality, unstyled React context menu component that appears at the pointer on right click or long press.", verifiedAt: "2026-10-10", url: "https://base-ui.com/react/components/context-menu" },
{ name: "Dialog", concept: "dialog", kind: "primitive", summary: "A high-quality, unstyled React dialog component that opens on top of the entire page.", verifiedAt: "2026-10-10", url: "https://base-ui.com/react/components/dialog" },
{ name: "Drawer", aliases: ["sheet", "slide over"], kind: "primitive", summary: "A high-quality, unstyled React drawer component with swipe-to-dismiss gestures.", verifiedAt: "2026-10-10", url: "https://base-ui.com/react/components/drawer" },
{ name: "Field", kind: "primitive", summary: "A high-quality, unstyled React field component that provides labeling and validation for form controls.", verifiedAt: "2026-10-10", url: "https://base-ui.com/react/components/field" },
{ name: "Fieldset", kind: "primitive", summary: "A high-quality, unstyled React fieldset component with an easily stylable legend.", verifiedAt: "2026-10-10", url: "https://base-ui.com/react/components/fieldset" },
{ name: "Form", kind: "primitive", summary: "A high-quality, unstyled React form component with consolidated error handling.", verifiedAt: "2026-10-10", url: "https://base-ui.com/react/components/form" },
{ name: "Input", kind: "primitive", summary: "A high-quality, unstyled React input component.", verifiedAt: "2026-10-10", url: "https://base-ui.com/react/components/input" },
{ name: "Menu", kind: "primitive", summary: "A high-quality, unstyled React menu component that displays list of actions in a dropdown, enhanced with keyboard navigation.", verifiedAt: "2026-10-10", url: "https://base-ui.com/react/components/menu" },
{ name: "Menubar", kind: "primitive", summary: "A menu bar providing commands and options for your application.", verifiedAt: "2026-10-10", url: "https://base-ui.com/react/components/menubar" },
{ name: "Meter", aliases: ["gauge", "progress bar"], kind: "primitive", summary: "A high-quality, unstyled React meter component that provides a graphical display of a numeric value.", verifiedAt: "2026-10-10", url: "https://base-ui.com/react/components/meter" },
{ name: "Navigation Menu", kind: "primitive", summary: "A high-quality, unstyled React navigation menu component that displays a collection of links and menus for website navigation.", verifiedAt: "2026-10-10", url: "https://base-ui.com/react/components/navigation-menu" },
{ name: "Number Field", aliases: ["numeric input", "stepper"], kind: "primitive", summary: "A high-quality, unstyled React number field component with increment and decrement buttons, and a scrub area.", verifiedAt: "2026-10-10", url: "https://base-ui.com/react/components/number-field" },
{ name: "OTP Field", kind: "primitive", summary: "A high-quality, unstyled React OTP field component for one-time password and verification code entry.", verifiedAt: "2026-10-10", url: "https://base-ui.com/react/components/otp-field" },
{ name: "Popover", kind: "primitive", summary: "A high-quality, unstyled React popover component that displays an accessible popup anchored to a button.", verifiedAt: "2026-10-10", url: "https://base-ui.com/react/components/popover" },
{ name: "Preview Card", aliases: ["hover card"], kind: "primitive", summary: "A high-quality, unstyled React preview card component for a link that shows a destination preview without interrupting keyboard or screen reader navigation.", verifiedAt: "2026-10-10", url: "https://base-ui.com/react/components/preview-card" },
{ name: "Progress", kind: "primitive", summary: "A high-quality, unstyled React progress bar component that displays the status of a task that takes a long time.", verifiedAt: "2026-10-10", url: "https://base-ui.com/react/components/progress" },
{ name: "Radio Group", kind: "primitive", summary: "A high-quality, unstyled React radio group component that provides shared state to a series of radio buttons.", verifiedAt: "2026-10-10", url: "https://base-ui.com/react/components/radio-group" },
{ name: "Scroll Area", aliases: ["virtual scroll"], kind: "primitive", summary: "A high-quality, unstyled React scroll area that provides a native scroll container with custom scrollbars.", verifiedAt: "2026-10-10", url: "https://base-ui.com/react/components/scroll-area" },
{ name: "Select", kind: "primitive", summary: "A high-quality, unstyled React select component for choosing a predefined value in a dropdown menu.", verifiedAt: "2026-10-10", url: "https://base-ui.com/react/components/select" },
{ name: "Separator", aliases: ["divider", "rule"], kind: "primitive", summary: "A high-quality, unstyled React separator component that is accessible to screen readers.", verifiedAt: "2026-10-10", url: "https://base-ui.com/react/components/separator" },
{ name: "Slider", kind: "primitive", summary: "A high-quality, unstyled React slider component that works like a range input and is easy to style.", verifiedAt: "2026-10-10", url: "https://base-ui.com/react/components/slider" },
{ name: "Switch", kind: "primitive", summary: "A high-quality, unstyled React switch component that indicates whether a setting is on or off.", verifiedAt: "2026-10-10", url: "https://base-ui.com/react/components/switch" },
{ name: "Tabs", kind: "primitive", summary: "A high-quality, unstyled React tabs component for toggling between related panels on the same page.", verifiedAt: "2026-10-10", url: "https://base-ui.com/react/components/tabs" },
{ name: "Toast", kind: "primitive", summary: "A high-quality, unstyled React toast component to generate notifications.", verifiedAt: "2026-10-10", url: "https://base-ui.com/react/components/toast" },
{ name: "Toggle", kind: "primitive", summary: "A high-quality, unstyled React toggle component that displays a two-state button that can be on or off.", verifiedAt: "2026-10-10", url: "https://base-ui.com/react/components/toggle" },
{ name: "Toggle Group", kind: "primitive", summary: "A high-quality, unstyled React toggle group component that provides shared state to a series of toggle buttons.", verifiedAt: "2026-10-10", url: "https://base-ui.com/react/components/toggle-group" },
{ name: "Toolbar", kind: "primitive", summary: "A high-quality, unstyled React toolbar component that groups a set of buttons and controls.", verifiedAt: "2026-10-10", url: "https://base-ui.com/react/components/toolbar" },
{ name: "Tooltip", kind: "primitive", summary: "A high-quality, unstyled React tooltip component that appears when an element is hovered or focused, showing a hint for sighted users.", verifiedAt: "2026-10-10", url: "https://base-ui.com/react/components/tooltip" },
],
// 30 primitives verified against https://www.radix-ui.com/primitives/docs on 2026-10-07.
"radix-ui": [
{ name: "Accordion", kind: "primitive", summary: "A vertically stacked set of interactive headings that each reveal an associated section of content.", verifiedAt: "2026-10-10", url: "https://www.radix-ui.com/primitives/docs/components/accordion" },
{ name: "Alert Dialog", aliases: ["modal", "confirmation"], kind: "primitive", summary: "A modal dialog that interrupts the user with important content and expects a response.", verifiedAt: "2026-10-10", url: "https://www.radix-ui.com/primitives/docs/components/alert-dialog" },
{ name: "Aspect Ratio", kind: "primitive", summary: "Displays content within a desired ratio.", verifiedAt: "2026-10-10", url: "https://www.radix-ui.com/primitives/docs/components/aspect-ratio" },
{ name: "Avatar", aliases: ["profile image"], kind: "primitive", summary: "An image element with a fallback for representing the user.", verifiedAt: "2026-10-10", url: "https://www.radix-ui.com/primitives/docs/components/avatar" },
{ name: "Checkbox", aliases: ["tick", "boolean input"], kind: "primitive", summary: "A control that allows the user to toggle between checked and not checked.", verifiedAt: "2026-10-10", url: "https://www.radix-ui.com/primitives/docs/components/checkbox" },
{ name: "Collapsible", aliases: ["disclosure", "expand"], kind: "primitive", summary: "An interactive component which expands/collapses a panel.", verifiedAt: "2026-10-10", url: "https://www.radix-ui.com/primitives/docs/components/collapsible" },
{ name: "Context Menu", aliases: ["right click menu"], kind: "primitive", summary: "Displays a menu located at the pointer, triggered by a right click or a long press.", verifiedAt: "2026-10-10", url: "https://www.radix-ui.com/primitives/docs/components/context-menu" },
{ name: "Dialog", aliases: ["modal", "popup"], kind: "primitive", summary: "A window overlaid on either the primary window or another dialog window, rendering the content underneath inert.", verifiedAt: "2026-10-10", url: "https://www.radix-ui.com/primitives/docs/components/dialog" },
{ name: "Dropdown Menu", kind: "primitive", summary: "Displays a menu to the user—such as a set of actions or functions—triggered by a button.", verifiedAt: "2026-10-10", url: "https://www.radix-ui.com/primitives/docs/components/dropdown-menu" },
{ name: "Form", kind: "primitive", summary: "Collect information from your users using validation rules.", verifiedAt: "2026-10-10", url: "https://www.radix-ui.com/primitives/docs/components/form" },
{ name: "Hover Card", aliases: ["preview card", "user card"], kind: "primitive", summary: "For sighted users to preview content available behind a link.", verifiedAt: "2026-10-10", url: "https://www.radix-ui.com/primitives/docs/components/hover-card" },
{ name: "Label", kind: "primitive", summary: "Renders an accessible label associated with controls.", verifiedAt: "2026-10-10", url: "https://www.radix-ui.com/primitives/docs/components/label" },
{ name: "Menubar", kind: "primitive", summary: "A visually persistent menu common in desktop applications that provides quick access to a consistent set of commands.", verifiedAt: "2026-10-10", url: "https://www.radix-ui.com/primitives/docs/components/menubar" },
{ name: "Navigation Menu", kind: "primitive", summary: "A collection of links for navigating websites.", verifiedAt: "2026-10-10", url: "https://www.radix-ui.com/primitives/docs/components/navigation-menu" },
{ name: "One-Time Password Field", kind: "primitive", summary: "A group of single-character text inputs to handle one-time password verification", verifiedAt: "2026-10-10", url: "https://www.radix-ui.com/primitives/docs/components/one-time-password-field" },
{ name: "Password Toggle Field", kind: "primitive", summary: "A password input field with an integrated button to toggle the value's visibility", verifiedAt: "2026-10-10", url: "https://www.radix-ui.com/primitives/docs/components/password-toggle-field" },
{ name: "Popover", aliases: ["popup", "flyout"], kind: "primitive", summary: "Displays rich content in a portal, triggered by a button.", verifiedAt: "2026-10-10", url: "https://www.radix-ui.com/primitives/docs/components/popover" },
{ name: "Progress", kind: "primitive", summary: "Displays an indicator showing the completion progress of a task, typically displayed as a progress bar.", verifiedAt: "2026-10-10", url: "https://www.radix-ui.com/primitives/docs/components/progress" },
{ name: "Radio Group", kind: "primitive", summary: "A set of checkable buttons—known as radio buttons—where no more than one of the buttons can be checked at a time.", verifiedAt: "2026-10-10", url: "https://www.radix-ui.com/primitives/docs/components/radio-group" },
{ name: "Scroll Area", kind: "primitive", summary: "Augments native scroll functionality for custom, cross-browser styling.", verifiedAt: "2026-10-10", url: "https://www.radix-ui.com/primitives/docs/components/scroll-area" },
{ name: "Select", aliases: ["dropdown", "picker"], kind: "primitive", summary: "Displays a list of options for the user to pick from—triggered by a button.", verifiedAt: "2026-10-10", url: "https://www.radix-ui.com/primitives/docs/components/select" },
{ name: "Separator", kind: "primitive", summary: "Visually or semantically separates content.", verifiedAt: "2026-10-10", url: "https://www.radix-ui.com/primitives/docs/components/separator" },
{ name: "Slider", kind: "primitive", summary: "An input where the user selects a value from within a given range.", verifiedAt: "2026-10-10", url: "https://www.radix-ui.com/primitives/docs/components/slider" },
{ name: "Switch", kind: "primitive", summary: "A control that allows the user to toggle between checked and not checked.", verifiedAt: "2026-10-10", url: "https://www.radix-ui.com/primitives/docs/components/switch" },
{ name: "Tabs", kind: "primitive", summary: "A set of layered sections of content—known as tab panels—that are displayed one at a time.", verifiedAt: "2026-10-10", url: "https://www.radix-ui.com/primitives/docs/components/tabs" },
{ name: "Toast", kind: "primitive", summary: "A succinct message that is displayed temporarily.", verifiedAt: "2026-10-10", url: "https://www.radix-ui.com/primitives/docs/components/toast" },
{ name: "Toggle", kind: "primitive", summary: "A two-state button that can be either on or off.", verifiedAt: "2026-10-10", url: "https://www.radix-ui.com/primitives/docs/components/toggle" },
{ name: "Toggle Group", kind: "primitive", summary: "A set of two-state buttons that can be toggled on or off.", verifiedAt: "2026-10-10", url: "https://www.radix-ui.com/primitives/docs/components/toggle-group" },
{ name: "Toolbar", kind: "primitive", summary: "A container for grouping a set of controls, such as buttons, toggle groups or dropdown menus.", verifiedAt: "2026-10-10", url: "https://www.radix-ui.com/primitives/docs/components/toolbar" },
{ name: "Tooltip", kind: "primitive", summary: "A popup that displays information related to an element when the element receives keyboard focus or the mouse hovers over it.", verifiedAt: "2026-10-10", url: "https://www.radix-ui.com/primitives/docs/components/tooltip" },
],
// 54 published UI components verified against https://react-aria.adobe.com/llms.txt and source on 2026-10-07.
"react-aria": [
{ name: "Autocomplete", kind: "primitive", summary: "Allows users to search or filter a list of suggestions.", verifiedAt: "2026-10-10", url: "https://react-aria.adobe.com/Autocomplete" },
{ name: "Breadcrumbs", kind: "primitive", summary: "Displays a hierarchy of links to the current page or resource in an application.", verifiedAt: "2026-10-10", url: "https://react-aria.adobe.com/Breadcrumbs" },
{ name: "Button", kind: "primitive", summary: "Allows a user to perform an action, with mouse, touch, and keyboard interactions.", verifiedAt: "2026-10-10", url: "https://react-aria.adobe.com/Button" },
{ name: "Calendar", kind: "primitive", summary: "Displays one or more date grids and allows users to select a single date.", verifiedAt: "2026-10-10", url: "https://react-aria.adobe.com/Calendar" },
{ name: "Checkbox", kind: "primitive", summary: "Allows a user to select multiple items from a list of individual items, or to mark one individual item as selected.", verifiedAt: "2026-10-10", url: "https://react-aria.adobe.com/Checkbox" },
{ name: "CheckboxGroup", aliases: ["checkbox group"], kind: "primitive", summary: "Allows a user to select multiple items from a list of options.", verifiedAt: "2026-10-10", url: "https://react-aria.adobe.com/CheckboxGroup" },
{ name: "ColorArea", aliases: ["color area"], kind: "primitive", summary: "Allows users to adjust two channels of an RGB, HSL or HSB color value against a two-dimensional gradient background.", verifiedAt: "2026-10-10", url: "https://react-aria.adobe.com/ColorArea" },
{ name: "ColorField", aliases: ["color field"], kind: "primitive", summary: "Allows users to edit a hex color or individual color channel value.", verifiedAt: "2026-10-10", url: "https://react-aria.adobe.com/ColorField" },
{ name: "ColorPicker", aliases: ["color picker"], kind: "primitive", summary: "Synchronizes a color value between multiple React Aria color components.", verifiedAt: "2026-10-10", url: "https://react-aria.adobe.com/ColorPicker" },
{ name: "ColorSlider", aliases: ["color slider"], kind: "primitive", summary: "Allows users to adjust an individual channel of a color value.", verifiedAt: "2026-10-10", url: "https://react-aria.adobe.com/ColorSlider" },
{ name: "ColorSwatch", aliases: ["color swatch"], kind: "primitive", summary: "Displays a preview of a selected color.", verifiedAt: "2026-10-10", url: "https://react-aria.adobe.com/ColorSwatch" },
{ name: "ColorSwatchPicker", aliases: ["color swatch picker"], kind: "primitive", summary: "Displays a list of color swatches and allows a user to select one of them.", verifiedAt: "2026-10-10", url: "https://react-aria.adobe.com/ColorSwatchPicker" },
{ name: "ColorWheel", aliases: ["color wheel"], kind: "primitive", summary: "Allows users to adjust the hue of an HSL or HSB color value on a circular track.", verifiedAt: "2026-10-10", url: "https://react-aria.adobe.com/ColorWheel" },
{ name: "ComboBox", aliases: ["combo box"], kind: "primitive", summary: "Combines a text input with a listbox, allowing users to filter a list of options to items matching a query.", verifiedAt: "2026-10-10", url: "https://react-aria.adobe.com/ComboBox" },
{ name: "DateField", aliases: ["date field"], kind: "primitive", summary: "Allows users to enter and edit date and time values using a keyboard.", verifiedAt: "2026-10-10", url: "https://react-aria.adobe.com/DateField" },
{ name: "DatePicker", aliases: ["date picker"], kind: "primitive", summary: "Combines a DateField and a Calendar popover to allow users to enter or select a date and time value.", verifiedAt: "2026-10-10", url: "https://react-aria.adobe.com/DatePicker" },
{ name: "DateRangePicker", aliases: ["date range picker"], kind: "primitive", summary: "Combines two DateFields and a RangeCalendar popover to allow users to enter or select a date range.", verifiedAt: "2026-10-10", url: "https://react-aria.adobe.com/DateRangePicker" },
{ name: "Disclosure", kind: "primitive", summary: "A collapsible section of content composed of a header with a heading and trigger button, and a panel that contains the content.", verifiedAt: "2026-10-10", url: "https://react-aria.adobe.com/Disclosure" },
{ name: "DisclosureGroup", aliases: ["disclosure group"], kind: "primitive", summary: "A grouping of related disclosures, sometimes called an accordion.", verifiedAt: "2026-10-10", url: "https://react-aria.adobe.com/DisclosureGroup" },
{ name: "DropZone", aliases: ["drop zone"], kind: "primitive", summary: "An area into which one or multiple objects can be dragged and dropped.", verifiedAt: "2026-10-10", url: "https://react-aria.adobe.com/DropZone" },
{ name: "FileTrigger", aliases: ["file trigger"], kind: "primitive", summary: "Allows a user to access the file system with any pressable React Aria or React Spectrum component.", verifiedAt: "2026-10-10", url: "https://react-aria.adobe.com/FileTrigger" },
{ name: "Form", kind: "primitive", summary: "A group of inputs that allows users to submit data to a server.", verifiedAt: "2026-10-10", url: "https://react-aria.adobe.com/Form" },
{ name: "GridList", aliases: ["grid list"], kind: "primitive", summary: "Displays a list of interactive items, with support for keyboard navigation, selection, and actions.", verifiedAt: "2026-10-10", url: "https://react-aria.adobe.com/GridList" },
{ name: "Group", kind: "primitive", summary: "Represents a set of related UI controls, and supports interactive states for styling.", verifiedAt: "2026-10-10", url: "https://react-aria.adobe.com/Group" },
{ name: "Link", kind: "primitive", summary: "Allows a user to navigate to another page or resource within a web page or application.", verifiedAt: "2026-10-10", url: "https://react-aria.adobe.com/Link" },
{ name: "ListBox", aliases: ["list box"], kind: "primitive", summary: "Displays a list of options and allows a user to select one or more of them.", verifiedAt: "2026-10-10", url: "https://react-aria.adobe.com/ListBox" },
{ name: "Menu", kind: "primitive", summary: "Displays a list of actions or options that a user can choose.", verifiedAt: "2026-10-10", url: "https://react-aria.adobe.com/Menu" },
{ name: "Meter", kind: "primitive", summary: "Represents a quantity within a known range, or a fractional value.", verifiedAt: "2026-10-10", url: "https://react-aria.adobe.com/Meter" },
{ name: "Modal", kind: "primitive", summary: "An overlay element which blocks interaction with elements outside it.", verifiedAt: "2026-10-10", url: "https://react-aria.adobe.com/Modal" },
{ name: "NavigationTree", aliases: ["navigation tree"], kind: "primitive", summary: "A navigation component that displays a nested, hierarchical set of links, with support for keyboard navigation and a current route indicator.", verifiedAt: "2026-10-10", url: "https://react-aria.adobe.com/NavigationTree" },
{ name: "NumberField", aliases: ["number field"], kind: "primitive", summary: "Allows a user to enter a number, and increment or decrement the value using stepper buttons.", verifiedAt: "2026-10-10", url: "https://react-aria.adobe.com/NumberField" },
{ name: "Popover", kind: "primitive", summary: "An overlay element positioned relative to a trigger.", verifiedAt: "2026-10-10", url: "https://react-aria.adobe.com/Popover" },
{ name: "PreviewTrigger", aliases: ["preview trigger"], kind: "primitive", summary: "Displays a non-modal preview of content on hover, focus, or long press.", verifiedAt: "2026-10-10", url: "https://react-aria.adobe.com/PreviewTrigger" },
{ name: "ProgressBar", aliases: ["progress bar"], kind: "primitive", summary: "Shows either determinate or indeterminate progress of an operation over time.", verifiedAt: "2026-10-10", url: "https://react-aria.adobe.com/ProgressBar" },
{ name: "RadioGroup", aliases: ["radio group"], kind: "primitive", summary: "Allows a user to select a single item from a list of mutually exclusive options.", verifiedAt: "2026-10-10", url: "https://react-aria.adobe.com/RadioGroup" },
{ name: "RangeCalendar", aliases: ["range calendar"], kind: "primitive", summary: "Displays one or more date grids and allows users to select a contiguous range of dates.", verifiedAt: "2026-10-10", url: "https://react-aria.adobe.com/RangeCalendar" },
{ name: "SearchField", aliases: ["search field"], kind: "primitive", summary: "Allows a user to enter and clear a search query.", verifiedAt: "2026-10-10", url: "https://react-aria.adobe.com/SearchField" },
{ name: "Select", kind: "primitive", summary: "Displays a collapsible list of options and allows a user to select one of them.", verifiedAt: "2026-10-10", url: "https://react-aria.adobe.com/Select" },
{ name: "Separator", kind: "primitive", summary: "A separator is a visual divider between two groups of content.", verifiedAt: "2026-10-10", url: "https://react-aria.adobe.com/Separator" },
{ name: "Slider", kind: "primitive", summary: "Allows a user to select one or more values within a range.", verifiedAt: "2026-10-10", url: "https://react-aria.adobe.com/Slider" },
{ name: "Switch", kind: "primitive", summary: "Allows a user to turn a setting on or off.", verifiedAt: "2026-10-10", url: "https://react-aria.adobe.com/Switch" },
{ name: "Table", kind: "primitive", summary: "Displays data in rows and columns and enables a user to navigate its contents via directional navigation keys.", verifiedAt: "2026-10-10", url: "https://react-aria.adobe.com/Table" },
{ name: "Tabs", kind: "primitive", summary: "Organizes content into multiple sections and allows users to navigate between them.", verifiedAt: "2026-10-10", url: "https://react-aria.adobe.com/Tabs" },
{ name: "TagGroup", aliases: ["tag group"], kind: "primitive", summary: "A focusable list of labels, categories, keywords, filters, or other items.", verifiedAt: "2026-10-10", url: "https://react-aria.adobe.com/TagGroup" },
{ name: "TextField", aliases: ["text field"], kind: "primitive", summary: "Allows a user to enter a plain text value with a keyboard.", verifiedAt: "2026-10-10", url: "https://react-aria.adobe.com/TextField" },
{ name: "TimeField", aliases: ["time field"], kind: "primitive", summary: "Allows users to enter and edit time values using a keyboard.", verifiedAt: "2026-10-10", url: "https://react-aria.adobe.com/TimeField" },
{ name: "Toast", kind: "primitive", summary: "Displays brief, temporary notifications of actions, errors, or other events in an application.", verifiedAt: "2026-10-10", url: "https://react-aria.adobe.com/Toast" },
{ name: "ToggleButton", aliases: ["toggle button"], kind: "primitive", summary: "Allows a user to toggle a selection on or off.", verifiedAt: "2026-10-10", url: "https://react-aria.adobe.com/ToggleButton" },
{ name: "ToggleButtonGroup", aliases: ["toggle button group"], kind: "primitive", summary: "Allows a user to toggle multiple options, with single or multiple selection.", verifiedAt: "2026-10-10", url: "https://react-aria.adobe.com/ToggleButtonGroup" },
{ name: "TokenField", aliases: ["token field"], kind: "primitive", summary: "Allows users to enter text with inline tokens such as mentions, tags, or object references.", verifiedAt: "2026-10-10", url: "https://react-aria.adobe.com/TokenField" },
{ name: "Toolbar", kind: "primitive", summary: "A container for a set of interactive controls, such as buttons, dropdown menus, or checkboxes.", verifiedAt: "2026-10-10", url: "https://react-aria.adobe.com/Toolbar" },
{ name: "Tooltip", kind: "primitive", summary: "Displays a description of an element on hover or focus.", verifiedAt: "2026-10-10", url: "https://react-aria.adobe.com/Tooltip" },
{ name: "Tree", kind: "primitive", summary: "Provides users with a way to navigate nested hierarchical information.", verifiedAt: "2026-10-10", url: "https://react-aria.adobe.com/Tree" },
{ name: "Virtualizer", kind: "primitive", summary: "Renders a scrollable collection of data using customizable layouts.", verifiedAt: "2026-10-10", url: "https://react-aria.adobe.com/Virtualizer" },
],
// 52 React components verified against https://ark-ui.com/llms.txt on 2026-10-07.
"ark-ui": [
{ name: "Accordion", kind: "primitive", summary: "A collapsible component for displaying content in a vertical stack.", verifiedAt: "2026-10-10", url: "https://ark-ui.com/docs/components/accordion" },
{ name: "Angle Slider", kind: "primitive", summary: "A component for selecting a value within a circular range.", verifiedAt: "2026-10-10", url: "https://ark-ui.com/docs/components/angle-slider" },
{ name: "Avatar", kind: "primitive", summary: "A graphical representation of the user, often used in profile sections.", verifiedAt: "2026-10-10", url: "https://ark-ui.com/docs/components/avatar" },
{ name: "Carousel", kind: "primitive", summary: "An interactive slideshow component for cycling through elements.", verifiedAt: "2026-10-10", url: "https://ark-ui.com/docs/components/carousel" },
{ name: "Checkbox", kind: "primitive", summary: "A control element that allows for multiple selections within a set.", verifiedAt: "2026-10-10", url: "https://ark-ui.com/docs/components/checkbox" },
{ name: "Clipboard", kind: "primitive", summary: "A component to copy text to the clipboard", verifiedAt: "2026-10-10", url: "https://ark-ui.com/docs/components/clipboard" },
{ name: "Collapsible", kind: "primitive", summary: "An interactive component that can be expanded or collapsed.", verifiedAt: "2026-10-10", url: "https://ark-ui.com/docs/components/collapsible" },
{ name: "Color Picker", kind: "primitive", summary: "A component that allows users to select a color from a color picker.", verifiedAt: "2026-10-10", url: "https://ark-ui.com/docs/components/color-picker" },
{ name: "Combobox", kind: "primitive", summary: "A single input field that combines the functionality of a select and input.", verifiedAt: "2026-10-10", url: "https://ark-ui.com/docs/components/combobox" },
{ name: "Date Input", kind: "primitive", summary: "A segment-based date input that allows users to enter dates by navigating individual date parts.", verifiedAt: "2026-10-10", url: "https://ark-ui.com/docs/components/date-input" },
{ name: "Date Picker", kind: "primitive", summary: "A component that allows users to select a date from a calendar.", verifiedAt: "2026-10-10", url: "https://ark-ui.com/docs/components/date-picker" },
{ name: "Dialog", kind: "primitive", summary: "A modal window that appears on top of the main content.", verifiedAt: "2026-10-10", url: "https://ark-ui.com/docs/components/dialog" },
{ name: "Drawer", kind: "primitive", summary: "A panel that slides in from the edge of the screen, typically used for navigation or forms.", verifiedAt: "2026-10-10", url: "https://ark-ui.com/docs/components/drawer" },
{ name: "Editable", kind: "primitive", summary: "A component that allows users to edit text in place.", verifiedAt: "2026-10-10", url: "https://ark-ui.com/docs/components/editable" },
{ name: "Field", kind: "primitive", summary: "Provides a flexible container for form inputs, labels, and helper text.", verifiedAt: "2026-10-10", url: "https://ark-ui.com/docs/components/field" },
{ name: "Fieldset", kind: "primitive", summary: "A set of form controls optionally grouped under a common name.", verifiedAt: "2026-10-10", url: "https://ark-ui.com/docs/components/fieldset" },
{ name: "File Upload", kind: "primitive", summary: "A component that is used to upload multiple files.", verifiedAt: "2026-10-10", url: "https://ark-ui.com/docs/components/file-upload" },
{ name: "Floating Panel", kind: "primitive", summary: "Used to display content in a non-modal floating window.", verifiedAt: "2026-10-10", url: "https://ark-ui.com/docs/components/floating-panel" },
{ name: "Image Cropper", kind: "primitive", summary: "Crop and transform images with zoom, rotation, and aspect ratio controls.", verifiedAt: "2026-10-10", url: "https://ark-ui.com/docs/components/image-cropper" },
{ name: "Hover Card", kind: "primitive", summary: "A card that appears when a user hovers over an element.", verifiedAt: "2026-10-10", url: "https://ark-ui.com/docs/components/hover-card" },
{ name: "Listbox", kind: "primitive", summary: "A component for selecting a single or multiple items from a list.", verifiedAt: "2026-10-10", url: "https://ark-ui.com/docs/components/listbox" },
{ name: "Marquee", kind: "primitive", summary: "A continuous scrolling component for displaying content in a seamless loop.", verifiedAt: "2026-10-10", url: "https://ark-ui.com/docs/components/marquee" },
{ name: "Menu", kind: "primitive", summary: "A list of options that appears when a user interacts with a button.", verifiedAt: "2026-10-10", url: "https://ark-ui.com/docs/components/menu" },
{ name: "Navigation Menu", kind: "primitive", summary: "A collection of links and menus for website navigation.", verifiedAt: "2026-10-10", url: "https://ark-ui.com/docs/components/navigation-menu" },
{ name: "Number Input", kind: "primitive", summary: "A field that allows user input of numeric values.", verifiedAt: "2026-10-10", url: "https://ark-ui.com/docs/components/number-input" },
{ name: "Pagination", kind: "primitive", summary: "A navigation component that allows users to browse through pages.", verifiedAt: "2026-10-10", url: "https://ark-ui.com/docs/components/pagination" },
{ name: "Password Input", kind: "primitive", summary: "A component that allows users to enter secure text like (passwords and api keys)", verifiedAt: "2026-10-10", url: "https://ark-ui.com/docs/components/password-input" },
{ name: "Pin Input", kind: "primitive", summary: "For pin or verification codes with auto-focus transfer and masking options.", verifiedAt: "2026-10-10", url: "https://ark-ui.com/docs/components/pin-input" },
{ name: "Popover", kind: "primitive", summary: "An overlay that displays additional information or options when triggered.", verifiedAt: "2026-10-10", url: "https://ark-ui.com/docs/components/popover" },
{ name: "Progress - Circular", kind: "primitive", summary: "An element that shows either determinate or indeterminate progress.", verifiedAt: "2026-10-10", url: "https://ark-ui.com/docs/components/progress-circular" },
{ name: "Progress - Linear", kind: "primitive", summary: "An element that shows either determinate or indeterminate progress.", verifiedAt: "2026-10-10", url: "https://ark-ui.com/docs/components/progress-linear" },
{ name: "QR Code", kind: "primitive", summary: "A component that generates a QR code based on the provided data.", verifiedAt: "2026-10-10", url: "https://ark-ui.com/docs/components/qr-code" },
{ name: "Radio Group", kind: "primitive", summary: "Allows single selection from multiple options.", verifiedAt: "2026-10-10", url: "https://ark-ui.com/docs/components/radio-group" },
{ name: "Rating Group", kind: "primitive", summary: "Allows users to rate items using a set of icons.", verifiedAt: "2026-10-10", url: "https://ark-ui.com/docs/components/rating-group" },
{ name: "Scroll Area", kind: "primitive", summary: "A custom scrollable area component with styled scrollbars.", verifiedAt: "2026-10-10", url: "https://ark-ui.com/docs/components/scroll-area" },
{ name: "Segment Group", kind: "primitive", summary: "Organizes and navigates between sections in a view.", verifiedAt: "2026-10-10", url: "https://ark-ui.com/docs/components/segment-group" },
{ name: "Select", kind: "primitive", summary: "Displays a list of options for the user to pick from.", verifiedAt: "2026-10-10", url: "https://ark-ui.com/docs/components/select" },
{ name: "Signature Pad", kind: "primitive", summary: "A component that allows users to draw a signature using a signature pad.", verifiedAt: "2026-10-10", url: "https://ark-ui.com/docs/components/signature-pad" },
{ name: "Slider", kind: "primitive", summary: "A control element that allows for a range of selections.", verifiedAt: "2026-10-10", url: "https://ark-ui.com/docs/components/slider" },
{ name: "Splitter", kind: "primitive", summary: "A component that divides your interface into resizable sections", verifiedAt: "2026-10-10", url: "https://ark-ui.com/docs/components/splitter" },
{ name: "Steps", kind: "primitive", summary: "Used to guide users through a series of steps in a process", verifiedAt: "2026-10-10", url: "https://ark-ui.com/docs/components/steps" },
{ name: "Switch", kind: "primitive", summary: "A control element that allows for a binary selection.", verifiedAt: "2026-10-10", url: "https://ark-ui.com/docs/components/switch" },
{ name: "Tabs", kind: "primitive", summary: "Flexible navigation tool with various modes and features.", verifiedAt: "2026-10-10", url: "https://ark-ui.com/docs/components/tabs" },
{ name: "Tags Input", kind: "primitive", summary: "A component that allows users to add tags to an input field.", verifiedAt: "2026-10-10", url: "https://ark-ui.com/docs/components/tags-input" },
{ name: "Timer", kind: "primitive", summary: "Used to record the time elapsed from zero or since a specified target time.", verifiedAt: "2026-10-10", url: "https://ark-ui.com/docs/components/timer" },
{ name: "Table of Contents", kind: "primitive", summary: "A navigation component that tracks and highlights the active section as users scroll through document content.", verifiedAt: "2026-10-10", url: "https://ark-ui.com/docs/components/toc" },
{ name: "Toast", kind: "primitive", summary: "A message that appears on the screen to provide feedback on an action.", verifiedAt: "2026-10-10", url: "https://ark-ui.com/docs/components/toast" },
{ name: "Toggle", kind: "primitive", summary: "A two-state button that can be toggled on or off.", verifiedAt: "2026-10-10", url: "https://ark-ui.com/docs/components/toggle" },
{ name: "Toggle Group", kind: "primitive", summary: "A set of two-state buttons that can be toggled on or off.", verifiedAt: "2026-10-10", url: "https://ark-ui.com/docs/components/toggle-group" },
{ name: "Tooltip", kind: "primitive", summary: "A label that provides information on hover or focus.", verifiedAt: "2026-10-10", url: "https://ark-ui.com/docs/components/tooltip" },
{ name: "Tour", kind: "primitive", summary: "A guided tour that helps users understand the interface.", verifiedAt: "2026-10-10", url: "https://ark-ui.com/docs/components/tour" },
{ name: "Tree View", kind: "primitive", summary: "A component that is used to show a tree hierarchy.", verifiedAt: "2026-10-10", url: "https://ark-ui.com/docs/components/tree-view" },
],
// 16 React components verified against https://headlessui.com/react on 2026-10-07.
"headless-ui": [
{ name: "Dropdown Menu", aliases: ["menu"], kind: "primitive", summary: "Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.", verifiedAt: "2026-10-10", url: "https://headlessui.com/react/menu" },
{ name: "Disclosure", kind: "primitive", summary: "Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.", verifiedAt: "2026-10-10", url: "https://headlessui.com/react/disclosure" },
{ name: "Dialog", concept: "dialog", kind: "primitive", summary: "Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.", verifiedAt: "2026-10-10", url: "https://headlessui.com/react/dialog" },
{ name: "Popover", kind: "primitive", summary: "Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.", verifiedAt: "2026-10-10", url: "https://headlessui.com/react/popover" },
{ name: "Tabs", kind: "primitive", summary: "Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.", verifiedAt: "2026-10-10", url: "https://headlessui.com/react/tabs" },
{ name: "Transition", kind: "primitive", summary: "Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.", verifiedAt: "2026-10-10", url: "https://headlessui.com/react/transition" },
{ name: "Button", kind: "primitive", summary: "Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.", verifiedAt: "2026-10-10", url: "https://headlessui.com/react/button" },
{ name: "Checkbox", kind: "primitive", summary: "Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.", verifiedAt: "2026-10-10", url: "https://headlessui.com/react/checkbox" },
{ name: "Combobox", kind: "primitive", summary: "Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.", verifiedAt: "2026-10-10", url: "https://headlessui.com/react/combobox" },
{ name: "Fieldset", kind: "primitive", summary: "Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.", verifiedAt: "2026-10-10", url: "https://headlessui.com/react/fieldset" },
{ name: "Input", kind: "primitive", summary: "Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.", verifiedAt: "2026-10-10", url: "https://headlessui.com/react/input" },
{ name: "Listbox", kind: "primitive", summary: "Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.", verifiedAt: "2026-10-10", url: "https://headlessui.com/react/listbox" },
{ name: "Radio Group", kind: "primitive", summary: "Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.", verifiedAt: "2026-10-10", url: "https://headlessui.com/react/radio-group" },
{ name: "Select", kind: "primitive", summary: "Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.", verifiedAt: "2026-10-10", url: "https://headlessui.com/react/select" },
{ name: "Switch", kind: "primitive", summary: "Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.", verifiedAt: "2026-10-10", url: "https://headlessui.com/react/switch" },
{ name: "Textarea", kind: "primitive", summary: "Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.", verifiedAt: "2026-10-10", url: "https://headlessui.com/react/textarea" },
],
// 178 UI components verified against Mantine's official docs navigation and manifests on 2026-10-07.
"mantine": [
{ name: "Box", kind: "full-pattern", verifiedAt: "2026-10-10", url: "https://mantine.dev/core/box/" },
{ name: "Button", kind: "full-pattern", verifiedAt: "2026-10-10", url: "https://mantine.dev/core/button/" },
{ name: "Loader", kind: "full-pattern", aliases: ["spinner"], verifiedAt: "2026-10-10", url: "https://mantine.dev/core/loader/" },
{ name: "Container", kind: "full-pattern", verifiedAt: "2026-10-10", url: "https://mantine.dev/core/container/" },
{ name: "Anchor", kind: "full-pattern", aliases: ["link"], verifiedAt: "2026-10-10", url: "https://mantine.dev/core/anchor/" },
{ name: "Input", kind: "full-pattern", verifiedAt: "2026-10-10", url: "https://mantine.dev/core/input/" },
{ name: "ActionIcon", kind: "full-pattern", aliases: ["icon button"], verifiedAt: "2026-10-10", url: "https://mantine.dev/core/action-icon/" },
{ name: "ActionBar", kind: "full-pattern", aliases: ["action bar"], verifiedAt: "2026-10-10", url: "https://mantine.dev/core/action-bar/" },
{ name: "CloseButton", kind: "full-pattern", aliases: ["close button"], verifiedAt: "2026-10-10", url: "https://mantine.dev/core/close-button/" },
{ name: "CopyButton", kind: "full-pattern", aliases: ["copy button"], verifiedAt: "2026-10-10", url: "https://mantine.dev/core/copy-button/" },
{ name: "FileButton", kind: "full-pattern", aliases: ["file button"], verifiedAt: "2026-10-10", url: "https://mantine.dev/core/file-button/" },
{ name: "UnstyledButton", kind: "full-pattern", aliases: ["unstyled button"], verifiedAt: "2026-10-10", url: "https://mantine.dev/core/unstyled-button/" },
{ name: "Tabs", kind: "full-pattern", verifiedAt: "2026-10-10", url: "https://mantine.dev/core/tabs/" },
{ name: "BackgroundImage", kind: "full-pattern", aliases: ["background image"], verifiedAt: "2026-10-10", url: "https://mantine.dev/core/background-image/" },
{ name: "Blockquote", kind: "full-pattern", verifiedAt: "2026-10-10", url: "https://mantine.dev/core/blockquote/" },
{ name: "Breadcrumbs", kind: "full-pattern", verifiedAt: "2026-10-10", url: "https://mantine.dev/core/breadcrumbs/" },
{ name: "Burger", kind: "full-pattern", aliases: ["hamburger menu"], verifiedAt: "2026-10-10", url: "https://mantine.dev/core/burger/" },
{ name: "Center", kind: "full-pattern", verifiedAt: "2026-10-10", url: "https://mantine.dev/core/center/" },
{ name: "Code", kind: "full-pattern", verifiedAt: "2026-10-10", url: "https://mantine.dev/core/code/" },
{ name: "Collapse", kind: "full-pattern", verifiedAt: "2026-10-10", url: "https://mantine.dev/core/collapse/" },
{ name: "ColorPicker", kind: "full-pattern", aliases: ["color picker"], verifiedAt: "2026-10-10", url: "https://mantine.dev/core/color-picker/" },
{ name: "ColorSwatch", kind: "full-pattern", aliases: ["color swatch"], verifiedAt: "2026-10-10", url: "https://mantine.dev/core/color-swatch/" },
{ name: "FocusTrap", kind: "full-pattern", aliases: ["focus trap"], verifiedAt: "2026-10-10", url: "https://mantine.dev/core/focus-trap/" },
{ name: "Group", kind: "full-pattern", aliases: ["horizontal stack"], verifiedAt: "2026-10-10", url: "https://mantine.dev/core/group/" },
{ name: "Highlight", kind: "full-pattern", verifiedAt: "2026-10-10", url: "https://mantine.dev/core/highlight/" },
{ name: "Kbd", kind: "full-pattern", aliases: ["keyboard shortcut"], verifiedAt: "2026-10-10", url: "https://mantine.dev/core/kbd/" },
{ name: "Mark", kind: "full-pattern", verifiedAt: "2026-10-10", url: "https://mantine.dev/core/mark/" },
{ name: "Marquee", kind: "full-pattern", verifiedAt: "2026-10-10", url: "https://mantine.dev/core/marquee/" },
{ name: "MaskInput", kind: "full-pattern", aliases: ["mask input"], verifiedAt: "2026-10-10", url: "https://mantine.dev/core/mask-input/" },
{ name: "NativeSelect", kind: "full-pattern", aliases: ["native select"], verifiedAt: "2026-10-10", url: "https://mantine.dev/core/native-select/" },
{ name: "Notification", kind: "full-pattern", verifiedAt: "2026-10-10", url: "https://mantine.dev/core/notification/" },
{ name: "Paper", kind: "full-pattern", verifiedAt: "2026-10-10", url: "https://mantine.dev/core/paper/" },
{ name: "Popover", kind: "full-pattern", verifiedAt: "2026-10-10", url: "https://mantine.dev/core/popover/" },
{ name: "Portal", kind: "full-pattern", verifiedAt: "2026-10-10", url: "https://mantine.dev/core/portal/" },
{ name: "ScrollArea", kind: "full-pattern", aliases: ["scroll area"], verifiedAt: "2026-10-10", url: "https://mantine.dev/core/scroll-area/" },
{ name: "Scroller", kind: "full-pattern", verifiedAt: "2026-10-10", url: "https://mantine.dev/core/scroller/" },
{ name: "SegmentedControl", kind: "full-pattern", aliases: ["segmented control"], verifiedAt: "2026-10-10", url: "https://mantine.dev/core/segmented-control/" },
{ name: "Slider", kind: "full-pattern", verifiedAt: "2026-10-10", url: "https://mantine.dev/core/slider/" },
{ name: "RangeSlider", kind: "full-pattern", aliases: ["range slider"], verifiedAt: "2026-10-10", url: "https://mantine.dev/core/range-slider/" },
{ name: "Stack", kind: "full-pattern", verifiedAt: "2026-10-10", url: "https://mantine.dev/core/stack/" },
{ name: "Switch", kind: "full-pattern", verifiedAt: "2026-10-10", url: "https://mantine.dev/core/switch/" },
{ name: "Table", kind: "full-pattern", verifiedAt: "2026-10-10", url: "https://mantine.dev/core/table/" },
{ name: "Text", kind: "full-pattern", verifiedAt: "2026-10-10", url: "https://mantine.dev/core/text/" },
{ name: "TextInput", kind: "full-pattern", aliases: ["text input"], verifiedAt: "2026-10-10", url: "https://mantine.dev/core/text-input/" },
{ name: "Title", kind: "full-pattern", aliases: ["heading"], verifiedAt: "2026-10-10", url: "https://mantine.dev/core/title/" },
{ name: "Badge", kind: "full-pattern", verifiedAt: "2026-10-10", url: "https://mantine.dev/core/badge/" },
{ name: "Toggle", kind: "full-pattern", verifiedAt: "2026-10-10", url: "https://mantine.dev/core/toggle/" },
{ name: "Toolbar", kind: "full-pattern", verifiedAt: "2026-10-10", url: "https://mantine.dev/core/toolbar/" },
{ name: "Tour", kind: "full-pattern", verifiedAt: "2026-10-10", url: "https://mantine.dev/core/tour/" },
{ name: "Tooltip", kind: "full-pattern", verifiedAt: "2026-10-10", url: "https://mantine.dev/core/tooltip/" },
{ name: "Transition", kind: "full-pattern", verifiedAt: "2026-10-10", url: "https://mantine.dev/core/transition/" },
{ name: "Typography", kind: "full-pattern", verifiedAt: "2026-10-10", url: "https://mantine.dev/core/typography/" },
{ name: "VisuallyHidden", kind: "full-pattern", aliases: ["visually hidden"], verifiedAt: "2026-10-10", url: "https://mantine.dev/core/visually-hidden/" },
{ name: "DataList", kind: "full-pattern", aliases: ["data list"], verifiedAt: "2026-10-10", url: "https://mantine.dev/core/data-list/" },
{ name: "EmptyState", kind: "full-pattern", aliases: ["empty state"], verifiedAt: "2026-10-10", url: "https://mantine.dev/core/empty-state/" },
{ name: "Divider", kind: "full-pattern", verifiedAt: "2026-10-10", url: "https://mantine.dev/core/divider/" },
{ name: "AspectRatio", kind: "full-pattern", aliases: ["aspect ratio"], verifiedAt: "2026-10-10", url: "https://mantine.dev/core/aspect-ratio/" },
{ name: "Overlay", kind: "full-pattern", verifiedAt: "2026-10-10", url: "https://mantine.dev/core/overlay/" },
{ name: "Avatar", kind: "full-pattern", verifiedAt: "2026-10-10", url: "https://mantine.dev/core/avatar/" },
{ name: "Alert", kind: "full-pattern", verifiedAt: "2026-10-10", url: "https://mantine.dev/core/alert/" },
{ name: "Affix", kind: "full-pattern", verifiedAt: "2026-10-10", url: "https://mantine.dev/core/affix/" },
{ name: "Fieldset", kind: "full-pattern", verifiedAt: "2026-10-10", url: "https://mantine.dev/core/fieldset/" },
{ name: "Checkbox", kind: "full-pattern", verifiedAt: "2026-10-10", url: "https://mantine.dev/core/checkbox/" },
{ name: "Combobox", kind: "full-pattern", verifiedAt: "2026-10-10", url: "https://mantine.dev/core/combobox/" },
{ name: "Modal", kind: "full-pattern", verifiedAt: "2026-10-10", url: "https://mantine.dev/core/modal/" },
{ name: "Drawer", kind: "full-pattern", verifiedAt: "2026-10-10", url: "https://mantine.dev/core/drawer/" },
{ name: "Accordion", kind: "full-pattern", verifiedAt: "2026-10-10", url: "https://mantine.dev/core/accordion/" },
{ name: "Pill", kind: "full-pattern", verifiedAt: "2026-10-10", url: "https://mantine.dev/core/pill/" },
{ name: "PillsInput", kind: "full-pattern", aliases: ["pills input"], verifiedAt: "2026-10-10", url: "https://mantine.dev/core/pills-input/" },
{ name: "Autocomplete", kind: "full-pattern", verifiedAt: "2026-10-10", url: "https://mantine.dev/core/autocomplete/" },
{ name: "TagsInput", kind: "full-pattern", aliases: ["tags input"], verifiedAt: "2026-10-10", url: "https://mantine.dev/core/tags-input/" },
{ name: "Select", kind: "full-pattern", verifiedAt: "2026-10-10", url: "https://mantine.dev/core/select/" },
{ name: "MultiSelect", kind: "full-pattern", aliases: ["multi select"], verifiedAt: "2026-10-10", url: "https://mantine.dev/core/multi-select/" },
{ name: "ComboboxPopover", kind: "full-pattern", aliases: ["combobox popover"], verifiedAt: "2026-10-10", url: "https://mantine.dev/core/combobox-popover/" },
{ name: "Pagination", kind: "full-pattern", verifiedAt: "2026-10-10", url: "https://mantine.dev/core/pagination/" },
{ name: "AppShell", kind: "full-pattern", aliases: ["app shell"], verifiedAt: "2026-10-10", url: "https://mantine.dev/core/app-shell/" },
{ name: "Skeleton", kind: "full-pattern", verifiedAt: "2026-10-10", url: "https://mantine.dev/core/skeleton/" },
{ name: "SimpleGrid", kind: "full-pattern", aliases: ["simple grid"], verifiedAt: "2026-10-10", url: "https://mantine.dev/core/simple-grid/" },
{ name: "Grid", kind: "full-pattern", verifiedAt: "2026-10-10", url: "https://mantine.dev/core/grid/" },
{ name: "HoverCard", kind: "full-pattern", aliases: ["hover card"], verifiedAt: "2026-10-10", url: "https://mantine.dev/core/hover-card/" },
{ name: "Menu", kind: "full-pattern", verifiedAt: "2026-10-10", url: "https://mantine.dev/core/menu/" },
{ name: "Menubar", kind: "full-pattern", verifiedAt: "2026-10-10", url: "https://mantine.dev/core/menubar/" },
{ name: "Progress", kind: "full-pattern", verifiedAt: "2026-10-10", url: "https://mantine.dev/core/progress/" },
{ name: "RingProgress", kind: "full-pattern", aliases: ["ring progress"], verifiedAt: "2026-10-10", url: "https://mantine.dev/core/ring-progress/" },
{ name: "Chip", kind: "full-pattern", verifiedAt: "2026-10-10", url: "https://mantine.dev/core/chip/" },
{ name: "PinInput", kind: "full-pattern", aliases: ["pin input", "otp input"], verifiedAt: "2026-10-10", url: "https://mantine.dev/core/pin-input/" },
{ name: "Rating", kind: "full-pattern", verifiedAt: "2026-10-10", url: "https://mantine.dev/core/rating/" },
{ name: "Space", kind: "full-pattern", verifiedAt: "2026-10-10", url: "https://mantine.dev/core/space/" },
{ name: "Indicator", kind: "full-pattern", verifiedAt: "2026-10-10", url: "https://mantine.dev/core/indicator/" },
{ name: "Textarea", kind: "full-pattern", verifiedAt: "2026-10-10", url: "https://mantine.dev/core/textarea/" },
{ name: "JsonInput", kind: "full-pattern", aliases: ["json input"], verifiedAt: "2026-10-10", url: "https://mantine.dev/core/json-input/" },
{ name: "Image", kind: "full-pattern", verifiedAt: "2026-10-10", url: "https://mantine.dev/core/image/" },
{ name: "Card", kind: "full-pattern", verifiedAt: "2026-10-10", url: "https://mantine.dev/core/card/" },
{ name: "PasswordInput", kind: "full-pattern", aliases: ["password input"], verifiedAt: "2026-10-10", url: "https://mantine.dev/core/password-input/" },
{ name: "FileInput", kind: "full-pattern", aliases: ["file input"], verifiedAt: "2026-10-10", url: "https://mantine.dev/core/file-input/" },
{ name: "Splitter", kind: "full-pattern", verifiedAt: "2026-10-10", url: "https://mantine.dev/core/splitter/" },
{ name: "Stepper", kind: "full-pattern", verifiedAt: "2026-10-10", url: "https://mantine.dev/core/stepper/" },
{ name: "ColorInput", kind: "full-pattern", aliases: ["color input"], verifiedAt: "2026-10-10", url: "https://mantine.dev/core/color-input/" },
{ name: "ThemeIcon", kind: "full-pattern", aliases: ["theme icon"], verifiedAt: "2026-10-10", url: "https://mantine.dev/core/theme-icon/" },
{ name: "NumberInput", kind: "full-pattern", aliases: ["number input"], verifiedAt: "2026-10-10", url: "https://mantine.dev/core/number-input/" },
{ name: "LoadingOverlay", kind: "full-pattern", aliases: ["loading overlay"], verifiedAt: "2026-10-10", url: "https://mantine.dev/core/loading-overlay/" },
{ name: "Radio", kind: "full-pattern", verifiedAt: "2026-10-10", url: "https://mantine.dev/core/radio/" },
{ name: "Timeline", kind: "full-pattern", verifiedAt: "2026-10-10", url: "https://mantine.dev/core/timeline/" },
{ name: "Dialog", kind: "full-pattern", verifiedAt: "2026-10-10", url: "https://mantine.dev/core/dialog/" },
{ name: "Flex", kind: "full-pattern", verifiedAt: "2026-10-10", url: "https://mantine.dev/core/flex/" },
{ name: "List", kind: "full-pattern", verifiedAt: "2026-10-10", url: "https://mantine.dev/core/list/" },
{ name: "Spoiler", kind: "full-pattern", aliases: ["show more"], verifiedAt: "2026-10-10", url: "https://mantine.dev/core/spoiler/" },
{ name: "NavLink", kind: "full-pattern", aliases: ["nav link"], verifiedAt: "2026-10-10", url: "https://mantine.dev/core/nav-link/" },
{ name: "NumberFormatter", kind: "full-pattern", aliases: ["number formatter"], verifiedAt: "2026-10-10", url: "https://mantine.dev/core/number-formatter/" },
{ name: "RollingNumber", kind: "full-pattern", aliases: ["rolling number"], verifiedAt: "2026-10-10", url: "https://mantine.dev/core/rolling-number/" },
{ name: "FloatingIndicator", kind: "full-pattern", aliases: ["floating indicator"], verifiedAt: "2026-10-10", url: "https://mantine.dev/core/floating-indicator/" },
{ name: "Tree", kind: "full-pattern", aliases: ["tree view"], verifiedAt: "2026-10-10", url: "https://mantine.dev/core/tree/" },
{ name: "TreeSelect", kind: "full-pattern", aliases: ["tree select"], verifiedAt: "2026-10-10", url: "https://mantine.dev/core/tree-select/" },
{ name: "Cascader", kind: "full-pattern", verifiedAt: "2026-10-10", url: "https://mantine.dev/core/cascader/" },
{ name: "SemiCircleProgress", kind: "full-pattern", aliases: ["semicircle progress"], verifiedAt: "2026-10-10", url: "https://mantine.dev/core/semi-circle-progress/" },
{ name: "AngleSlider", kind: "full-pattern", aliases: ["angle slider"], verifiedAt: "2026-10-10", url: "https://mantine.dev/core/angle-slider/" },
{ name: "FloatingWindow", kind: "full-pattern", aliases: ["floating window"], verifiedAt: "2026-10-10", url: "https://mantine.dev/core/floating-window/" },
{ name: "TableOfContents", kind: "full-pattern", aliases: ["table of contents"], verifiedAt: "2026-10-10", url: "https://mantine.dev/core/table-of-contents/" },
{ name: "OverflowList", kind: "full-pattern", aliases: ["overflow list"], verifiedAt: "2026-10-10", url: "https://mantine.dev/core/overflow-list/" },
{ name: "HueSlider", kind: "full-pattern", aliases: ["hue slider"], verifiedAt: "2026-10-10", url: "https://mantine.dev/core/hue-slider/" },
{ name: "AlphaSlider", kind: "full-pattern", aliases: ["alpha slider"], verifiedAt: "2026-10-10", url: "https://mantine.dev/core/alpha-slider/" },
{ name: "Calendar", kind: "full-pattern", verifiedAt: "2026-10-10", url: "https://mantine.dev/dates/calendar/" },
{ name: "DateInput", kind: "full-pattern", aliases: ["date input"], verifiedAt: "2026-10-10", url: "https://mantine.dev/dates/date-input/" },
{ name: "DatePicker", kind: "full-pattern", aliases: ["date picker"], verifiedAt: "2026-10-10", url: "https://mantine.dev/dates/date-picker/" },
{ name: "DatePickerInput", kind: "full-pattern", aliases: ["date picker input"], verifiedAt: "2026-10-10", url: "https://mantine.dev/dates/date-picker-input/" },
{ name: "DateTimePicker", kind: "full-pattern", aliases: ["date time picker"], verifiedAt: "2026-10-10", url: "https://mantine.dev/dates/date-time-picker/" },
{ name: "InlineDateTimePicker", kind: "full-pattern", aliases: ["inline date time picker"], verifiedAt: "2026-10-10", url: "https://mantine.dev/dates/inline-date-time-picker/" },
{ name: "MonthPicker", kind: "full-pattern", aliases: ["month picker"], verifiedAt: "2026-10-10", url: "https://mantine.dev/dates/month-picker/" },
{ name: "MonthPickerInput", kind: "full-pattern", aliases: ["month picker input"], verifiedAt: "2026-10-10", url: "https://mantine.dev/dates/month-picker-input/" },
{ name: "TimeInput", kind: "full-pattern", aliases: ["time input"], verifiedAt: "2026-10-10", url: "https://mantine.dev/dates/time-input/" },
{ name: "YearPicker", kind: "full-pattern", aliases: ["year picker"], verifiedAt: "2026-10-10", url: "https://mantine.dev/dates/year-picker/" },
{ name: "YearPickerInput", kind: "full-pattern", aliases: ["year picker input"], verifiedAt: "2026-10-10", url: "https://mantine.dev/dates/year-picker-input/" },
{ name: "TimePicker", kind: "full-pattern", aliases: ["time picker"], verifiedAt: "2026-10-10", url: "https://mantine.dev/dates/time-picker/" },
{ name: "TimeGrid", kind: "full-pattern", aliases: ["time grid"], verifiedAt: "2026-10-10", url: "https://mantine.dev/dates/time-grid/" },
{ name: "TimeValue", kind: "full-pattern", aliases: ["time value"], verifiedAt: "2026-10-10", url: "https://mantine.dev/dates/time-value/" },
{ name: "MiniCalendar", kind: "full-pattern", aliases: ["mini calendar"], verifiedAt: "2026-10-10", url: "https://mantine.dev/dates/mini-calendar/" },
{ name: "AreaChart", kind: "full-pattern", aliases: ["area chart"], verifiedAt: "2026-10-10", url: "https://mantine.dev/charts/area-chart/" },
{ name: "BarChart", kind: "full-pattern", aliases: ["bar chart"], verifiedAt: "2026-10-10", url: "https://mantine.dev/charts/bar-chart/" },
{ name: "LineChart", kind: "full-pattern", aliases: ["line chart"], verifiedAt: "2026-10-10", url: "https://mantine.dev/charts/line-chart/" },
{ name: "Sparkline", kind: "full-pattern", verifiedAt: "2026-10-10", url: "https://mantine.dev/charts/sparkline/" },
{ name: "DonutChart", kind: "full-pattern", aliases: ["donut chart"], verifiedAt: "2026-10-10", url: "https://mantine.dev/charts/donut-chart/" },
{ name: "PieChart", kind: "full-pattern", aliases: ["pie chart"], verifiedAt: "2026-10-10", url: "https://mantine.dev/charts/pie-chart/" },
{ name: "RadarChart", kind: "full-pattern", aliases: ["radar chart"], verifiedAt: "2026-10-10", url: "https://mantine.dev/charts/radar-chart/" },
{ name: "ScatterChart", kind: "full-pattern", aliases: ["scatter chart"], verifiedAt: "2026-10-10", url: "https://mantine.dev/charts/scatter-chart/" },
{ name: "BubbleChart", kind: "full-pattern", aliases: ["bubble chart"], verifiedAt: "2026-10-10", url: "https://mantine.dev/charts/bubble-chart/" },
{ name: "FunnelChart", kind: "full-pattern", aliases: ["funnel chart"], verifiedAt: "2026-10-10", url: "https://mantine.dev/charts/funnel-chart/" },
{ name: "CompositeChart", kind: "full-pattern", aliases: ["composite chart"], verifiedAt: "2026-10-10", url: "https://mantine.dev/charts/composite-chart/" },
{ name: "CandlestickChart", kind: "full-pattern", aliases: ["candlestick chart"], verifiedAt: "2026-10-10", url: "https://mantine.dev/charts/candlestick-chart/" },
{ name: "RadialBarChart", kind: "full-pattern", aliases: ["radial bar chart"], verifiedAt: "2026-10-10", url: "https://mantine.dev/charts/radial-bar-chart/" },
{ name: "Heatmap", kind: "full-pattern", verifiedAt: "2026-10-10", url: "https://mantine.dev/charts/heatmap/" },
{ name: "BarsList", kind: "full-pattern", aliases: ["bars list"], verifiedAt: "2026-10-10", url: "https://mantine.dev/charts/bars-list/" },
{ name: "BulletChart", kind: "full-pattern", aliases: ["bullet chart"], verifiedAt: "2026-10-10", url: "https://mantine.dev/charts/bullet-chart/" },
{ name: "GaugeChart", kind: "full-pattern", aliases: ["gauge chart"], verifiedAt: "2026-10-10", url: "https://mantine.dev/charts/gauge-chart/" },
{ name: "WaffleChart", kind: "full-pattern", aliases: ["waffle chart"], verifiedAt: "2026-10-10", url: "https://mantine.dev/charts/waffle-chart/" },
{ name: "Treemap", kind: "full-pattern", verifiedAt: "2026-10-10", url: "https://mantine.dev/charts/treemap/" },
{ name: "SunburstChart", kind: "full-pattern", aliases: ["sunburst chart"], verifiedAt: "2026-10-10", url: "https://mantine.dev/charts/sunburst-chart/" },
{ name: "MatrixChart", kind: "full-pattern", aliases: ["matrix chart"], verifiedAt: "2026-10-10", url: "https://mantine.dev/charts/matrix-chart/" },
{ name: "SankeyChart", kind: "full-pattern", aliases: ["sankey chart"], verifiedAt: "2026-10-10", url: "https://mantine.dev/charts/sankey-chart/" },
{ name: "CodeHighlight", kind: "full-pattern", aliases: ["code highlight"], verifiedAt: "2026-10-10", url: "https://mantine.dev/code-highlight/code-highlight/" },
{ name: "JsonViewer", kind: "full-pattern", aliases: ["json viewer"], verifiedAt: "2026-10-10", url: "https://mantine.dev/code-highlight/json-viewer/" },
{ name: "DayView", kind: "full-pattern", aliases: ["day view"], verifiedAt: "2026-10-10", url: "https://mantine.dev/schedule/day-view/" },
{ name: "MonthView", kind: "full-pattern", aliases: ["month view"], verifiedAt: "2026-10-10", url: "https://mantine.dev/schedule/month-view/" },
{ name: "WeekView", kind: "full-pattern", aliases: ["week view"], verifiedAt: "2026-10-10", url: "https://mantine.dev/schedule/week-view/" },
{ name: "YearView", kind: "full-pattern", aliases: ["year view"], verifiedAt: "2026-10-10", url: "https://mantine.dev/schedule/year-view/" },
{ name: "MobileMonthView", kind: "full-pattern", aliases: ["mobile month view"], verifiedAt: "2026-10-10", url: "https://mantine.dev/schedule/mobile-month-view/" },
{ name: "Schedule", kind: "full-pattern", verifiedAt: "2026-10-10", url: "https://mantine.dev/schedule/schedule/" },
{ name: "ResourcesDayView", kind: "full-pattern", aliases: ["resources day view"], verifiedAt: "2026-10-10", url: "https://mantine.dev/schedule/resources-day-view/" },
{ name: "ResourcesWeekView", kind: "full-pattern", aliases: ["resources week view"], verifiedAt: "2026-10-10", url: "https://mantine.dev/schedule/resources-week-view/" },
{ name: "ResourcesMonthView", kind: "full-pattern", aliases: ["resources month view"], verifiedAt: "2026-10-10", url: "https://mantine.dev/schedule/resources-month-view/" },
{ name: "ResourcesSchedule", kind: "full-pattern", aliases: ["resources schedule"], verifiedAt: "2026-10-10", url: "https://mantine.dev/schedule/resources-schedule/" },
{ name: "AgendaView", kind: "full-pattern", aliases: ["agenda view"], verifiedAt: "2026-10-10", url: "https://mantine.dev/schedule/agenda-view/" },
{ name: "Notifications", kind: "full-pattern", aliases: ["toast", "snackbar"], verifiedAt: "2026-10-10", url: "https://mantine.dev/x/notifications/" },
{ name: "Spotlight", kind: "full-pattern", concept: "command-palette", aliases: ["command palette"], verifiedAt: "2026-10-10", url: "https://mantine.dev/x/spotlight/" },
{ name: "Carousel", kind: "full-pattern", verifiedAt: "2026-10-10", url: "https://mantine.dev/x/carousel/" },
{ name: "Dropzone", kind: "full-pattern", aliases: ["file upload", "drag and drop"], verifiedAt: "2026-10-10", url: "https://mantine.dev/x/dropzone/" },
{ name: "NavigationProgress", kind: "full-pattern", aliases: ["navigation progress", "page loading bar"], verifiedAt: "2026-10-10", url: "https://mantine.dev/x/nprogress/" },
{ name: "Lightbox", kind: "full-pattern", verifiedAt: "2026-10-10", url: "https://mantine.dev/x/lightbox/" },
{ name: "RichTextEditor", kind: "full-pattern", aliases: ["rich text editor", "wysiwyg"], verifiedAt: "2026-10-10", url: "https://mantine.dev/x/tiptap/" },
],
// 128 Material UI and MUI X components and families verified against official docs on 2026-10-07.
"mui": [
{ name: "Autocomplete", kind: "full-pattern", summary: "The autocomplete is a normal text input enhanced by a panel of suggested options.", verifiedAt: "2026-10-10", url: "https://mui.com/material-ui/react-autocomplete/" },
{ name: "Button", kind: "full-pattern", summary: "Buttons allow users to take actions, and make choices, with a single tap.", verifiedAt: "2026-10-10", url: "https://mui.com/material-ui/react-button/" },
{ name: "ButtonGroup", kind: "full-pattern", summary: "The ButtonGroup component can be used to group related buttons.", aliases: ["button group"], verifiedAt: "2026-10-10", url: "https://mui.com/material-ui/react-button-group/" },
{ name: "Checkbox", kind: "full-pattern", summary: "Checkboxes allow the user to select one or more items from a set.", verifiedAt: "2026-10-10", url: "https://mui.com/material-ui/react-checkbox/" },
{ name: "Fab", kind: "full-pattern", summary: "A Floating Action Button (FAB) performs the primary, or most common, action on a screen.", aliases: ["floating action button"], verifiedAt: "2026-10-10", url: "https://mui.com/material-ui/react-floating-action-button/" },
{ name: "Number Field", kind: "full-pattern", summary: "A React component for capturing numeric input from users.", aliases: ["number input"], verifiedAt: "2026-10-10", url: "https://mui.com/material-ui/react-number-field/" },
{ name: "RadioGroup", kind: "full-pattern", summary: "The Radio Group allows the user to select one option from a set.", aliases: ["radio group"], verifiedAt: "2026-10-10", url: "https://mui.com/material-ui/react-radio-button/" },
{ name: "Rating", kind: "full-pattern", summary: "Ratings provide insight regarding others' opinions and experiences, and can allow the user to submit a rating of their own.", verifiedAt: "2026-10-10", url: "https://mui.com/material-ui/react-rating/" },
{ name: "Select", kind: "full-pattern", summary: "Select components are used for collecting user provided information from a list of options.", verifiedAt: "2026-10-10", url: "https://mui.com/material-ui/react-select/" },
{ name: "Slider", kind: "full-pattern", summary: "Sliders allow users to make selections from a range of values.", verifiedAt: "2026-10-10", url: "https://mui.com/material-ui/react-slider/" },
{ name: "Switch", kind: "full-pattern", summary: "Switches toggle the state of a single setting on or off.", verifiedAt: "2026-10-10", url: "https://mui.com/material-ui/react-switch/" },
{ name: "TextField", kind: "full-pattern", summary: "Text Fields let users enter and edit text.", aliases: ["text field"], verifiedAt: "2026-10-10", url: "https://mui.com/material-ui/react-text-field/" },
{ name: "Transfer List", kind: "full-pattern", summary: "A Transfer List (or \"shuttle\") enables the user to move one or more list items between lists.", aliases: ["dual listbox"], verifiedAt: "2026-10-10", url: "https://mui.com/material-ui/react-transfer-list/" },
{ name: "ToggleButton", kind: "full-pattern", summary: "A Toggle Button can be used to group related options.", aliases: ["toggle button"], verifiedAt: "2026-10-10", url: "https://mui.com/material-ui/react-toggle-button/" },
{ name: "Avatar", kind: "full-pattern", summary: "Avatars are found throughout material design with uses in everything from tables to dialog menus.", verifiedAt: "2026-10-10", url: "https://mui.com/material-ui/react-avatar/" },
{ name: "Badge", kind: "full-pattern", summary: "Badge generates a small badge to the top-right of its child(ren).", verifiedAt: "2026-10-10", url: "https://mui.com/material-ui/react-badge/" },
{ name: "Chip", kind: "full-pattern", summary: "Chips are compact elements that represent an input, attribute, or action.", verifiedAt: "2026-10-10", url: "https://mui.com/material-ui/react-chip/" },
{ name: "Divider", kind: "full-pattern", summary: "The Divider component provides a thin, unobtrusive line for grouping elements to reinforce visual hierarchy.", verifiedAt: "2026-10-10", url: "https://mui.com/material-ui/react-divider/" },
{ name: "List", kind: "full-pattern", summary: "Lists are continuous, vertical indexes of text or images.", verifiedAt: "2026-10-10", url: "https://mui.com/material-ui/react-list/" },
{ name: "Table", kind: "full-pattern", summary: "Tables display sets of data. They can be fully customized.", verifiedAt: "2026-10-10", url: "https://mui.com/material-ui/react-table/" },
{ name: "Tooltip", kind: "full-pattern", summary: "Tooltips display informative text when users hover over, focus on, or tap an element.", verifiedAt: "2026-10-10", url: "https://mui.com/material-ui/react-tooltip/" },
{ name: "Typography", kind: "full-pattern", summary: "Use typography to present your design and content as clearly and efficiently as possible.", verifiedAt: "2026-10-10", url: "https://mui.com/material-ui/react-typography/" },
{ name: "Alert", kind: "full-pattern", summary: "Alerts display brief messages for the user without interrupting their use of the app.", verifiedAt: "2026-10-10", url: "https://mui.com/material-ui/react-alert/" },
{ name: "Dialog", kind: "full-pattern", summary: "Dialogs inform users about a task and can contain critical information, require decisions, or involve multiple tasks.", verifiedAt: "2026-10-10", url: "https://mui.com/material-ui/react-dialog/" },
{ name: "CircularProgress", kind: "full-pattern", summary: "API reference docs for the React CircularProgress component. Learn about the props, CSS, and other APIs of this exported module.", aliases: ["circular progress"], verifiedAt: "2026-10-10", url: "https://mui.com/material-ui/api/circular-progress/" },
{ name: "LinearProgress", kind: "full-pattern", summary: "API reference docs for the React LinearProgress component. Learn about the props, CSS, and other APIs of this exported module.", aliases: ["linear progress"], verifiedAt: "2026-10-10", url: "https://mui.com/material-ui/api/linear-progress/" },
{ name: "Skeleton", kind: "full-pattern", summary: "Display a placeholder preview of your content before the data gets loaded to reduce load-time frustration.", verifiedAt: "2026-10-10", url: "https://mui.com/material-ui/react-skeleton/" },
{ name: "Snackbar", kind: "full-pattern", summary: "Snackbars (also known as toasts) are used for brief notifications of processes that have been or will be performed.", aliases: ["toast"], verifiedAt: "2026-10-10", url: "https://mui.com/material-ui/react-snackbar/" },
{ name: "Accordion", kind: "full-pattern", summary: "The Accordion component lets users show and hide sections of related content on a page.", verifiedAt: "2026-10-10", url: "https://mui.com/material-ui/react-accordion/" },
{ name: "AppBar", kind: "full-pattern", summary: "The App Bar displays information and actions relating to the current screen.", aliases: ["app bar"], verifiedAt: "2026-10-10", url: "https://mui.com/material-ui/react-app-bar/" },
{ name: "Card", kind: "full-pattern", summary: "Cards contain content and actions about a single subject.", verifiedAt: "2026-10-10", url: "https://mui.com/material-ui/react-card/" },
{ name: "Paper", kind: "full-pattern", summary: "The Paper component is a container for displaying content on an elevated surface.", verifiedAt: "2026-10-10", url: "https://mui.com/material-ui/react-paper/" },
{ name: "BottomNavigation", kind: "full-pattern", summary: "The Bottom Navigation bar allows movement between primary destinations in an app.", aliases: ["bottom navigation"], verifiedAt: "2026-10-10", url: "https://mui.com/material-ui/react-bottom-navigation/" },
{ name: "Breadcrumbs", kind: "full-pattern", summary: "A breadcrumbs is a list of links that help visualize a page's location within a site's hierarchical structure, it allows navigation up to any of the ancestors.", verifiedAt: "2026-10-10", url: "https://mui.com/material-ui/react-breadcrumbs/" },
{ name: "Drawer", kind: "full-pattern", summary: "The navigation drawers (or \"sidebars\") provide ergonomic access to destinations in a site or app functionality such as switching accounts.", verifiedAt: "2026-10-10", url: "https://mui.com/material-ui/react-drawer/" },
{ name: "Link", kind: "full-pattern", summary: "The Link component allows you to easily customize anchor elements with your theme colors and typography styles.", verifiedAt: "2026-10-10", url: "https://mui.com/material-ui/react-link/" },
{ name: "Menu", kind: "full-pattern", summary: "Menus display a list of choices on temporary surfaces.", verifiedAt: "2026-10-10", url: "https://mui.com/material-ui/react-menu/" },
{ name: "Menubar", kind: "full-pattern", summary: "A React component for building accessible application menus.", aliases: ["menu bar"], verifiedAt: "2026-10-10", url: "https://mui.com/material-ui/react-menubar/" },
{ name: "Pagination", kind: "full-pattern", summary: "The Pagination component enables the user to select a specific page from a range of pages.", verifiedAt: "2026-10-10", url: "https://mui.com/material-ui/react-pagination/" },
{ name: "SpeedDial", kind: "full-pattern", summary: "When pressed, a floating action button can display three to six related actions in the form of a Speed Dial.", aliases: ["speed dial"], verifiedAt: "2026-10-10", url: "https://mui.com/material-ui/react-speed-dial/" },
{ name: "Stepper", kind: "full-pattern", summary: "Steppers convey progress through numbered steps. It provides a wizard-like workflow.", verifiedAt: "2026-10-10", url: "https://mui.com/material-ui/react-stepper/" },
{ name: "Tabs", kind: "full-pattern", summary: "Tabs make it easy to explore and switch between different views.", verifiedAt: "2026-10-10", url: "https://mui.com/material-ui/react-tabs/" },
{ name: "Box", kind: "full-pattern", summary: "The Box component is a generic, theme-aware container with access to CSS utilities from MUI System.", verifiedAt: "2026-10-10", url: "https://mui.com/material-ui/react-box/" },
{ name: "Container", kind: "layout", summary: "The container centers your content horizontally. It's the most basic layout element.", verifiedAt: "2026-10-10", url: "https://mui.com/material-ui/react-container/" },
{ name: "Grid", kind: "layout", summary: "The responsive layout grid adapts to screen size and orientation, ensuring consistency across layouts.", verifiedAt: "2026-10-10", url: "https://mui.com/material-ui/react-grid/" },
{ name: "Stack", kind: "full-pattern", summary: "Stack is a container component for arranging elements vertically or horizontally.", verifiedAt: "2026-10-10", url: "https://mui.com/material-ui/react-stack/" },
{ name: "ImageList", kind: "full-pattern", summary: "The Image List displays a collection of images in an organized grid.", aliases: ["image list"], verifiedAt: "2026-10-10", url: "https://mui.com/material-ui/react-image-list/" },
{ name: "Backdrop", kind: "full-pattern", summary: "The Backdrop component narrows the user's focus to a particular element on the screen.", verifiedAt: "2026-10-10", url: "https://mui.com/material-ui/react-backdrop/" },
{ name: "ClickAwayListener", kind: "full-pattern", summary: "The Click-Away Listener component detects when a click event happens outside of its child element.", aliases: ["click away listener"], verifiedAt: "2026-10-10", url: "https://mui.com/material-ui/react-click-away-listener/" },
{ name: "Modal", kind: "full-pattern", summary: "The modal component provides a solid foundation for creating dialogs, popovers, lightboxes, or whatever else.", verifiedAt: "2026-10-10", url: "https://mui.com/material-ui/react-modal/" },
{ name: "NoSsr", kind: "full-pattern", summary: "The No-SSR component defers the rendering of children components from the server to the client.", aliases: ["no ssr"], verifiedAt: "2026-10-10", url: "https://mui.com/material-ui/react-no-ssr/" },
{ name: "Popover", kind: "full-pattern", summary: "A Popover can be used to display some content on top of another.", verifiedAt: "2026-10-10", url: "https://mui.com/material-ui/react-popover/" },
{ name: "Popper", kind: "full-pattern", summary: "A Popper can be used to display some content on top of another. It's an alternative to react-popper.", verifiedAt: "2026-10-10", url: "https://mui.com/material-ui/react-popper/" },
{ name: "Portal", kind: "full-pattern", summary: "The Portal component lets you render its children into a DOM node that exists outside of the Portal's own DOM hierarchy.", verifiedAt: "2026-10-10", url: "https://mui.com/material-ui/react-portal/" },
{ name: "TextareaAutosize", kind: "full-pattern", summary: "The Textarea Autosize component automatically adjusts its height to match the length of the content within.", aliases: ["textarea autosize"], verifiedAt: "2026-10-10", url: "https://mui.com/material-ui/react-textarea-autosize/" },
{ name: "Masonry", kind: "full-pattern", summary: "Masonry lays out contents of varying dimensions as blocks of the same width and different height with configurable gaps.", verifiedAt: "2026-10-10", url: "https://mui.com/material-ui/react-masonry/" },
{ name: "Timeline", kind: "full-pattern", summary: "The timeline displays a list of events in chronological order.", verifiedAt: "2026-10-10", url: "https://mui.com/material-ui/react-timeline/" },
{ name: "Icon", kind: "full-pattern", summary: "API reference docs for the React Icon component. Learn about the props, CSS, and other APIs of this exported module.", verifiedAt: "2026-10-10", url: "https://mui.com/material-ui/api/icon/" },
{ name: "SvgIcon", kind: "full-pattern", summary: "API reference docs for the React SvgIcon component. Learn about the props, CSS, and other APIs of this exported module.", aliases: ["svg icon"], verifiedAt: "2026-10-10", url: "https://mui.com/material-ui/api/svg-icon/" },
{ name: "Collapse", kind: "full-pattern", summary: "API reference docs for the React Collapse component. Learn about the props, CSS, and other APIs of this exported module.", verifiedAt: "2026-10-10", url: "https://mui.com/material-ui/api/collapse/" },
{ name: "Fade", kind: "full-pattern", summary: "API reference docs for the React Fade component. Learn about the props, CSS, and other APIs of this exported module.", verifiedAt: "2026-10-10", url: "https://mui.com/material-ui/api/fade/" },
{ name: "Grow", kind: "full-pattern", summary: "API reference docs for the React Grow component. Learn about the props, CSS, and other APIs of this exported module.", verifiedAt: "2026-10-10", url: "https://mui.com/material-ui/api/grow/" },
{ name: "Slide", kind: "full-pattern", summary: "API reference docs for the React Slide component. Learn about the props, CSS, and other APIs of this exported module.", verifiedAt: "2026-10-10", url: "https://mui.com/material-ui/api/slide/" },
{ name: "Zoom", kind: "full-pattern", summary: "API reference docs for the React Zoom component. Learn about the props, CSS, and other APIs of this exported module.", verifiedAt: "2026-10-10", url: "https://mui.com/material-ui/api/zoom/" },
{ name: "IconButton", kind: "full-pattern", summary: "API reference docs for the React IconButton component. Learn about the props, CSS, and other APIs of this exported module.", aliases: ["icon button"], verifiedAt: "2026-10-10", url: "https://mui.com/material-ui/api/icon-button/" },
{ name: "NativeSelect", kind: "full-pattern", summary: "API reference docs for the React NativeSelect component. Learn about the props, CSS, and other APIs of this exported module.", aliases: ["native select"], verifiedAt: "2026-10-10", url: "https://mui.com/material-ui/api/native-select/" },
{ name: "Radio", kind: "full-pattern", summary: "API reference docs for the React Radio component. Learn about the props, CSS, and other APIs of this exported module.", verifiedAt: "2026-10-10", url: "https://mui.com/material-ui/api/radio/" },
{ name: "ToggleButtonGroup", kind: "full-pattern", summary: "API reference docs for the React ToggleButtonGroup component. Learn about the props, CSS, and other APIs of this exported module.", aliases: ["toggle button group"], verifiedAt: "2026-10-10", url: "https://mui.com/material-ui/api/toggle-button-group/" },
{ name: "AvatarGroup", kind: "full-pattern", summary: "API reference docs for the React AvatarGroup component. Learn about the props, CSS, and other APIs of this exported module.", aliases: ["avatar group"], verifiedAt: "2026-10-10", url: "https://mui.com/material-ui/api/avatar-group/" },
{ name: "SwipeableDrawer", kind: "full-pattern", summary: "API reference docs for the React SwipeableDrawer component. Learn about the props, CSS, and other APIs of this exported module.", aliases: ["swipeable drawer"], verifiedAt: "2026-10-10", url: "https://mui.com/material-ui/api/swipeable-drawer/" },
{ name: "MobileStepper", kind: "full-pattern", summary: "API reference docs for the React MobileStepper component. Learn about the props, CSS, and other APIs of this exported module.", aliases: ["mobile stepper"], verifiedAt: "2026-10-10", url: "https://mui.com/material-ui/api/mobile-stepper/" },
{ name: "TablePagination", kind: "full-pattern", summary: "API reference docs for the React TablePagination component. Learn about the props, CSS, and other APIs of this exported module.", aliases: ["table pagination"], verifiedAt: "2026-10-10", url: "https://mui.com/material-ui/api/table-pagination/" },
{ name: "DataGrid", kind: "full-pattern", summary: "A fast and extensible React data table and React data grid, with filtering, sorting, aggregation, and more.", aliases: ["data grid", "data table"], verifiedAt: "2026-10-10", url: "https://mui.com/x/react-data-grid/" },
{ name: "DatePicker", kind: "full-pattern", summary: "The Date Picker component lets users select a date.", aliases: ["date picker"], verifiedAt: "2026-10-10", url: "https://mui.com/x/react-date-pickers/date-picker/" },
{ name: "DateField", kind: "full-pattern", summary: "The Date Field component lets users select a date with the keyboard.", aliases: ["date field"], verifiedAt: "2026-10-10", url: "https://mui.com/x/react-date-pickers/date-field/" },
{ name: "DateCalendar", kind: "full-pattern", summary: "The Date Calendar component lets users select a date without any input or popper / modal.", aliases: ["date calendar"], verifiedAt: "2026-10-10", url: "https://mui.com/x/react-date-pickers/date-calendar/" },
{ name: "TimePicker", kind: "full-pattern", summary: "The Time Picker component lets the user select a time.", aliases: ["time picker"], verifiedAt: "2026-10-10", url: "https://mui.com/x/react-date-pickers/time-picker/" },
{ name: "TimeField", kind: "full-pattern", summary: "The Time Field component lets the user select a time with the keyboard.", aliases: ["time field"], verifiedAt: "2026-10-10", url: "https://mui.com/x/react-date-pickers/time-field/" },
{ name: "TimeClock", kind: "full-pattern", summary: "The Time Clock component lets the user select a time without any input or popper / modal.", aliases: ["time clock"], verifiedAt: "2026-10-10", url: "https://mui.com/x/react-date-pickers/time-clock/" },
{ name: "DigitalClock", kind: "full-pattern", summary: "The Digital Clock lets the user select a time without any input or popper / modal.", aliases: ["digital clock"], verifiedAt: "2026-10-10", url: "https://mui.com/x/react-date-pickers/digital-clock/" },
{ name: "DateTimePicker", kind: "full-pattern", summary: "The Date Time Picker component lets users select a date and time.", aliases: ["date time picker"], verifiedAt: "2026-10-10", url: "https://mui.com/x/react-date-pickers/date-time-picker/" },
{ name: "DateTimeField", kind: "full-pattern", summary: "The Date Time Field component lets users select a date and a time with the keyboard.", aliases: ["date time field"], verifiedAt: "2026-10-10", url: "https://mui.com/x/react-date-pickers/date-time-field/" },
{ name: "DateRangePicker", kind: "full-pattern", summary: "The Date Range Picker lets the user select a range of dates.", aliases: ["date range picker"], verifiedAt: "2026-10-10", url: "https://mui.com/x/react-date-pickers/date-range-picker/" },
{ name: "Date Range Field", kind: "full-pattern", summary: "The Date Range Field lets the user select a date range with the keyboard.", verifiedAt: "2026-10-10", url: "https://mui.com/x/react-date-pickers/date-range-field/" },
{ name: "DateRangeCalendar", kind: "full-pattern", summary: "The Date Range Calendar lets the user select a range of dates without any input or popper / modal.", aliases: ["date range calendar"], verifiedAt: "2026-10-10", url: "https://mui.com/x/react-date-pickers/date-range-calendar/" },
{ name: "TimeRangePicker", kind: "full-pattern", summary: "The Time Range Picker lets users select a range of time values.", aliases: ["time range picker"], verifiedAt: "2026-10-10", url: "https://mui.com/x/react-date-pickers/time-range-picker/" },
{ name: "Time Range Field", kind: "full-pattern", summary: "The Time Range Field lets the user select a range of time with the keyboard.", verifiedAt: "2026-10-10", url: "https://mui.com/x/react-date-pickers/time-range-field/" },
{ name: "DateTimeRangePicker", kind: "full-pattern", summary: "The Date Time Range Picker lets the user select a range of dates with an explicit starting and ending time.", aliases: ["date time range picker"], verifiedAt: "2026-10-10", url: "https://mui.com/x/react-date-pickers/date-time-range-picker/" },
{ name: "Date Time Range Field", kind: "full-pattern", summary: "The Date Time Range Field lets the user select a range of dates with an explicit starting and ending time with the keyboard.", verifiedAt: "2026-10-10", url: "https://mui.com/x/react-date-pickers/date-time-range-field/" },
{ name: "BarChart", kind: "full-pattern", summary: "Use bar charts to compare discrete categories and quantities using bar length and a common baseline.", aliases: ["bar chart"], verifiedAt: "2026-10-10", url: "https://mui.com/x/react-charts/bars/" },
{ name: "LineChart", kind: "full-pattern", summary: "Use line charts to show trends over time, compare series, and highlight changes in continuous data.", aliases: ["line chart"], verifiedAt: "2026-10-10", url: "https://mui.com/x/react-charts/lines/" },
{ name: "PieChart", kind: "full-pattern", summary: "Use pie charts to show parts of a whole as arcs or angles in a circle for quick comparison of proportions.", aliases: ["pie chart"], verifiedAt: "2026-10-10", url: "https://mui.com/x/react-charts/pie/" },
{ name: "ScatterChart", kind: "full-pattern", summary: "Use scatter charts to plot two variables as points and reveal relationships, correlations, and outliers.", aliases: ["scatter chart"], verifiedAt: "2026-10-10", url: "https://mui.com/x/react-charts/scatter/" },
{ name: "SparkLineChart", kind: "full-pattern", summary: "Use sparklines to show value trends in a compact chart without axes or coordinates.", aliases: ["spark line chart"], verifiedAt: "2026-10-10", url: "https://mui.com/x/react-charts/sparkline/" },
{ name: "Gauge", kind: "full-pattern", summary: "Use gauge charts to show a numeric value within a defined range as an arc or meter.", verifiedAt: "2026-10-10", url: "https://mui.com/x/react-charts/gauge/" },
{ name: "RadarChart", kind: "full-pattern", summary: "Use radar charts to compare multiple variables on axes arranged in a circle.", aliases: ["radar chart"], verifiedAt: "2026-10-10", url: "https://mui.com/x/react-charts/radar/" },
{ name: "Heatmap", kind: "full-pattern", summary: "Use heatmap charts to show intensity as a grid of colored cells across two dimensions.", verifiedAt: "2026-10-10", url: "https://mui.com/x/react-charts/heatmap/" },
{ name: "FunnelChart", kind: "full-pattern", summary: "Use funnel charts to show how quantities change through sequential steps, such as conversion or engagement stages.", aliases: ["funnel chart"], verifiedAt: "2026-10-10", url: "https://mui.com/x/react-charts/funnel/" },
{ name: "SankeyChart", kind: "full-pattern", summary: "Use Sankey charts to show how values flow between nodes, with link width proportional to magnitude.", aliases: ["sankey chart"], verifiedAt: "2026-10-10", url: "https://mui.com/x/react-charts/sankey/" },
{ name: "CandlestickChart", kind: "full-pattern", summary: "A candlestick chart is used to visualize price movement over time.", aliases: ["candlestick chart"], verifiedAt: "2026-10-10", url: "https://mui.com/x/react-charts/candlestick/" },
{ name: "RadialBarChart", kind: "full-pattern", summary: "Use radial bar charts to compare values along periodic categories.", aliases: ["radial bar chart"], verifiedAt: "2026-10-10", url: "https://mui.com/x/react-charts/radial-bars/" },
{ name: "RadialLineChart", kind: "full-pattern", summary: "Use radial line charts to show trends along periodic values.", aliases: ["radial line chart"], verifiedAt: "2026-10-10", url: "https://mui.com/x/react-charts/radial-lines/" },
{ name: "SimpleTreeView", kind: "full-pattern", summary: "API reference docs for the React SimpleTreeView component. Learn about the props, CSS, and other APIs of this exported module.", aliases: ["simple tree view"], verifiedAt: "2026-10-10", url: "https://mui.com/x/api/tree-view/simple-tree-view/" },
{ name: "RichTreeView", kind: "full-pattern", summary: "API reference docs for the React RichTreeView component. Learn about the props, CSS, and other APIs of this exported module.", aliases: ["rich tree view"], verifiedAt: "2026-10-10", url: "https://mui.com/x/api/tree-view/rich-tree-view/" },
{ name: "EventCalendar", kind: "full-pattern", summary: "API reference docs for the React EventCalendar component. Learn about the props, CSS, and other APIs of this exported module.", aliases: ["event calendar"], verifiedAt: "2026-10-10", url: "https://mui.com/x/api/scheduler/event-calendar/" },
{ name: "EventTimelinePremium", kind: "full-pattern", summary: "API reference docs for the React EventTimelinePremium component. Learn about the props, CSS, and other APIs of this exported module.", aliases: ["event timeline"], verifiedAt: "2026-10-10", url: "https://mui.com/x/api/scheduler/event-timeline-premium/" },
{ name: "StandaloneAgendaView", kind: "full-pattern", summary: "API reference docs for the React StandaloneAgendaView component. Learn about the props, CSS, and other APIs of this exported module.", aliases: ["agenda view"], verifiedAt: "2026-10-10", url: "https://mui.com/x/api/scheduler/standalone-agenda-view/" },
{ name: "StandaloneDayView", kind: "full-pattern", summary: "API reference docs for the React StandaloneDayView component. Learn about the props, CSS, and other APIs of this exported module.", aliases: ["day view"], verifiedAt: "2026-10-10", url: "https://mui.com/x/api/scheduler/standalone-day-view/" },
{ name: "StandaloneEvent", kind: "full-pattern", summary: "API reference docs for the React StandaloneEvent component. Learn about the props, CSS, and other APIs of this exported module.", aliases: ["standalone event"], verifiedAt: "2026-10-10", url: "https://mui.com/x/api/scheduler/standalone-event/" },
{ name: "StandaloneMonthView", kind: "full-pattern", summary: "API reference docs for the React StandaloneMonthView component. Learn about the props, CSS, and other APIs of this exported module.", aliases: ["month view"], verifiedAt: "2026-10-10", url: "https://mui.com/x/api/scheduler/standalone-month-view/" },
{ name: "StandaloneWeekView", kind: "full-pattern", summary: "API reference docs for the React StandaloneWeekView component. Learn about the props, CSS, and other APIs of this exported module.", aliases: ["week view"], verifiedAt: "2026-10-10", url: "https://mui.com/x/api/scheduler/standalone-week-view/" },
{ name: "ChatBox", kind: "full-pattern", summary: "Render a complete chat surface with a single import.", aliases: ["chat box"], verifiedAt: "2026-10-10", url: "https://mui.com/x/react-chat/basics/chatbox/" },
{ name: "ChatConversation", kind: "full-pattern", summary: "Pair a message list and composer into a single scrollable conversation surface.", aliases: ["chat conversation"], verifiedAt: "2026-10-10", url: "https://mui.com/x/react-chat/basics/conversation/" },
{ name: "ChatConversationList", kind: "full-pattern", summary: "Render a sidebar that lists all conversations and lets users switch between them.", aliases: ["chat conversation list"], verifiedAt: "2026-10-10", url: "https://mui.com/x/react-chat/multi-conversation/conversation-list/" },
{ name: "ChatConversationHeader", kind: "full-pattern", summary: "Display the active conversation's title, subtitle, participants, and action buttons using the themed header components.", aliases: ["chat conversation header"], verifiedAt: "2026-10-10", url: "https://mui.com/x/react-chat/multi-conversation/conversation-header/" },
{ name: "ChatMessageList", kind: "full-pattern", summary: "Render conversation history as a virtualized, grouped, auto-scrolling message list.", aliases: ["chat message list", "chat messages"], verifiedAt: "2026-10-10", url: "https://mui.com/x/react-chat/basics/messages/" },
{ name: "ChatMessageGroup", kind: "full-pattern", summary: "API reference docs for the React ChatMessageGroup component. Learn about the props, CSS, and other APIs of this exported module.", aliases: ["chat message group"], verifiedAt: "2026-10-10", url: "https://mui.com/x/api/chat/chat-message-group/" },
{ name: "ChatComposer", kind: "full-pattern", summary: "Compose and send chat messages with an auto-resizing text area, keyboard shortcuts, and attachment support.", aliases: ["chat composer"], verifiedAt: "2026-10-10", url: "https://mui.com/x/react-chat/basics/composer/" },
{ name: "ChatSuggestions", kind: "full-pattern", summary: "Display prompt suggestions that help users start a conversation or pick their next prompt.", aliases: ["chat suggestions"], verifiedAt: "2026-10-10", url: "https://mui.com/x/react-chat/behavior/suggestions/" },
{ name: "ChatTypingIndicator", kind: "full-pattern", summary: "Show users when other participants are composing a message in real time.", aliases: ["chat typing indicator"], verifiedAt: "2026-10-10", url: "https://mui.com/x/react-chat/behavior/typing-indicators/" },
{ name: "ChatUnreadMarker", kind: "full-pattern", summary: "Highlight messages that arrived while users were away with an inline divider in the chat thread.", aliases: ["chat unread marker"], verifiedAt: "2026-10-10", url: "https://mui.com/x/react-chat/display/unread-marker/" },
{ name: "ChatMessageSkeleton", kind: "full-pattern", summary: "Display loading skeletons while messages load and empty state content when a conversation has no messages.", aliases: ["chat message skeleton"], verifiedAt: "2026-10-10", url: "https://mui.com/x/react-chat/display/loading-and-empty-states/" },
{ name: "ChatScrollToBottomAffordance", kind: "full-pattern", summary: "Keep new messages visible with auto-scroll, scroll-to-bottom affordance, and automatic history loading on scroll.", aliases: ["chat scroll to bottom"], verifiedAt: "2026-10-10", url: "https://mui.com/x/react-chat/behavior/scrolling/" },
{ name: "ChatDateDivider", kind: "full-pattern", summary: "Group messages by day with inline separators inside the chat thread.", aliases: ["chat date divider"], verifiedAt: "2026-10-10", url: "https://mui.com/x/react-chat/display/date-divider/" },
{ name: "ChatMessageSources", kind: "full-pattern", summary: "Display reference links and document excerpts for retrieval-augmented generation (RAG) applications using source parts.", aliases: ["chat message sources"], verifiedAt: "2026-10-10", url: "https://mui.com/x/react-chat/display/message-parts/sources-and-citations/" },
{ name: "ChatMessageSource", kind: "full-pattern", summary: "API reference docs for the React ChatMessageSource component. Learn about the props, CSS, and other APIs of this exported module.", aliases: ["chat message source"], verifiedAt: "2026-10-10", url: "https://mui.com/x/api/chat/chat-message-source/" },
{ name: "ChatCodeBlock", kind: "full-pattern", summary: "Display code with a language label and copy-to-clipboard button using the <code>ChatCodeBlock</code> component.", aliases: ["chat code block"], verifiedAt: "2026-10-10", url: "https://mui.com/x/react-chat/display/message-parts/code-blocks/" },
{ name: "ChatConfirmation", kind: "full-pattern", summary: "Add human-in-the-loop checkpoints to review and approve or deny agent tool calls before they execute.", aliases: ["chat confirmation"], verifiedAt: "2026-10-10", url: "https://mui.com/x/react-chat/ai-and-agents/tool-approval/" },
],
"heroui": [
{ name: "Accordion", kind: "full-pattern", summary: "A collapsible content panel for organizing information in a compact space", verifiedAt: "2026-10-10", url: "https://heroui.com/en/docs/react/components/accordion" },
{ name: "Alert", kind: "full-pattern", summary: "Display important messages and notifications to users with status indicators", verifiedAt: "2026-10-10", url: "https://heroui.com/en/docs/react/components/alert" },
{ name: "Alert Dialog", kind: "full-pattern", summary: "Modal dialog for critical confirmations requiring user attention and explicit action", verifiedAt: "2026-10-10", url: "https://heroui.com/en/docs/react/components/alert-dialog" },
{ name: "Autocomplete", kind: "full-pattern", summary: "An autocomplete combines a select with filtering, allowing users to search and select from a list of options", verifiedAt: "2026-10-10", url: "https://heroui.com/en/docs/react/components/autocomplete" },
{ name: "Avatar", kind: "full-pattern", summary: "Display user profile images with customizable fallback content", verifiedAt: "2026-10-10", url: "https://heroui.com/en/docs/react/components/avatar" },
{ name: "Avatar Group", kind: "full-pattern", summary: "Display a stacked or grid group of avatars with overflow counting", verifiedAt: "2026-10-10", url: "https://heroui.com/en/docs/react/components/avatar-group" },
{ name: "Badge", kind: "full-pattern", summary: "Displays a small indicator positioned relative to another element, commonly used for notification counts, status dots, and labels", verifiedAt: "2026-10-10", url: "https://heroui.com/en/docs/react/components/badge" },
{ name: "Breadcrumbs", kind: "full-pattern", summary: "Navigation breadcrumbs showing the current page's location within a hierarchy", verifiedAt: "2026-10-10", url: "https://heroui.com/en/docs/react/components/breadcrumbs" },
{ name: "Button", kind: "full-pattern", summary: "Build accessible React buttons with HeroUI. Explore variants, sizes, icon-only states, custom styles, ripple effects, render props, and BEM classes.", verifiedAt: "2026-10-10", url: "https://heroui.com/en/docs/react/components/button" },
{ name: "Button Group", kind: "full-pattern", summary: "Group related buttons together with consistent styling and spacing", verifiedAt: "2026-10-10", url: "https://heroui.com/en/docs/react/components/button-group" },
{ name: "Calendar", kind: "full-pattern", summary: "Composable date picker with month grid, navigation, and year picker support built on React Aria Calendar", verifiedAt: "2026-10-10", url: "https://heroui.com/en/docs/react/components/calendar" },
{ name: "Card", kind: "full-pattern", summary: "Flexible container component for grouping related content and actions", verifiedAt: "2026-10-10", url: "https://heroui.com/en/docs/react/components/card" },
{ name: "Checkbox", kind: "full-pattern", summary: "Checkboxes allow users to select multiple items from a list of individual items, or to mark one individual item as selected.", verifiedAt: "2026-10-10", url: "https://heroui.com/en/docs/react/components/checkbox" },
{ name: "Checkbox Group", kind: "full-pattern", summary: "A checkbox group component for managing multiple checkbox selections", verifiedAt: "2026-10-10", url: "https://heroui.com/en/docs/react/components/checkbox-group" },
{ name: "Chip", kind: "full-pattern", summary: "Small informational badges for displaying labels, statuses, and categories", verifiedAt: "2026-10-10", url: "https://heroui.com/en/docs/react/components/chip" },
{ name: "Close Button", kind: "full-pattern", summary: "Button component for closing dialogs, modals, or dismissing content", verifiedAt: "2026-10-10", url: "https://heroui.com/en/docs/react/components/close-button" },
{ name: "Color Area", kind: "full-pattern", summary: "A 2D color picker that allows users to select colors from a gradient area", verifiedAt: "2026-10-10", url: "https://heroui.com/en/docs/react/components/color-area" },
{ name: "Color Field", kind: "full-pattern", summary: "Color input field with labels, descriptions, and validation built on React Aria ColorField", verifiedAt: "2026-10-10", url: "https://heroui.com/en/docs/react/components/color-field" },
{ name: "Color Picker", kind: "full-pattern", summary: "A composable color picker that synchronizes color value between multiple color components", verifiedAt: "2026-10-10", url: "https://heroui.com/en/docs/react/components/color-picker" },
{ name: "Color Slider", kind: "full-pattern", summary: "A color slider allows users to adjust an individual channel of a color value", verifiedAt: "2026-10-10", url: "https://heroui.com/en/docs/react/components/color-slider" },
{ name: "Color Swatch", kind: "full-pattern", summary: "A visual preview of a color value with accessibility support", verifiedAt: "2026-10-10", url: "https://heroui.com/en/docs/react/components/color-swatch" },
{ name: "Color Swatch Picker", kind: "full-pattern", verifiedAt: "2026-10-10", url: "https://heroui.com/en/docs/react/components/color-swatch-picker" },
{ name: "Combo Box", kind: "full-pattern", verifiedAt: "2026-10-10", url: "https://heroui.com/en/docs/react/components/combo-box" },
{ name: "Date Field", kind: "full-pattern", verifiedAt: "2026-10-10", url: "https://heroui.com/en/docs/react/components/date-field" },
{ name: "Date Picker", kind: "full-pattern", verifiedAt: "2026-10-10", url: "https://heroui.com/en/docs/react/components/date-picker" },
{ name: "Date Range Picker", kind: "full-pattern", verifiedAt: "2026-10-10", url: "https://heroui.com/en/docs/react/components/date-range-picker" },
{ name: "Description", kind: "full-pattern", summary: "Provides supplementary text for form fields and other components", verifiedAt: "2026-10-10", url: "https://heroui.com/en/docs/react/components/description" },
{ name: "Disclosure", kind: "full-pattern", summary: "A disclosure is a collapsible section with a header containing a heading and a trigger button, and a panel that wraps the content.", verifiedAt: "2026-10-10", url: "https://heroui.com/en/docs/react/components/disclosure" },
{ name: "Disclosure Group", kind: "full-pattern", verifiedAt: "2026-10-10", url: "https://heroui.com/en/docs/react/components/disclosure-group" },
{ name: "Drawer", kind: "full-pattern", summary: "Slide-out panel for supplementary content and actions", verifiedAt: "2026-10-10", url: "https://heroui.com/en/docs/react/components/drawer" },
{ name: "Dropdown", kind: "full-pattern", verifiedAt: "2026-10-10", url: "https://heroui.com/en/docs/react/components/dropdown" },
{ name: "Error Message", kind: "full-pattern", summary: "A low-level error message component for displaying errors", verifiedAt: "2026-10-10", url: "https://heroui.com/en/docs/react/components/error-message" },
{ name: "Field Error", kind: "full-pattern", verifiedAt: "2026-10-10", url: "https://heroui.com/en/docs/react/components/field-error" },
{ name: "Fieldset", kind: "full-pattern", verifiedAt: "2026-10-10", url: "https://heroui.com/en/docs/react/components/fieldset" },
{ name: "Form", kind: "full-pattern", summary: "Wrapper component for form validation and submission handling", verifiedAt: "2026-10-10", url: "https://heroui.com/en/docs/react/components/form" },
{ name: "Input", kind: "full-pattern", summary: "Primitive single-line text input component that accepts standard HTML attributes", verifiedAt: "2026-10-10", url: "https://heroui.com/en/docs/react/components/input" },
{ name: "Input Group", kind: "full-pattern", summary: "Group related input controls with prefix and suffix elements for enhanced form fields", verifiedAt: "2026-10-10", url: "https://heroui.com/en/docs/react/components/input-group" },
{ name: "Input OTP", kind: "full-pattern", summary: "A one-time password input component for verification codes and secure authentication", verifiedAt: "2026-10-10", url: "https://heroui.com/en/docs/react/components/input-otp" },
{ name: "Kbd", kind: "full-pattern", summary: "Display keyboard shortcuts and key combinations", verifiedAt: "2026-10-10", url: "https://heroui.com/en/docs/react/components/kbd" },
{ name: "Label", kind: "full-pattern", summary: "Renders an accessible label associated with form controls", verifiedAt: "2026-10-10", url: "https://heroui.com/en/docs/react/components/label" },
{ name: "Link", kind: "full-pattern", summary: "A styled anchor component for navigation with built-in icon support", verifiedAt: "2026-10-10", url: "https://heroui.com/en/docs/react/components/link" },
{ name: "List Box", kind: "full-pattern", summary: "A listbox displays a list of options and allows a user to select one or more of them", verifiedAt: "2026-10-10", url: "https://heroui.com/en/docs/react/components/list-box" },
{ name: "Meter", kind: "full-pattern", summary: "A meter represents a quantity within a known range, or a fractional value.", verifiedAt: "2026-10-10", url: "https://heroui.com/en/docs/react/components/meter" },
{ name: "Modal", kind: "full-pattern", summary: "Dialog overlay for focused user interactions and important content", verifiedAt: "2026-10-10", url: "https://heroui.com/en/docs/react/components/modal" },
{ name: "Number Field", kind: "full-pattern", summary: "Number input fields with increment/decrement buttons, validation, and internationalized formatting", verifiedAt: "2026-10-10", url: "https://heroui.com/en/docs/react/components/number-field" },
{ name: "Pagination", kind: "full-pattern", summary: "Page navigation with composable page links, previous/next buttons, and ellipsis indicators", verifiedAt: "2026-10-10", url: "https://heroui.com/en/docs/react/components/pagination" },
{ name: "Popover", kind: "full-pattern", summary: "Displays rich content in a portal triggered by a button or any custom element", verifiedAt: "2026-10-10", url: "https://heroui.com/en/docs/react/components/popover" },
{ name: "Progress Bar", kind: "full-pattern", summary: "A progress bar shows either determinate or indeterminate progress of an operation over time.", verifiedAt: "2026-10-10", url: "https://heroui.com/en/docs/react/components/progress-bar" },
{ name: "Progress Circle", kind: "full-pattern", summary: "A circular progress indicator that shows determinate or indeterminate progress.", verifiedAt: "2026-10-10", url: "https://heroui.com/en/docs/react/components/progress-circle" },
{ name: "Radio Group", kind: "full-pattern", summary: "Radio group for selecting a single option from a list", verifiedAt: "2026-10-10", url: "https://heroui.com/en/docs/react/components/radio-group" },
{ name: "Range Calendar", kind: "full-pattern", summary: "Composable date range picker with month grid, navigation, and year picker support built on React Aria RangeCalendar", verifiedAt: "2026-10-10", url: "https://heroui.com/en/docs/react/components/range-calendar" },
{ name: "Scroll Shadow", kind: "full-pattern", summary: "Apply visual shadows to indicate scrollable content overflow with automatic detection of scroll position.", verifiedAt: "2026-10-10", url: "https://heroui.com/en/docs/react/components/scroll-shadow" },
{ name: "Search Field", kind: "full-pattern", summary: "Search input field with clear button and search icon", verifiedAt: "2026-10-10", url: "https://heroui.com/en/docs/react/components/search-field" },
{ name: "Select", kind: "full-pattern", summary: "Build accessible React select inputs with HeroUI. Explore single and multiple selection, async loading, sections, disabled items, and controlled values.", verifiedAt: "2026-10-10", url: "https://heroui.com/en/docs/react/components/select" },
{ name: "Separator", kind: "full-pattern", summary: "Visually divide content sections", verifiedAt: "2026-10-10", url: "https://heroui.com/en/docs/react/components/separator" },
{ name: "Skeleton", kind: "full-pattern", summary: "Skeleton is a placeholder to show a loading state and the expected shape of a component.", verifiedAt: "2026-10-10", url: "https://heroui.com/en/docs/react/components/skeleton" },
{ name: "Slider", kind: "full-pattern", summary: "A slider allows a user to select one or more values within a range", verifiedAt: "2026-10-10", url: "https://heroui.com/en/docs/react/components/slider" },
{ name: "Spinner", kind: "full-pattern", summary: "A loading indicator component to show pending states", verifiedAt: "2026-10-10", url: "https://heroui.com/en/docs/react/components/spinner" },
{ name: "Surface", kind: "full-pattern", summary: "Container component that provides surface-level styling and context for child components", verifiedAt: "2026-10-10", url: "https://heroui.com/en/docs/react/components/surface" },
{ name: "Switch", kind: "full-pattern", summary: "A toggle switch component for boolean states", verifiedAt: "2026-10-10", url: "https://heroui.com/en/docs/react/components/switch" },
{ name: "Table", kind: "full-pattern", summary: "Tables display structured data in rows and columns with support for sorting, selection, column resizing, and infinite scrolling.", verifiedAt: "2026-10-10", url: "https://heroui.com/en/docs/react/components/table" },
{ name: "Tabs", kind: "full-pattern", summary: "Tabs organize content into multiple sections and allow users to navigate between them.", verifiedAt: "2026-10-10", url: "https://heroui.com/en/docs/react/components/tabs" },
{ name: "Tag Group", kind: "full-pattern", summary: "A focusable list of tags with support for keyboard navigation, selection, and removal", verifiedAt: "2026-10-10", url: "https://heroui.com/en/docs/react/components/tag-group" },
{ name: "Text Area", kind: "full-pattern", summary: "Primitive multiline text input component that accepts standard HTML attributes", verifiedAt: "2026-10-10", url: "https://heroui.com/en/docs/react/components/text-area" },
{ name: "Text Field", kind: "full-pattern", summary: "Composition-friendly text fields with labels, descriptions, and inline validation", verifiedAt: "2026-10-10", url: "https://heroui.com/en/docs/react/components/text-field" },
{ name: "Time Field", kind: "full-pattern", summary: "Time input field with labels, descriptions, and validation built on React Aria TimeField", verifiedAt: "2026-10-10", url: "https://heroui.com/en/docs/react/components/time-field" },
{ name: "Toast", kind: "full-pattern", summary: "Display temporary notifications and messages to users with automatic dismissal and customizable placement", verifiedAt: "2026-10-10", url: "https://heroui.com/en/docs/react/components/toast" },
{ name: "Toggle Button", kind: "full-pattern", summary: "An interactive toggle control for on/off or selected/unselected states", verifiedAt: "2026-10-10", url: "https://heroui.com/en/docs/react/components/toggle-button" },
{ name: "Toggle Button Group", kind: "full-pattern", summary: "Groups multiple ToggleButtons into a unified control, allowing users to select one or multiple options.", verifiedAt: "2026-10-10", url: "https://heroui.com/en/docs/react/components/toggle-button-group" },
{ name: "Toolbar", kind: "full-pattern", summary: "A container for interactive controls with arrow key navigation.", verifiedAt: "2026-10-10", url: "https://heroui.com/en/docs/react/components/toolbar" },
{ name: "Tooltip", kind: "full-pattern", summary: "Displays informative text when users hover over or focus on an element", verifiedAt: "2026-10-10", url: "https://heroui.com/en/docs/react/components/tooltip" },
{ name: "Typography", kind: "full-pattern", summary: "A semantic typography primitive for headings, body copy, and inline code built on React Aria Components Text.", verifiedAt: "2026-10-10", url: "https://heroui.com/en/docs/react/components/typography" },
],
"origin-ui": [
{ name: "Accordion", kind: "full-pattern", summary: "A set of collapsible panels with headings and content.", verifiedAt: "2026-10-10", url: "https://coss.com/ui/docs/components/accordion" },
{ name: "Alert", kind: "full-pattern", summary: "A callout for displaying important information.", verifiedAt: "2026-10-10", url: "https://coss.com/ui/docs/components/alert" },
{ name: "Alert Dialog", kind: "full-pattern", summary: "A dialog that requires user response to proceed.", verifiedAt: "2026-10-10", url: "https://coss.com/ui/docs/components/alert-dialog" },
{ name: "Autocomplete", kind: "full-pattern", summary: "An input that suggests options as you type.", verifiedAt: "2026-10-10", url: "https://coss.com/ui/docs/components/autocomplete" },
{ name: "Avatar", kind: "full-pattern", summary: "An image element with a fallback for representing the user.", verifiedAt: "2026-10-10", url: "https://coss.com/ui/docs/components/avatar" },
{ name: "Badge", kind: "full-pattern", summary: "A badge or a component that looks like a badge.", verifiedAt: "2026-10-10", url: "https://coss.com/ui/docs/components/badge" },
{ name: "Breadcrumb", kind: "full-pattern", summary: "Displays the path to the current resource using a hierarchy of links.", verifiedAt: "2026-10-10", url: "https://coss.com/ui/docs/components/breadcrumb" },
{ name: "Button", kind: "full-pattern", summary: "A button or a component that looks like a button.", verifiedAt: "2026-10-10", url: "https://coss.com/ui/docs/components/button" },
{ name: "Calendar", kind: "full-pattern", summary: "A date picker component with range and multi-select support.", verifiedAt: "2026-10-10", url: "https://coss.com/ui/docs/components/calendar" },
{ name: "Card", kind: "full-pattern", summary: "A content container for grouping related information.", verifiedAt: "2026-10-10", url: "https://coss.com/ui/docs/components/card" },
{ name: "Checkbox", kind: "full-pattern", summary: "A control allowing the user to toggle between checked and not checked.", verifiedAt: "2026-10-10", url: "https://coss.com/ui/docs/components/checkbox" },
{ name: "Checkbox Group", kind: "full-pattern", summary: "Provides shared state to a series of checkboxes.", verifiedAt: "2026-10-10", url: "https://coss.com/ui/docs/components/checkbox-group" },
{ name: "Collapsible", kind: "full-pattern", summary: "A collapsible panel controlled by a button trigger.", verifiedAt: "2026-10-10", url: "https://coss.com/ui/docs/components/collapsible" },
{ name: "Combobox", kind: "full-pattern", summary: "An input combined with a list of predefined items to select.", verifiedAt: "2026-10-10", url: "https://coss.com/ui/docs/components/combobox" },
{ name: "Command", kind: "full-pattern", summary: "A command palette component built with Dialog and Autocomplete for searching and executing commands.", verifiedAt: "2026-10-10", url: "https://coss.com/ui/docs/components/command" },
{ name: "Context Menu", kind: "full-pattern", summary: "A menu that appears at the pointer on right click or long press.", verifiedAt: "2026-10-10", url: "https://coss.com/ui/docs/components/context-menu" },
{ name: "Date Picker", kind: "full-pattern", summary: "A date picker component built with Calendar and Popover.", verifiedAt: "2026-10-10", url: "https://coss.com/ui/docs/components/date-picker" },
{ name: "Dialog", kind: "full-pattern", summary: "A popup that opens on top of the entire page.", verifiedAt: "2026-10-10", url: "https://coss.com/ui/docs/components/dialog" },
{ name: "Drawer", kind: "full-pattern", summary: "A panel that slides in from the edge of the screen with swipe gestures, snap points, and nested drawer support.", verifiedAt: "2026-10-10", url: "https://coss.com/ui/docs/components/drawer" },
{ name: "Empty", kind: "full-pattern", summary: "A container for displaying empty state information.", verifiedAt: "2026-10-10", url: "https://coss.com/ui/docs/components/empty" },
{ name: "Field", kind: "full-pattern", summary: "A component that provides labelling and validation for form controls.", verifiedAt: "2026-10-10", url: "https://coss.com/ui/docs/components/field" },
{ name: "Fieldset", kind: "full-pattern", summary: "A native fieldset element with a legend.", verifiedAt: "2026-10-10", url: "https://coss.com/ui/docs/components/fieldset" },
{ name: "Form", kind: "full-pattern", summary: "A form wrapper component that simplifies validation and submission.", verifiedAt: "2026-10-10", url: "https://coss.com/ui/docs/components/form" },
{ name: "Frame", kind: "full-pattern", summary: "A framed container for grouping related information.", verifiedAt: "2026-10-10", url: "https://coss.com/ui/docs/components/frame" },
{ name: "Group", kind: "full-pattern", summary: "A component for visually grouping a series of controls.", verifiedAt: "2026-10-10", url: "https://coss.com/ui/docs/components/group" },
{ name: "Input", kind: "full-pattern", summary: "A native input element.", verifiedAt: "2026-10-10", url: "https://coss.com/ui/docs/components/input" },
{ name: "Input Group", kind: "full-pattern", summary: "A flexible component for grouping inputs with addons, buttons, and other elements.", verifiedAt: "2026-10-10", url: "https://coss.com/ui/docs/components/input-group" },
{ name: "Kbd", kind: "full-pattern", summary: "A component for displaying keyboard keys and shortcuts.", verifiedAt: "2026-10-10", url: "https://coss.com/ui/docs/components/kbd" },
{ name: "Label", kind: "full-pattern", summary: "Renders an accessible label associated with controls.", verifiedAt: "2026-10-10", url: "https://coss.com/ui/docs/components/label" },
{ name: "Menu", kind: "full-pattern", summary: "A list of actions in a dropdown, enhanced with keyboard navigation.", verifiedAt: "2026-10-10", url: "https://coss.com/ui/docs/components/menu" },
{ name: "Meter", kind: "full-pattern", summary: "A graphical display of a numeric value within a range.", verifiedAt: "2026-10-10", url: "https://coss.com/ui/docs/components/meter" },
{ name: "Number Field", kind: "full-pattern", summary: "A numeric input element with increment and decrement buttons, and a scrub area.", verifiedAt: "2026-10-10", url: "https://coss.com/ui/docs/components/number-field" },
{ name: "OTP Field", kind: "full-pattern", summary: "A segmented input for one-time passwords and verification codes.", verifiedAt: "2026-10-10", url: "https://coss.com/ui/docs/components/otp-field" },
{ name: "Pagination", kind: "full-pattern", summary: "A pagination with page navigation, next and previous links.", verifiedAt: "2026-10-10", url: "https://coss.com/ui/docs/components/pagination" },
{ name: "Popover", kind: "full-pattern", summary: "An accessible popup anchored to a button.", verifiedAt: "2026-10-10", url: "https://coss.com/ui/docs/components/popover" },
{ name: "Preview Card", kind: "full-pattern", summary: "A popup that appears when a link is hovered, showing a preview for sighted users.", verifiedAt: "2026-10-10", url: "https://coss.com/ui/docs/components/preview-card" },
{ name: "Progress", kind: "full-pattern", summary: "Displays the status of a task that takes a long time.", verifiedAt: "2026-10-10", url: "https://coss.com/ui/docs/components/progress" },
{ name: "Radio Group", kind: "full-pattern", summary: "A set of checkable buttons where no more than one of the buttons can be checked at a time.", verifiedAt: "2026-10-10", url: "https://coss.com/ui/docs/components/radio-group" },
{ name: "Scroll Area", kind: "full-pattern", summary: "A native scroll container with custom scrollbars.", verifiedAt: "2026-10-10", url: "https://coss.com/ui/docs/components/scroll-area" },
{ name: "Segmented Control", kind: "full-pattern", summary: "A visual pattern for presenting related choices, navigation destinations, filters, or content views.", verifiedAt: "2026-10-10", url: "https://coss.com/ui/docs/components/segmented-control" },
{ name: "Select", kind: "full-pattern", summary: "A common form component for choosing a predefined value in a dropdown menu.", verifiedAt: "2026-10-10", url: "https://coss.com/ui/docs/components/select" },
{ name: "Separator", kind: "full-pattern", summary: "A separator element accessible to screen readers.", verifiedAt: "2026-10-10", url: "https://coss.com/ui/docs/components/separator" },
{ name: "Sheet", kind: "full-pattern", summary: "A flyout that opens from the side of the screen, based on the dialog component.", verifiedAt: "2026-10-10", url: "https://coss.com/ui/docs/components/sheet" },
{ name: "Skeleton", kind: "full-pattern", summary: "A loading state skeleton for your components.", verifiedAt: "2026-10-10", url: "https://coss.com/ui/docs/components/skeleton" },
{ name: "Slider", kind: "full-pattern", summary: "An input where the user selects a value from within a given range.", verifiedAt: "2026-10-10", url: "https://coss.com/ui/docs/components/slider" },
{ name: "Spinner", kind: "full-pattern", summary: "An indicator that can be used to show a loading state.", verifiedAt: "2026-10-10", url: "https://coss.com/ui/docs/components/spinner" },
{ name: "Switch", kind: "full-pattern", summary: "A control that indicates whether a setting is on or off.", verifiedAt: "2026-10-10", url: "https://coss.com/ui/docs/components/switch" },
{ name: "Table", kind: "full-pattern", summary: "A simple table component for displaying tabular data.", verifiedAt: "2026-10-10", url: "https://coss.com/ui/docs/components/table" },
{ name: "Tabs", kind: "full-pattern", summary: "A component for toggling between related panels on the same page.", verifiedAt: "2026-10-10", url: "https://coss.com/ui/docs/components/tabs" },
{ name: "Textarea", kind: "full-pattern", summary: "A native textarea element.", verifiedAt: "2026-10-10", url: "https://coss.com/ui/docs/components/textarea" },
{ name: "Toast", kind: "full-pattern", summary: "A temporary notification that appears on screen to inform users.", verifiedAt: "2026-10-10", url: "https://coss.com/ui/docs/components/toast" },
{ name: "Toggle", kind: "full-pattern", summary: "A two-state button that can be toggled on or off.", verifiedAt: "2026-10-10", url: "https://coss.com/ui/docs/components/toggle" },
{ name: "Toggle Group", kind: "full-pattern", summary: "Provides a shared state to a series of toggle buttons.", verifiedAt: "2026-10-10", url: "https://coss.com/ui/docs/components/toggle-group" },
{ name: "Toolbar", kind: "full-pattern", summary: "A container for grouping a set of buttons and controls.", verifiedAt: "2026-10-10", url: "https://coss.com/ui/docs/components/toolbar" },
{ name: "Tooltip", kind: "full-pattern", summary: "A popup that appears when an element is hovered or focused, showing a hint for sighted users.", verifiedAt: "2026-10-10", url: "https://coss.com/ui/docs/components/tooltip" },
],
"kibo-ui": [
{ name: "Announcement", kind: "full-pattern", summary: "A compound badge designed to display an announcement.", verifiedAt: "2026-10-10", url: "https://www.kibo-ui.com/components/announcement" },
{ name: "Avatar Stack", kind: "full-pattern", summary: "Avatar Stack is a component that allows you to stack and overlap avatars.", verifiedAt: "2026-10-10", url: "https://www.kibo-ui.com/components/avatar-stack" },
{ name: "Banner", kind: "full-pattern", summary: "A banner is a full-width component that can be used to show a message and action to the user.", verifiedAt: "2026-10-10", url: "https://www.kibo-ui.com/components/banner" },
{ name: "Calendar", kind: "full-pattern", summary: "The calendar view displays features on a grid calendar. Specifically it shows the end date of each feature, and groups features by day.", verifiedAt: "2026-10-10", url: "https://www.kibo-ui.com/components/calendar" },
{ name: "Choicebox", kind: "full-pattern", summary: "Choiceboxes are a great way to show radio or checkbox options with a card style.", verifiedAt: "2026-10-10", url: "https://www.kibo-ui.com/components/choicebox" },
{ name: "Code Block", kind: "full-pattern", summary: "Provides syntax highlighting, line numbers, and copy to clipboard functionality for code blocks.", verifiedAt: "2026-10-10", url: "https://www.kibo-ui.com/components/code-block" },
{ name: "Color Picker", kind: "full-pattern", summary: "Allows users to select a color. Modeled after the color picker in Figma.", verifiedAt: "2026-10-10", url: "https://www.kibo-ui.com/components/color-picker" },
{ name: "Combobox", kind: "full-pattern", summary: "Autocomplete input and command palette with a list of suggestions.", verifiedAt: "2026-10-10", url: "https://www.kibo-ui.com/components/combobox" },
{ name: "Comparison", kind: "full-pattern", summary: "A slider-based component for comparing two items in an overlay.", verifiedAt: "2026-10-10", url: "https://www.kibo-ui.com/components/comparison" },
{ name: "Contribution Graph", kind: "full-pattern", summary: "A GitHub-style contribution graph component that displays activity levels over time.", verifiedAt: "2026-10-10", url: "https://www.kibo-ui.com/components/contribution-graph" },
{ name: "Credit Card", kind: "full-pattern", summary: "Credit card components for displaying and validating credit card information.", verifiedAt: "2026-10-10", url: "https://www.kibo-ui.com/components/credit-card" },
{ name: "Cursor", kind: "full-pattern", summary: "A cursor component, great for realtime interactive applications.", verifiedAt: "2026-10-10", url: "https://www.kibo-ui.com/components/cursor" },
{ name: "Deck", kind: "full-pattern", summary: "A Tinder-like swipeable card stack component with smooth animations.", verifiedAt: "2026-10-10", url: "https://www.kibo-ui.com/components/deck" },
{ name: "Dialog Stack", kind: "full-pattern", summary: "Composable stacked dialogs, useful for creating a wizard, nested form or multi-step process. It provides a consistent layout and styling for each dialog, and includes navigation components to move bet", verifiedAt: "2026-10-10", url: "https://www.kibo-ui.com/components/dialog-stack" },
{ name: "Dropzone", kind: "full-pattern", summary: "Allows users to drag-and-drop files into a container to upload or process them.", verifiedAt: "2026-10-10", url: "https://www.kibo-ui.com/components/dropzone" },
{ name: "Editor", kind: "full-pattern", summary: "The Editor component is a powerful and flexible text editor that allows you to create and edit rich text content.", verifiedAt: "2026-10-10", url: "https://www.kibo-ui.com/components/editor" },
{ name: "Gantt", kind: "full-pattern", summary: "The Gantt chart is a powerful tool for visualizing project schedules and tracking the progress of tasks. It provides a clear, hierarchical view of tasks, allowing you to easily identify manage project", verifiedAt: "2026-10-10", url: "https://www.kibo-ui.com/components/gantt" },
{ name: "Glimpse", kind: "full-pattern", summary: "A component that shows a preview of a URL when hovering over a link.", verifiedAt: "2026-10-10", url: "https://www.kibo-ui.com/components/glimpse" },
{ name: "Image Crop", kind: "full-pattern", summary: "A component that allows users to crop images with customizable aspect ratios and circular cropping options.", verifiedAt: "2026-10-10", url: "https://www.kibo-ui.com/components/image-crop" },
{ name: "Image Zoom", kind: "full-pattern", summary: "Image zoom is a component that allows you to zoom in on an image.", verifiedAt: "2026-10-10", url: "https://www.kibo-ui.com/components/image-zoom" },
{ name: "Kanban", kind: "full-pattern", summary: "A kanban board is a visual tool that helps you manage and visualize your work. It is a board with columns, and each column represents a status, e.g. \"Backlog\", \"In Progress\", \"Done\".", verifiedAt: "2026-10-10", url: "https://www.kibo-ui.com/components/kanban" },
{ name: "List", kind: "full-pattern", summary: "List views are a great way to show a list of tasks grouped by status and ranked by priority.", verifiedAt: "2026-10-10", url: "https://www.kibo-ui.com/components/list" },
{ name: "Marquee", kind: "full-pattern", summary: "Marquees are a great way to show a list of items in a horizontal scrolling motion.", verifiedAt: "2026-10-10", url: "https://www.kibo-ui.com/components/marquee" },
{ name: "Mini Calendar", kind: "full-pattern", summary: "A composable mini calendar component for picking dates close to today.", verifiedAt: "2026-10-10", url: "https://www.kibo-ui.com/components/mini-calendar" },
{ name: "Pill", kind: "full-pattern", summary: "A flexible badge component designed for a variety of use cases.", verifiedAt: "2026-10-10", url: "https://www.kibo-ui.com/components/pill" },
{ name: "QR Code", kind: "full-pattern", summary: "QR Code is a component that generates a QR code from a string.", verifiedAt: "2026-10-10", url: "https://www.kibo-ui.com/components/qr-code" },
{ name: "Rating", kind: "full-pattern", summary: "A star rating component with keyboard navigation and hover effects.", verifiedAt: "2026-10-10", url: "https://www.kibo-ui.com/components/rating" },
{ name: "Reel", kind: "full-pattern", summary: "A composable, Instagram-style Reel component with progress indicators and navigation controls.", verifiedAt: "2026-10-10", url: "https://www.kibo-ui.com/components/reel" },
{ name: "Relative Time", kind: "full-pattern", summary: "A component that displays time in various timezones.", verifiedAt: "2026-10-10", url: "https://www.kibo-ui.com/components/relative-time" },
{ name: "Sandbox", kind: "full-pattern", summary: "The sandbox component allows you to preview and test components in a sandboxed environment.", verifiedAt: "2026-10-10", url: "https://www.kibo-ui.com/components/sandbox" },
{ name: "Snippet", kind: "full-pattern", summary: "Snippet is a component that allows you to display and copy code in a tabbed interface.", verifiedAt: "2026-10-10", url: "https://www.kibo-ui.com/components/snippet" },
{ name: "Spinner", kind: "full-pattern", summary: "The Spinner component expands the shadcn spinner component with additional variants.", verifiedAt: "2026-10-10", url: "https://www.kibo-ui.com/components/spinner" },
{ name: "Status", kind: "full-pattern", summary: "Status components are used to display the uptime of a service.", verifiedAt: "2026-10-10", url: "https://www.kibo-ui.com/components/status" },
{ name: "Stories", kind: "full-pattern", summary: "A carousel of friends' stories, in video, image or avatar format.", verifiedAt: "2026-10-10", url: "https://www.kibo-ui.com/components/stories" },
{ name: "Table", kind: "full-pattern", summary: "Table views are used to display data in a tabular format. They are useful for displaying large amounts of data in a structured way.", verifiedAt: "2026-10-10", url: "https://www.kibo-ui.com/components/table" },
{ name: "Tags", kind: "full-pattern", summary: "Tags are a way to apply multiple labels to an item.", verifiedAt: "2026-10-10", url: "https://www.kibo-ui.com/components/tags" },
{ name: "Theme Switcher", kind: "full-pattern", summary: "A component to switch between light, dark and system theme.", verifiedAt: "2026-10-10", url: "https://www.kibo-ui.com/components/theme-switcher" },
{ name: "Ticker", kind: "full-pattern", summary: "A composable finance ticker for displaying symbols, prices and changes.", verifiedAt: "2026-10-10", url: "https://www.kibo-ui.com/components/ticker" },
{ name: "Tree", kind: "full-pattern", summary: "A composable tree component with animated expand/collapse and customizable nodes for displaying hierarchical data structures.", verifiedAt: "2026-10-10", url: "https://www.kibo-ui.com/components/tree" },
{ name: "Typography", kind: "full-pattern", summary: "A component for applying consistent typography styles across your application.", verifiedAt: "2026-10-10", url: "https://www.kibo-ui.com/components/typography" },
{ name: "Video Player", kind: "full-pattern", summary: "A composable, shadcn/ui styled video player component that uses the media-chrome library.", verifiedAt: "2026-10-10", url: "https://www.kibo-ui.com/components/video-player" },
],
"flowbite": [
{ name: "Accordion", kind: "full-pattern", summary: "Use the accordion component to show hidden information based on the collapse and expand state of the child elements using data attribute options", verifiedAt: "2026-10-10", url: "https://flowbite.com/docs/components/accordion/" },
{ name: "Alerts", kind: "full-pattern", summary: "Show contextual information to your users using alert elements based on Tailwind CSS", verifiedAt: "2026-10-10", url: "https://flowbite.com/docs/components/alerts/" },
{ name: "Avatar", kind: "full-pattern", summary: "Use the avatar component to show a visual representation of a user profile using an image element or SVG object based on multiple styles and sizes", verifiedAt: "2026-10-10", url: "https://flowbite.com/docs/components/avatar/" },
{ name: "Badge", kind: "full-pattern", summary: "Use Tailwind CSS badges as elements to show counts or labels separately or inside other components", verifiedAt: "2026-10-10", url: "https://flowbite.com/docs/components/badge/" },
{ name: "Banner", kind: "full-pattern", summary: "Use the banner component to show marketing messages and CTA buttons at the top or bottom side of your website based on the utility classes from Tailwind CSS", verifiedAt: "2026-10-10", url: "https://flowbite.com/docs/components/banner/" },
{ name: "Bottom Navigation", kind: "full-pattern", summary: "Use the bottom navigation bar component to allow users to navigate through your website or create a control bar using a menu that is positioned at the bottom of the page", verifiedAt: "2026-10-10", url: "https://flowbite.com/docs/components/bottom-navigation/" },
{ name: "Breadcrumb", kind: "full-pattern", summary: "Show the location of the current page in a hierarchical structure using the Tailwind CSS breadcrumb components", verifiedAt: "2026-10-10", url: "https://flowbite.com/docs/components/breadcrumb/" },
{ name: "Button Group", kind: "full-pattern", summary: "Button groups are a Tailwind CSS powered set of buttons sticked together in a horizontal line", verifiedAt: "2026-10-10", url: "https://flowbite.com/docs/components/button-group/" },
{ name: "Buttons", kind: "full-pattern", summary: "Use the button component inside forms, as links, social login, payment options with support for multiple styles, colors, sizes, gradients, and shadows", verifiedAt: "2026-10-10", url: "https://flowbite.com/docs/components/buttons/" },
{ name: "Card", kind: "full-pattern", summary: "Get started with a large variety of Tailwind CSS card examples for your web project", verifiedAt: "2026-10-10", url: "https://flowbite.com/docs/components/card/" },
{ name: "Carousel", kind: "full-pattern", summary: "Use the carousel component to slide through multiple elements and images using custom controls, indicators, intervals, and options", verifiedAt: "2026-10-10", url: "https://flowbite.com/docs/components/carousel/" },
{ name: "Chat Bubble", kind: "full-pattern", summary: "Use the chat bubble component to show chat messages in your web application including voice notes, images, galleries and other attachments based on multiple styles and variations", verifiedAt: "2026-10-10", url: "https://flowbite.com/docs/components/chat-bubble/" },
{ name: "Clipboard", kind: "full-pattern", summary: "Use the clipboard component to copy text, data or lines of code to the clipboard with a single click based on various styles and examples coded with Tailwind CSS and Flowbite", verifiedAt: "2026-10-10", url: "https://flowbite.com/docs/components/clipboard/" },
{ name: "Datepicker", kind: "full-pattern", summary: "Start receiving date and time data from your users using this free datepicker element based on Tailwind utility-classes and vanilla JavaScript", verifiedAt: "2026-10-10", url: "https://flowbite.com/docs/components/datepicker/" },
{ name: "Device Mockups", kind: "full-pattern", summary: "Use the device mockups component to add content and screenshot previews of your application inside phone and tablet frames coded with Tailwind CSS and Flowbite", verifiedAt: "2026-10-10", url: "https://flowbite.com/docs/components/device-mockups/" },
{ name: "Drawer", kind: "full-pattern", summary: "The Drawer component can be used as a hidden off-canvas sidebar for navigation and to show other information based on multiple styles and placements", verifiedAt: "2026-10-10", url: "https://flowbite.com/docs/components/drawer/" },
{ name: "Dropdowns", kind: "full-pattern", summary: "Get started with the dropdown component to show a list of menu items when clicking on the trigger element based on multiple layouts, styles, and placements", verifiedAt: "2026-10-10", url: "https://flowbite.com/docs/components/dropdowns/" },
{ name: "Footer", kind: "full-pattern", summary: "Use the footer section at the bottom of every page to show valuable information to your users, such as sitemap links, a copyright notice, and a logo", verifiedAt: "2026-10-10", url: "https://flowbite.com/docs/components/footer/" },
{ name: "Forms", kind: "full-pattern", summary: "Use the Tailwind CSS form and input elements such as checkboxes, radios, textarea, text inputs to collect information from users with Flowbite", verifiedAt: "2026-10-10", url: "https://flowbite.com/docs/components/forms/" },
{ name: "Gallery", kind: "full-pattern", summary: "Use the image gallery component based on a masonry grid layout using flex and grid classes from Tailwind CSS to show multiple pictures based on various styles", verifiedAt: "2026-10-10", url: "https://flowbite.com/docs/components/gallery/" },
{ name: "Indicators", kind: "full-pattern", summary: "Use the indicator component to show a number count, account status, or as a loading label positioned relative to the parent component coded with Tailwind CSS", verifiedAt: "2026-10-10", url: "https://flowbite.com/docs/components/indicators/" },
{ name: "Jumbotron", kind: "full-pattern", summary: "Use the jumbotron component to show a marketing message to your users based on a headline and image inside of a card box based on Tailwind CSS", verifiedAt: "2026-10-10", url: "https://flowbite.com/docs/components/jumbotron/" },
{ name: "Kbd", kind: "full-pattern", summary: "Use the KBD component as an inline element to denote textual user input from the keyboard inside paragraphs, tables, and other components", verifiedAt: "2026-10-10", url: "https://flowbite.com/docs/components/kbd/" },
{ name: "List Group", kind: "full-pattern", summary: "Use the list group component to display a series of items, buttons or links inside a single element", verifiedAt: "2026-10-10", url: "https://flowbite.com/docs/components/list-group/" },
{ name: "Mega Menu", kind: "full-pattern", summary: "Use the mega menu component as a full-width dropdown inside the navbar to show a list of menu items based on multiple sizes, variants, and styles.", verifiedAt: "2026-10-10", url: "https://flowbite.com/docs/components/mega-menu/" },
{ name: "Modal", kind: "full-pattern", summary: "Use the modal component to show interactive dialogs and notifications to your website users available in multiple sizes, colors, and styles", verifiedAt: "2026-10-10", url: "https://flowbite.com/docs/components/modal/" },
{ name: "Navbar", kind: "full-pattern", summary: "The navbar component can be used to show a list of navigation links positioned on the top side of your page based on multiple layouts, sizes, and dropdowns", verifiedAt: "2026-10-10", url: "https://flowbite.com/docs/components/navbar/" },
{ name: "Pagination", kind: "full-pattern", summary: "Use the Tailwind CSS pagination element to indicate a series of content across various pages based on multiple styles and sizes", verifiedAt: "2026-10-10", url: "https://flowbite.com/docs/components/pagination/" },
{ name: "Popover", kind: "full-pattern", summary: "Use the popover component to show detailed information inside a pop-up box relative to the element that is being clicked or hovered based on multiple styles", verifiedAt: "2026-10-10", url: "https://flowbite.com/docs/components/popover/" },
{ name: "Progress", kind: "full-pattern", summary: "Use the progress bar component to show the completion rate of a data indicator or use it as a loader element", verifiedAt: "2026-10-10", url: "https://flowbite.com/docs/components/progress/" },
{ name: "QR Code", kind: "full-pattern", summary: "Use this component to generate and show QR codes based on text or URL that can be scanned with device phone cameras and other devices using the Flowbite library based on Tailwind CSS", verifiedAt: "2026-10-10", url: "https://flowbite.com/docs/components/qr-code/" },
{ name: "Rating", kind: "full-pattern", summary: "Use the rating component to show reviews and testimonials from your users using stars and scores based on multiple styles and sizes", verifiedAt: "2026-10-10", url: "https://flowbite.com/docs/components/rating/" },
{ name: "Sidebar", kind: "full-pattern", summary: "Use the sidebar component to show a list of menu items and multi-level menu items on either side of the page to navigate on your website", verifiedAt: "2026-10-10", url: "https://flowbite.com/docs/components/sidebar/" },
{ name: "Skeleton", kind: "full-pattern", summary: "The skeleton component can be used as an alternative loading indicator to the spinner by mimicking the content that will be loaded such as text, images, or video", verifiedAt: "2026-10-10", url: "https://flowbite.com/docs/components/skeleton/" },
{ name: "Speed Dial", kind: "full-pattern", summary: "The speed dial component can be used as a quick way to show a list of action buttons to a user when hovering or clicking on the main trigger element.", verifiedAt: "2026-10-10", url: "https://flowbite.com/docs/components/speed-dial/" },
{ name: "Spinner", kind: "full-pattern", summary: "Use the spinner component as a loader indicator in your projects when fetching data based on an animated SVG using the utility classes from Tailwind CSS", verifiedAt: "2026-10-10", url: "https://flowbite.com/docs/components/spinner/" },
{ name: "Stepper", kind: "full-pattern", summary: "Use the stepper component to show the number of steps required to complete a form inside your application based on Tailwind CSS", verifiedAt: "2026-10-10", url: "https://flowbite.com/docs/components/stepper/" },
{ name: "Tables", kind: "full-pattern", summary: "Use the table component to show text, images, links, and other elements inside a structured set of data made up of rows and columns of table cells", verifiedAt: "2026-10-10", url: "https://flowbite.com/docs/components/tables/" },
{ name: "Tabs", kind: "full-pattern", summary: "Use these responsive tabs components to create a secondary navigational hierarchy for your website or toggle content inside a container", verifiedAt: "2026-10-10", url: "https://flowbite.com/docs/components/tabs/" },
{ name: "Timeline", kind: "full-pattern", summary: "Get started with the responsive timeline component to show data in a chronological order with support for multiple styles, sizes, and variants", verifiedAt: "2026-10-10", url: "https://flowbite.com/docs/components/timeline/" },
{ name: "Toast", kind: "full-pattern", summary: "Push notifications to your users using the toast component and choose from multiple sizes, colors, styles, and positions", verifiedAt: "2026-10-10", url: "https://flowbite.com/docs/components/toast/" },
{ name: "Tooltips", kind: "full-pattern", summary: "Use the following Tailwind CSS powered tooltips to show extra content when hovering or focusing on an element", verifiedAt: "2026-10-10", url: "https://flowbite.com/docs/components/tooltips/" },
{ name: "Typography", kind: "full-pattern", summary: "Use the typography plugin from Flowbite to apply styles to all inline elements like headings, paragraphs, lists, and images using a single format class", verifiedAt: "2026-10-10", url: "https://flowbite.com/docs/components/typography/" },
{ name: "Video", kind: "full-pattern", summary: "Use the video component to configure an embedded video player using native HTML 5 functionality based on the utility classes from Tailwind CSS", verifiedAt: "2026-10-10", url: "https://flowbite.com/docs/components/video/" },
],
"cult-ui": [
{ name: "Agent Suggest Card Stack", kind: "full-pattern", summary: "Stacked AI agent suggestion cards for React and shadcn/ui, with progress bars, success and error states, and a commit button.", verifiedAt: "2026-10-10", url: "https://www.cult-ui.com/docs/components/agent-suggest-card-stack" },
{ name: "AI Blob Warp", kind: "visual-effect", summary: "Animated AI assistant avatar for React and shadcn/ui, a circle filled with a Paper Design Warp shader that pauses for reduced motion.", verifiedAt: "2026-10-10", url: "https://www.cult-ui.com/docs/components/ai-blob-warp" },
{ name: "AI Instructions", kind: "full-pattern", summary: "Composable React components for shadcn/ui to search, toggle, and create custom AI instructions from a popover command list.", verifiedAt: "2026-10-10", url: "https://www.cult-ui.com/docs/components/ai-instructions" },
{ name: "Analytics Chart", kind: "full-pattern", summary: "Vercel-style SVG line chart for React and shadcn/ui with a gradient stroke and floating tooltip cards for analytics dashboards.", verifiedAt: "2026-10-10", url: "https://www.cult-ui.com/docs/components/analytics-chart" },
{ name: "Apple Iphone 17 Pro", kind: "visual-effect", summary: "iPhone 17 Pro device mockup for React and shadcn/ui with Dynamic Island, status bar, and four frame colors for app screenshots.", verifiedAt: "2026-10-10", url: "https://www.cult-ui.com/docs/components/apple-iphone-17-pro" },
{ name: "Apple Keyboard", kind: "visual-effect", summary: "Apple Magic Keyboard illustration for React and shadcn/ui with labeled, pressable keys and a media row for shortcut guides.", verifiedAt: "2026-10-10", url: "https://www.cult-ui.com/docs/components/apple-keyboard" },
{ name: "Apple Pro Display Xdr", kind: "visual-effect", summary: "Apple Pro Display XDR mockup for React and shadcn/ui with an aluminum frame, screen modes, and an animated macOS dock.", verifiedAt: "2026-10-10", url: "https://www.cult-ui.com/docs/components/apple-pro-display-xdr" },
{ name: "Apple Watch Ultra", kind: "visual-effect", summary: "Apple Watch Ultra mockup for React and shadcn/ui with tappable complications, a rotating crown compass, and Motion animation.", verifiedAt: "2026-10-10", url: "https://www.cult-ui.com/docs/components/apple-watch-ultra" },
{ name: "Bg Animate Button", kind: "visual-effect", summary: "Animated gradient button for React and shadcn/ui with a rotating conic background, preset gradients, CVA variants, and asChild.", verifiedAt: "2026-10-10", url: "https://www.cult-ui.com/docs/components/bg-animate-button" },
{ name: "Bg Animated Fractal Grid", kind: "visual-effect", summary: "Interactive canvas dot grid background for React and shadcn/ui with a hover wave, optional noise, and a mouse-following glow.", verifiedAt: "2026-10-10", url: "https://www.cult-ui.com/docs/components/bg-animated-fractal-grid" },
{ name: "Bg Image Texture", kind: "visual-effect", summary: "Texture background wrapper for React and shadcn/ui that layers fabric, grid-noise, or paper textures behind content at any opacity.", verifiedAt: "2026-10-10", url: "https://www.cult-ui.com/docs/components/bg-image-texture" },
{ name: "Bg Media", kind: "visual-effect", summary: "Full screen image or video background for React and shadcn/ui with a light or dark overlay and a play and pause control.", verifiedAt: "2026-10-10", url: "https://www.cult-ui.com/docs/components/bg-media" },
{ name: "Border Beam Button", kind: "visual-effect", summary: "shadcn/ui Button with an animated border beam, in text and icon variants, for primary calls to action in React apps.", verifiedAt: "2026-10-10", url: "https://www.cult-ui.com/docs/components/border-beam-button" },
{ name: "Border Beam Card", kind: "visual-effect", summary: "React card for shadcn/ui with an animated border-beam glow on the compound Card API, for featured plans and active AI tasks.", verifiedAt: "2026-10-10", url: "https://www.cult-ui.com/docs/components/border-beam-card" },
{ name: "Border Beam Input", kind: "visual-effect", summary: "React input for shadcn/ui built on Base UI with an animated border-beam glow along the bottom edge or the full border.", verifiedAt: "2026-10-10", url: "https://www.cult-ui.com/docs/components/border-beam-input" },
{ name: "Canvas Fractal Grid", kind: "visual-effect", summary: "Interactive canvas dot grid hero background for React and shadcn/ui with animated gradients, noise, glow, and performance presets.", verifiedAt: "2026-10-10", url: "https://www.cult-ui.com/docs/components/canvas-fractal-grid" },
{ name: "Choice Poll", kind: "full-pattern", summary: "Composable React poll for shadcn/ui with single or multiple choice, result bars with percentages, and keyboard navigation.", verifiedAt: "2026-10-10", url: "https://www.cult-ui.com/docs/components/choice-poll" },
{ name: "Circuit Board", kind: "visual-effect", summary: "Animated SVG circuit board illustration for React and shadcn/ui with glowing traces around a central chip, for AI and dev tools.", verifiedAt: "2026-10-10", url: "https://www.cult-ui.com/docs/components/circuit-board" },
{ name: "Code Block", kind: "full-pattern", summary: "Code block for React and shadcn/ui with tabs for npm, pnpm, and yarn snippets, a copy button, and animated tab switching.", verifiedAt: "2026-10-10", url: "https://www.cult-ui.com/docs/components/code-block" },
{ name: "Collab Avatar", kind: "full-pattern", summary: "Presence avatar for React and shadcn/ui showing initials on a color-tinted gradient, for collaborative editors and whiteboards.", verifiedAt: "2026-10-10", url: "https://www.cult-ui.com/docs/components/collab-avatar" },
{ name: "Collab Toolbar", kind: "full-pattern", summary: "Collaborative editor toolbar for React and shadcn/ui that groups icon buttons and collaborator avatars into divided sections.", verifiedAt: "2026-10-10", url: "https://www.cult-ui.com/docs/components/collab-toolbar" },
{ name: "Color Picker", kind: "full-pattern", summary: "Color picker for React and shadcn/ui with hue, saturation, and lightness sliders, hex or HSL input, and preset swatches.", verifiedAt: "2026-10-10", url: "https://www.cult-ui.com/docs/components/color-picker" },
{ name: "Copy Button", kind: "full-pattern", summary: "Copy to clipboard button for React and shadcn/ui with a legacy fallback and an animated check icon, for code and API keys.", verifiedAt: "2026-10-10", url: "https://www.cult-ui.com/docs/components/copy-button" },
{ name: "Cosmic Button", kind: "visual-effect", summary: "Animated link or button for React and shadcn/ui with a glowing cosmic gradient border that grows on hover, for landing page CTAs.", verifiedAt: "2026-10-10", url: "https://www.cult-ui.com/docs/components/cosmic-button" },
{ name: "Cutout Card", kind: "visual-effect", summary: "Composable image card for React and shadcn/ui with cutout corner accents, inset labels, pins, and actions revealed on hover.", verifiedAt: "2026-10-10", url: "https://www.cult-ui.com/docs/components/cutout-card" },
{ name: "Direction Aware Tabs", kind: "full-pattern", summary: "Animated tabs for React and shadcn/ui that slide content left or right based on direction and smoothly resize to fit.", verifiedAt: "2026-10-10", url: "https://www.cult-ui.com/docs/components/direction-aware-tabs" },
{ name: "Distorted Glass", kind: "visual-effect", summary: "Frosted glass divider for React and shadcn/ui using an SVG fractal noise displacement filter, for section transitions and headers.", verifiedAt: "2026-10-10", url: "https://www.cult-ui.com/docs/components/distorted-glass" },
{ name: "Dither Image", kind: "visual-effect", summary: "next/image wrapper for React and shadcn/ui that applies a CSS-only Bayer dither effect, with full-frame and partial masked reveals.", verifiedAt: "2026-10-10", url: "https://www.cult-ui.com/docs/components/dither-image" },
{ name: "Dock", kind: "full-pattern", summary: "macOS-style dock for React and shadcn/ui where icons magnify under the cursor with Motion springs, for app launchers and nav bars.", verifiedAt: "2026-10-10", url: "https://www.cult-ui.com/docs/components/dock" },
{ name: "Dynamic Island", kind: "visual-effect", summary: "Composable iPhone Dynamic Island for React and shadcn/ui that morphs between sizes with Motion, for notifications and media controls.", verifiedAt: "2026-10-10", url: "https://www.cult-ui.com/docs/components/dynamic-island" },
{ name: "Edge Blur", kind: "visual-effect", summary: "Progressive edge blur for React and shadcn/ui that stacks masked backdrop-filter layers to fade content under headers and footers.", verifiedAt: "2026-10-10", url: "https://www.cult-ui.com/docs/components/edge-blur" },
{ name: "Expandable", kind: "full-pattern", summary: "Compound expandable card for React and shadcn/ui that animates between condensed and expanded states to reveal extra details.", verifiedAt: "2026-10-10", url: "https://www.cult-ui.com/docs/components/expandable" },
{ name: "Expandable Screen", kind: "layout", summary: "React component for shadcn/ui that morphs a card or button into a full-screen view using Motion shared layout animations.", verifiedAt: "2026-10-10", url: "https://www.cult-ui.com/docs/components/expandable-screen" },
{ name: "Family Button", kind: "full-pattern", summary: "Family app-inspired floating button for React and shadcn/ui that expands from a plus icon into a panel of custom content.", verifiedAt: "2026-10-10", url: "https://www.cult-ui.com/docs/components/family-button" },
{ name: "Family Drawer", kind: "full-pattern", summary: "Multi-view bottom sheet drawer for React and shadcn/ui built on Vaul and Motion that resizes smoothly as views change.", verifiedAt: "2026-10-10", url: "https://www.cult-ui.com/docs/components/family-drawer" },
{ name: "Feature Carousel", kind: "full-pattern", summary: "Animated step-by-step feature carousel for React and shadcn/ui with light and dark screenshots, for landing pages and tours.", verifiedAt: "2026-10-10", url: "https://www.cult-ui.com/docs/components/feature-carousel" },
{ name: "Feature Poll", kind: "full-pattern", summary: "Compound feature voting poll for React and shadcn/ui with single or multiple choice, result bars, and keyboard navigation.", verifiedAt: "2026-10-10", url: "https://www.cult-ui.com/docs/components/feature-poll" },
{ name: "Feature Sticky Section", kind: "layout", summary: "Sticky scroll feature section for React and shadcn/ui that pairs triggers with content panels and tracks the panel in view.", verifiedAt: "2026-10-10", url: "https://www.cult-ui.com/docs/components/feature-sticky-section" },
{ name: "Feature Voting", kind: "full-pattern", summary: "Feature request voting list for React and shadcn/ui with upvotes, sorting by vote count, and controlled or uncontrolled state.", verifiedAt: "2026-10-10", url: "https://www.cult-ui.com/docs/components/feature-voting" },
{ name: "File Icons", kind: "full-pattern", summary: "SVG file type and tool icons for React and shadcn/ui, including npm, pnpm, Yarn, React, and Tailwind, with an extension helper.", verifiedAt: "2026-10-10", url: "https://www.cult-ui.com/docs/components/file-icons" },
{ name: "Floating Panel", kind: "full-pattern", summary: "Composable floating panel popover for React and shadcn/ui that morphs from its trigger with Motion, with form and textarea parts.", verifiedAt: "2026-10-10", url: "https://www.cult-ui.com/docs/components/floating-panel" },
{ name: "Fluid AI Workloads", kind: "full-pattern", summary: "Composable SVG illustration for React and shadcn/ui that connects cards with branching lines to show AI workloads and compute.", verifiedAt: "2026-10-10", url: "https://www.cult-ui.com/docs/components/fluid-ai-workloads" },
{ name: "Fluted Glass", kind: "visual-effect", summary: "Fluted glass image effect for React and shadcn/ui using the Paper Design WebGL shader, with ribbed distortion and tuned defaults.", verifiedAt: "2026-10-10", url: "https://www.cult-ui.com/docs/components/fluted-glass" },
{ name: "Folded Card", kind: "visual-effect", summary: "Composable folded-corner card for React and shadcn/ui with a linked preview, dashed grid, badge, and footer, for template galleries.", verifiedAt: "2026-10-10", url: "https://www.cult-ui.com/docs/components/folded-card" },
{ name: "Gateway Endpoint Illustration", kind: "visual-effect", summary: "SVG illustration for React and shadcn/ui showing one API endpoint fanning out to four AI model providers, with color props.", verifiedAt: "2026-10-10", url: "https://www.cult-ui.com/docs/components/gateway-endpoint-illustration" },
{ name: "Gateway Route Illustration", kind: "visual-effect", summary: "SVG illustration for React and shadcn/ui showing an AI gateway routing requests across model providers with arcs and a ring.", verifiedAt: "2026-10-10", url: "https://www.cult-ui.com/docs/components/gateway-route-illustration" },
{ name: "Gateway SVG Illustration", kind: "visual-effect", summary: "SVG hub illustration for React and shadcn/ui that joins lines into a central gateway, for request flow and latency visuals.", verifiedAt: "2026-10-10", url: "https://www.cult-ui.com/docs/components/gateway-svg-illustration" },
{ name: "Globe", kind: "visual-effect", summary: "Interactive 3D WebGL globe for React and shadcn/ui built on cobe, with drag to rotate, theme colors, markers, and arcs.", verifiedAt: "2026-10-10", url: "https://www.cult-ui.com/docs/components/globe" },
{ name: "Gradient Button Group", kind: "visual-effect", summary: "Layered icon button group for React and shadcn/ui with an animated active ring and a built-in light and dark theme toggle.", verifiedAt: "2026-10-10", url: "https://www.cult-ui.com/docs/components/gradient-button-group" },
{ name: "Gradient Heading", kind: "visual-effect", summary: "Gradient text heading for React and shadcn/ui with CVA variants for color, size, and weight, plus asChild, for hero headlines.", verifiedAt: "2026-10-10", url: "https://www.cult-ui.com/docs/components/gradient-heading" },
{ name: "Grid Beam", kind: "full-pattern", summary: "Animated canvas light beams on a grid for React and shadcn/ui, with palette presets, SVG dividers, and a headless useGridBeam hook.", verifiedAt: "2026-10-10", url: "https://www.cult-ui.com/docs/components/grid-beam" },
{ name: "Halo Badge", kind: "full-pattern", summary: "Animated badge for React and shadcn/ui with a gradient rim, pulsing live dot, and tabular figures for counts that never shift.", verifiedAt: "2026-10-10", url: "https://www.cult-ui.com/docs/components/halo-badge" },
{ name: "Halo Button", kind: "full-pattern", summary: "Primary button for React and shadcn/ui with an animated gradient rim, frosted fill, staggered label, and built-in loading state.", verifiedAt: "2026-10-10", url: "https://www.cult-ui.com/docs/components/halo-button" },
{ name: "Halo Card", kind: "full-pattern", summary: "Composable card for React and shadcn/ui with an animated gradient rim, frosted surface, and header, content, and footer slots.", verifiedAt: "2026-10-10", url: "https://www.cult-ui.com/docs/components/halo-card" },
{ name: "Halo Dropzone", kind: "full-pattern", summary: "Drag-and-drop file upload dropzone for React and shadcn/ui with an animated dashed rim, keyboard support, and file-type glyphs.", verifiedAt: "2026-10-10", url: "https://www.cult-ui.com/docs/components/halo-dropzone" },
{ name: "Halo Field", kind: "full-pattern", summary: "Form field layout for React and shadcn/ui with label, description, and error slots for Halo Input and Halo Textarea.", verifiedAt: "2026-10-10", url: "https://www.cult-ui.com/docs/components/halo-field" },
{ name: "Halo Input", kind: "full-pattern", summary: "Text input and textarea for React and shadcn/ui built on Base UI, with a frosted fill, gradient rim, and invalid state.", verifiedAt: "2026-10-10", url: "https://www.cult-ui.com/docs/components/halo-input" },
{ name: "Halo Notification", kind: "full-pattern", summary: "Inline notification card for React and shadcn/ui with rim variants, staggered text animation, and a dismiss button.", verifiedAt: "2026-10-10", url: "https://www.cult-ui.com/docs/components/halo-notification" },
{ name: "Halo Progress", kind: "full-pattern", summary: "Progress bar for React and shadcn/ui on Base UI, with a spring-animated determinate fill and a sliding indeterminate strip.", verifiedAt: "2026-10-10", url: "https://www.cult-ui.com/docs/components/halo-progress" },
{ name: "Halo Search", kind: "full-pattern", summary: "Search input for React and shadcn/ui with an animated gradient border, clear button, loading state, and a Warp shader avatar.", verifiedAt: "2026-10-10", url: "https://www.cult-ui.com/docs/components/halo-search" },
{ name: "Halo Segmented", kind: "full-pattern", summary: "Segmented control for React and shadcn/ui on Base UI Toggle Group, with a frosted track and a spring-animated sliding thumb.", verifiedAt: "2026-10-10", url: "https://www.cult-ui.com/docs/components/halo-segmented" },
{ name: "Halo Select", kind: "full-pattern", summary: "Composable select dropdown for React and shadcn/ui on Base UI, with a gradient rim, staggered label, and loading indicator.", verifiedAt: "2026-10-10", url: "https://www.cult-ui.com/docs/components/halo-select" },
{ name: "Halo Switch", kind: "full-pattern", summary: "Toggle switch for React and shadcn/ui on Base UI with a spring-animated thumb, gradient rim, and an enlarged touch target.", verifiedAt: "2026-10-10", url: "https://www.cult-ui.com/docs/components/halo-switch" },
{ name: "Halo Tabs", kind: "full-pattern", summary: "Tabs for React and shadcn/ui built on Base UI, with a gradient underline or pill indicator that slides to the active tab.", verifiedAt: "2026-10-10", url: "https://www.cult-ui.com/docs/components/halo-tabs" },
{ name: "Halo Toast", kind: "full-pattern", summary: "Toast notifications for React and shadcn/ui built on Sonner, with Halo rim variants, actions, and a dismiss button.", verifiedAt: "2026-10-10", url: "https://www.cult-ui.com/docs/components/halo-toast" },
{ name: "Halo Toggle Group", kind: "full-pattern", summary: "Single-select toggle group for React and shadcn/ui on Base UI with a spring-animated sliding thumb, for view and alignment switches.", verifiedAt: "2026-10-10", url: "https://www.cult-ui.com/docs/components/halo-toggle-group" },
{ name: "Hero Color Panels", kind: "visual-effect", summary: "Split-layout hero section for React and shadcn/ui with a ColorPanels WebGL shader, call-to-action buttons, and tech stack badges.", verifiedAt: "2026-10-10", url: "https://www.cult-ui.com/docs/components/hero-color-panels" },
{ name: "Hero Dithering", kind: "visual-effect", summary: "Split-layout hero section for React and shadcn/ui with a Dithering WebGL shader, call-to-action buttons, and tech stack badges.", verifiedAt: "2026-10-10", url: "https://www.cult-ui.com/docs/components/hero-dithering" },
{ name: "Hero Heatmap", kind: "visual-effect", summary: "Split-layout hero section for React and shadcn/ui with a glowing Heatmap WebGL shader, call-to-action buttons, and badges.", verifiedAt: "2026-10-10", url: "https://www.cult-ui.com/docs/components/hero-heatmap" },
{ name: "Hero Liquid Metal", kind: "visual-effect", summary: "Split-layout hero section for React and shadcn/ui with a chrome-like LiquidMetal WebGL shader, CTA buttons, and badges.", verifiedAt: "2026-10-10", url: "https://www.cult-ui.com/docs/components/hero-liquid-metal" },
{ name: "Hero Static Radial Gradient", kind: "visual-effect", summary: "Split-layout hero section for React and shadcn/ui with a static radial gradient shader, CTA buttons, and tech stack badges.", verifiedAt: "2026-10-10", url: "https://www.cult-ui.com/docs/components/hero-static-radial-gradient" },
{ name: "Hover Video Player", kind: "full-pattern", summary: "Hover to play video for React and shadcn/ui with lazy loading, thumbnails, overlays, picture-in-picture, and touch support.", verifiedAt: "2026-10-10", url: "https://www.cult-ui.com/docs/components/hover-video-player" },
{ name: "Illustration Card Grid", kind: "visual-effect", summary: "Feature card grid for React and shadcn/ui with titles, descriptions, and built-in AI gateway illustrations for landing pages.", verifiedAt: "2026-10-10", url: "https://www.cult-ui.com/docs/components/illustration-card-grid" },
{ name: "Illustration Comment Bubble", kind: "visual-effect", summary: "Comment bubble illustration for React and shadcn/ui with an avatar, inline code, and cursor, for code review and chat features.", verifiedAt: "2026-10-10", url: "https://www.cult-ui.com/docs/components/illustration-comment-bubble" },
{ name: "Illustration Cursor", kind: "visual-effect", summary: "Animated multiplayer cursors for React and shadcn/ui with name tags and colors, to illustrate real-time collaboration.", verifiedAt: "2026-10-10", url: "https://www.cult-ui.com/docs/components/illustration-cursor" },
{ name: "Illustration Fluid Rendering", kind: "visual-effect", summary: "SVG illustration for React and shadcn/ui connecting a browser to commerce and CMS platforms, for headless rendering features.", verifiedAt: "2026-10-10", url: "https://www.cult-ui.com/docs/components/illustration-fluid-rendering" },
{ name: "Illustration Globe Vercel", kind: "visual-effect", summary: "Animated globe illustration for React and shadcn/ui showing deployments with deploying, deployed, and error states.", verifiedAt: "2026-10-10", url: "https://www.cult-ui.com/docs/components/illustration-globe-vercel" },
{ name: "Illustration Graph", kind: "visual-effect", summary: "SVG line graph illustration for React and shadcn/ui with data points, axis labels, and a highlighted error region.", verifiedAt: "2026-10-10", url: "https://www.cult-ui.com/docs/components/illustration-graph" },
{ name: "Intro Disclosure", kind: "full-pattern", summary: "Multi-step onboarding for React and shadcn/ui in a Dialog on desktop and Drawer on mobile, with progress and saved dismissal.", verifiedAt: "2026-10-10", url: "https://www.cult-ui.com/docs/components/intro-disclosure" },
{ name: "Kanban Board", kind: "full-pattern", summary: "Kanban board for React and shadcn/ui with drag-and-drop cards between columns, tags, assignee avatars, and layout animations.", verifiedAt: "2026-10-10", url: "https://www.cult-ui.com/docs/components/kanban-board" },
{ name: "Lightboard", kind: "visual-effect", summary: "Canvas LED lightboard for React and shadcn/ui that scrolls text as a grid of lights, with seven-segment font and drawing.", verifiedAt: "2026-10-10", url: "https://www.cult-ui.com/docs/components/lightboard" },
{ name: "Loading Carousel", kind: "visual-effect", summary: "Autoplay tips carousel for React and shadcn/ui with images, a progress bar, and navigation, built on Embla, for loading states.", verifiedAt: "2026-10-10", url: "https://www.cult-ui.com/docs/components/loading-carousel" },
{ name: "Logo Carousel", kind: "visual-effect", summary: "Animated logo carousel for React and shadcn/ui that cycles brand SVGs through staggered columns, for customer and partner logos.", verifiedAt: "2026-10-10", url: "https://www.cult-ui.com/docs/components/logo-carousel" },
{ name: "Mac Screen", kind: "full-pattern", summary: "Classic Macintosh computer mockup for React and shadcn/ui that places an image or GIF inside the CRT screen responsively.", verifiedAt: "2026-10-10", url: "https://www.cult-ui.com/docs/components/mac-screen" },
{ name: "Marketing Feature Code", kind: "layout", summary: "Marketing section for React and shadcn/ui pairing a feature list with a styled, copyable code snippet, for developer features.", verifiedAt: "2026-10-10", url: "https://www.cult-ui.com/docs/components/marketing-feature-code" },
{ name: "Marketing Hero Analytics", kind: "layout", summary: "Analytics hero section for React and shadcn/ui with an interactive SVG chart, top sources list, and app logs panel.", verifiedAt: "2026-10-10", url: "https://www.cult-ui.com/docs/components/marketing-hero-analytics" },
{ name: "Merging Bubbles", kind: "visual-effect", summary: "SVG merging bubbles for React and shadcn/ui showing two icons joined together, for integrations and partnership sections.", verifiedAt: "2026-10-10", url: "https://www.cult-ui.com/docs/components/merging-bubbles" },
{ name: "Metal Button", kind: "visual-effect", summary: "shadcn/ui Button wrapped in an animated liquid metal ring for React, in text and icon variants, for standout calls to action.", verifiedAt: "2026-10-10", url: "https://www.cult-ui.com/docs/components/metal-button" },
{ name: "Minimal Card", kind: "full-pattern", summary: "Composable minimal image card for React and shadcn/ui with image, title, and description parts, for blog and product grids.", verifiedAt: "2026-10-10", url: "https://www.cult-ui.com/docs/components/minimal-card" },
{ name: "Mock Browser Window", kind: "layout", summary: "Browser window mockup for React and shadcn/ui in Chrome, Safari, or generic styles, with address bar, sidebar, and themes.", verifiedAt: "2026-10-10", url: "https://www.cult-ui.com/docs/components/mock-browser-window" },
{ name: "Morph Surface", kind: "visual-effect", summary: "React component for shadcn/ui that morphs a button into a textarea panel with spring animations, for feedback and quick notes.", verifiedAt: "2026-10-10", url: "https://www.cult-ui.com/docs/components/morph-surface" },
{ name: "Neumorph Button", kind: "visual-effect", summary: "Neumorphic button for React and shadcn/ui with soft shadows, four intents, three sizes, a loading spinner, and press animation.", verifiedAt: "2026-10-10", url: "https://www.cult-ui.com/docs/components/neumorph-button" },
{ name: "Neumorph Eyebrow", kind: "visual-effect", summary: "Neumorphic eyebrow label for React and shadcn/ui, an inset pill with color intents for tagging sections above headings.", verifiedAt: "2026-10-10", url: "https://www.cult-ui.com/docs/components/neumorph-eyebrow" },
{ name: "Onboarding", kind: "full-pattern", summary: "Composable multi-step onboarding for React and shadcn/ui with a step indicator, feature carousel, choice group, and tips list.", verifiedAt: "2026-10-10", url: "https://www.cult-ui.com/docs/components/onboarding" },
{ name: "Organic Button", kind: "visual-effect", summary: "Link button for React and shadcn/ui with curved SVG end caps, theme-driven colors, three sizes, and asChild support.", verifiedAt: "2026-10-10", url: "https://www.cult-ui.com/docs/components/organic-button" },
{ name: "Organic Card", kind: "visual-effect", summary: "Composable marketing card for React and shadcn/ui with image, eyebrow, SVG accent band, and footer CTA, as an optional Next.js Link.", verifiedAt: "2026-10-10", url: "https://www.cult-ui.com/docs/components/organic-card" },
{ name: "Organic Card Small", kind: "visual-effect", summary: "Compact link card for React and shadcn/ui with an organic SVG cutout, image, category, and date, for blog and news lists.", verifiedAt: "2026-10-10", url: "https://www.cult-ui.com/docs/components/organic-card-small" },
{ name: "Pixel Heading Character", kind: "visual-effect", summary: "Pixel font heading for React and shadcn/ui that cycles each character through Geist pixel fonts in four animation modes.", verifiedAt: "2026-10-10", url: "https://www.cult-ui.com/docs/components/pixel-heading-character" },
{ name: "Pixel Heading Word", kind: "visual-effect", summary: "Pixel font heading for React and shadcn/ui that swaps whole words between Geist pixel fonts on hover, with no animation library.", verifiedAt: "2026-10-10", url: "https://www.cult-ui.com/docs/components/pixel-heading-word" },
{ name: "Pixel Paragraph Words", kind: "visual-effect", summary: "Paragraph for React and shadcn/ui that renders chosen words in a Geist pixel font to highlight key terms in hero copy.", verifiedAt: "2026-10-10", url: "https://www.cult-ui.com/docs/components/pixel-paragraph-words" },
{ name: "Pixel Paragraph Words Inverse", kind: "visual-effect", summary: "Paragraph for React and shadcn/ui set in a Geist pixel font, with chosen words switching to a sans or mono typeface.", verifiedAt: "2026-10-10", url: "https://www.cult-ui.com/docs/components/pixel-paragraph-words-inverse" },
{ name: "Poll Widget", kind: "full-pattern", summary: "Composable poll widget for React and shadcn/ui shown inline, in a popover, or in a dialog, with results and keyboard support.", verifiedAt: "2026-10-10", url: "https://www.cult-ui.com/docs/components/poll-widget" },
{ name: "Popover", kind: "full-pattern", summary: "Composable animated popover for React and shadcn/ui that morphs a button into a panel, with form, textarea, and footer parts.", verifiedAt: "2026-10-10", url: "https://www.cult-ui.com/docs/components/popover" },
{ name: "Popover Form", kind: "full-pattern", summary: "Animated popover form for React and shadcn/ui that expands from a button with a success state, for feedback and waitlists.", verifiedAt: "2026-10-10", url: "https://www.cult-ui.com/docs/components/popover-form" },
{ name: "Prompt Composer", kind: "full-pattern", summary: "AI chat prompt input for React and shadcn/ui with a gradient rim, Warp shader avatar, loading line, and attach and send buttons.", verifiedAt: "2026-10-10", url: "https://www.cult-ui.com/docs/components/prompt-composer" },
{ name: "Prompt Library", kind: "full-pattern", summary: "Prompt template library for React and shadcn/ui to browse, search, insert, and save AI prompts by category from a popover.", verifiedAt: "2026-10-10", url: "https://www.cult-ui.com/docs/components/prompt-library" },
{ name: "Rolling Number", kind: "full-pattern", summary: "Animated number counter for React and shadcn/ui that rolls to new values with a Motion spring and custom formatting.", verifiedAt: "2026-10-10", url: "https://www.cult-ui.com/docs/components/rolling-number" },
{ name: "Security Checkpoint", kind: "full-pattern", verifiedAt: "2026-10-10", url: "https://www.cult-ui.com/docs/components/security-checkpoint" },
{ name: "Shader Lens Blur", kind: "visual-effect", summary: "Interactive WebGL lens blur shader for React and shadcn/ui built on Three.js, with pointer-reactive distortion and gradients.", verifiedAt: "2026-10-10", url: "https://www.cult-ui.com/docs/components/shader-lens-blur" },
{ name: "Shadow Card", kind: "full-pattern", summary: "Composable marketing card for React and shadcn/ui with an extruded edge, bevel layers, vertical text, and a pixel gradient mesh.", verifiedAt: "2026-10-10", url: "https://www.cult-ui.com/docs/components/shadow-card" },
{ name: "Shift Card", kind: "full-pattern", summary: "Hover reveal card for React and shadcn/ui that shifts its header to show extra content, for product grids and team pages.", verifiedAt: "2026-10-10", url: "https://www.cult-ui.com/docs/components/shift-card" },
{ name: "Side Panel", kind: "layout", summary: "Expanding side panel for React and shadcn/ui that animates open to reveal extra content or a video, with a custom toggle.", verifiedAt: "2026-10-10", url: "https://www.cult-ui.com/docs/components/side-panel" },
{ name: "Sortable List", kind: "full-pattern", summary: "Drag to reorder list for React and shadcn/ui built on Motion Reorder, with checkboxes and item deletion, for task lists.", verifiedAt: "2026-10-10", url: "https://www.cult-ui.com/docs/components/sortable-list" },
{ name: "Speech Bubble", kind: "full-pattern", summary: "Composable chat speech bubble for React and shadcn/ui with an SVG tail and optional cursor, for AI messages and product tours.", verifiedAt: "2026-10-10", url: "https://www.cult-ui.com/docs/components/speech-bubble" },
{ name: "Squiggle Arrow", kind: "visual-effect", summary: "Hand-drawn squiggly SVG arrow for React and shadcn/ui in wavy, bouncy, or smooth variants, for pointing at calls to action.", verifiedAt: "2026-10-10", url: "https://www.cult-ui.com/docs/components/squiggle-arrow" },
{ name: "Stripe Bg Guides", kind: "visual-effect", summary: "Stripe-style animated grid line background for React and shadcn/ui with glowing highlights, column count, and direction options.", verifiedAt: "2026-10-10", url: "https://www.cult-ui.com/docs/components/stripe-bg-guides" },
{ name: "SVG Bands", kind: "visual-effect", summary: "Wide SVG section dividers for React and shadcn/ui, including battlements, zigzags, hero bands, wavy footers, and notched frames.", verifiedAt: "2026-10-10", url: "https://www.cult-ui.com/docs/components/svg-bands" },
{ name: "SVG Shapes", kind: "visual-effect", summary: "Static SVG shapes for React and shadcn/ui, including polygons, sacred geometry, and Platonic wireframes styled with currentColor.", verifiedAt: "2026-10-10", url: "https://www.cult-ui.com/docs/components/svg-shapes" },
{ name: "SVG Shapes Animated", kind: "visual-effect", summary: "Scroll-animated SVG shapes and panels for React and shadcn/ui whose strokes draw in with Motion, with reduced motion support.", verifiedAt: "2026-10-10", url: "https://www.cult-ui.com/docs/components/svg-shapes-animated" },
{ name: "Tabs Illustration Vercel", kind: "visual-effect", summary: "Auto-advancing feature tabs for React and shadcn/ui with Vercel-style animated illustrations and a progress indicator.", verifiedAt: "2026-10-10", url: "https://www.cult-ui.com/docs/components/tabs-illustration-vercel" },
{ name: "Terminal Animation", kind: "visual-effect", summary: "Composable animated terminal for React and shadcn/ui that plays typed commands and output, with tabbed scenarios for CLI docs.", verifiedAt: "2026-10-10", url: "https://www.cult-ui.com/docs/components/terminal-animation" },
{ name: "Text Animate", kind: "visual-effect", summary: "Text animation for React and shadcn/ui built with Motion, with presets like fadeIn, rollIn, and whipInUp for headlines.", verifiedAt: "2026-10-10", url: "https://www.cult-ui.com/docs/components/text-animate" },
{ name: "Text GIF", kind: "visual-effect", summary: "Display text for React and shadcn/ui clipped to an animated GIF background, with size, weight, and font variants.", verifiedAt: "2026-10-10", url: "https://www.cult-ui.com/docs/components/text-gif" },
{ name: "Texture Button", kind: "visual-effect", summary: "Tactile neumorphic button for React and shadcn/ui with layered borders and gradients, multiple variants and sizes, and asChild.", verifiedAt: "2026-10-10", url: "https://www.cult-ui.com/docs/components/texture-button" },
{ name: "Texture Card", kind: "visual-effect", summary: "Composable neumorphic card for React and shadcn/ui with layered borders and header, content, footer, and separator parts.", verifiedAt: "2026-10-10", url: "https://www.cult-ui.com/docs/components/texture-card" },
{ name: "Texture Overlay", kind: "visual-effect", summary: "CSS texture overlay for React and shadcn/ui with dots, grid, crosshatch, halftone, and paper grain patterns at any opacity.", verifiedAt: "2026-10-10", url: "https://www.cult-ui.com/docs/components/texture-overlay" },
{ name: "Three D Carousel", kind: "visual-effect", summary: "3D image carousel for React and shadcn/ui that rotates cards around a cylinder with drag momentum and click to expand.", verifiedAt: "2026-10-10", url: "https://www.cult-ui.com/docs/components/three-d-carousel" },
{ name: "Timer", kind: "full-pattern", summary: "Compound timer for React and shadcn/ui with variants, sizes, and time formats, plus a useTimer hook for elapsed time.", verifiedAt: "2026-10-10", url: "https://www.cult-ui.com/docs/components/timer" },
{ name: "Toolbar Expandable", kind: "full-pattern", summary: "Expandable toolbar for React and shadcn/ui that opens into a scrollable step-by-step panel, for onboarding and feature tours.", verifiedAt: "2026-10-10", url: "https://www.cult-ui.com/docs/components/toolbar-expandable" },
{ name: "Tweet Grid", kind: "full-pattern", summary: "Masonry grid of embedded tweets for React and shadcn/ui from a list of tweet IDs, for testimonial walls and social proof.", verifiedAt: "2026-10-10", url: "https://www.cult-ui.com/docs/components/tweet-grid" },
{ name: "Typewriter", kind: "visual-effect", summary: "Typewriter text effect for React and shadcn/ui that types a phrase, then loops rotating words with a blinking cursor.", verifiedAt: "2026-10-10", url: "https://www.cult-ui.com/docs/components/typewriter" },
{ name: "Vote Tally", kind: "full-pattern", summary: "Composable upvote list for React and shadcn/ui with accessible vote buttons, sorting by count, and controlled or uncontrolled state.", verifiedAt: "2026-10-10", url: "https://www.cult-ui.com/docs/components/vote-tally" },
{ name: "Wizard Expandable", kind: "full-pattern", summary: "Expandable multi-step wizard for React and shadcn/ui with Motion transitions, keyboard navigation, and step validation.", verifiedAt: "2026-10-10", url: "https://www.cult-ui.com/docs/components/wizard-expandable" },
{ name: "Youtube Video Player", kind: "full-pattern", summary: "YouTube video player for React and shadcn/ui with a custom thumbnail and play button that expands into an animated modal.", verifiedAt: "2026-10-10", url: "https://www.cult-ui.com/docs/components/youtube-video-player" },
],
"cmdk": [
{ name: "Command", kind: "primitive", summary: "Unstyled command menu component with automatic filtering and sorting.", builtOn: "react", concept: "command-palette", aliases: ["command menu", "command palette", "⌘k"], verifiedAt: "2026-10-09", url: "https://github.com/pacocoursey/cmdk" },
],
};
