<?xml version="1.0" encoding="utf-8"?>
<rss version="2.0">
    <channel>
        <title>DarkCode UI - Beautiful by default, customizable by design.</title>
        <link>https://ui.darkcode.dev/</link>
        <description>Beautiful, accessible React UI components built on React Aria and Tailwind CSS v4. The modern alternative to Hero Ui, MUI, Chakra UI, and shadcn/ui for building production-ready applications.</description>
        <lastBuildDate>Mon, 06 Jul 2026 17:04:35 GMT</lastBuildDate>
        <docs>https://validator.w3.org/feed/docs/rss2.html</docs>
        <generator>https://github.com/jpmonette/feed</generator>
        <language>en-US</language>
        <image>
            <title>DarkCode UI - Beautiful by default, customizable by design.</title>
            <url>https://ui.darkcode.dev/images/twitter-card.jpg</url>
            <link>https://ui.darkcode.dev/</link>
        </image>
        <copyright>2026 DarkCode UI Inc. All rights reserved.</copyright>
        <item>
            <title><![CDATA[All Components]]></title>
            <link>https://ui.darkcode.dev/en/docs/react/components</link>
            <guid isPermaLink="false">/en/docs/react/components</guid>
            <pubDate>Mon, 06 Jul 2026 17:04:30 GMT</pubDate>
            <description><![CDATA[Explore the full list of components available in the library. More are on the way.]]></description>
        </item>
        <item>
            <title><![CDATA[Introduction]]></title>
            <link>https://ui.darkcode.dev/en/docs/react/getting-started</link>
            <guid isPermaLink="false">/en/docs/react/getting-started</guid>
            <pubDate>Mon, 06 Jul 2026 17:04:30 GMT</pubDate>
            <description><![CDATA[An open-source UI component library for building beautiful and accessible user interfaces.]]></description>
        </item>
        <item>
            <title><![CDATA[All Releases]]></title>
            <link>https://ui.darkcode.dev/en/docs/react/releases</link>
            <guid isPermaLink="false">/en/docs/react/releases</guid>
            <pubDate>Mon, 06 Jul 2026 17:04:30 GMT</pubDate>
            <description><![CDATA[All updates and changes to DarkCode UI, including new features, fixes, and breaking changes.]]></description>
        </item>
        <item>
            <title><![CDATA[Introducing DarkCode UI v1.0.0]]></title>
            <link>https://ui.darkcode.dev/en/docs/react/releases/v1-0-0</link>
            <guid isPermaLink="false">/en/docs/react/releases/v1-0-0</guid>
            <pubDate>Mon, 06 Jul 2026 17:04:31 GMT</pubDate>
            <description><![CDATA[The first stable release of DarkCode UI — beautiful, accessible React components built on React Aria and Tailwind CSS v4.]]></description>
        </item>
        <item>
            <title><![CDATA[ButtonGroup]]></title>
            <link>https://ui.darkcode.dev/en/docs/react/components/button-group</link>
            <guid isPermaLink="false">/en/docs/react/components/button-group</guid>
            <pubDate>Mon, 06 Jul 2026 17:04:31 GMT</pubDate>
            <description><![CDATA[Group related buttons together with consistent styling and spacing]]></description>
        </item>
        <item>
            <title><![CDATA[Button]]></title>
            <link>https://ui.darkcode.dev/en/docs/react/components/button</link>
            <guid isPermaLink="false">/en/docs/react/components/button</guid>
            <pubDate>Mon, 06 Jul 2026 17:04:31 GMT</pubDate>
            <description><![CDATA[A clickable button component with multiple variants and states]]></description>
        </item>
        <item>
            <title><![CDATA[CloseButton]]></title>
            <link>https://ui.darkcode.dev/en/docs/react/components/close-button</link>
            <guid isPermaLink="false">/en/docs/react/components/close-button</guid>
            <pubDate>Mon, 06 Jul 2026 17:04:31 GMT</pubDate>
            <description><![CDATA[Button component for closing dialogs, modals, or dismissing content]]></description>
        </item>
        <item>
            <title><![CDATA[ToggleButtonGroup]]></title>
            <link>https://ui.darkcode.dev/en/docs/react/components/toggle-button-group</link>
            <guid isPermaLink="false">/en/docs/react/components/toggle-button-group</guid>
            <pubDate>Mon, 06 Jul 2026 17:04:35 GMT</pubDate>
            <description><![CDATA[Groups multiple ToggleButtons into a unified control, allowing users to select one or multiple options.]]></description>
        </item>
        <item>
            <title><![CDATA[ToggleButton]]></title>
            <link>https://ui.darkcode.dev/en/docs/react/components/toggle-button</link>
            <guid isPermaLink="false">/en/docs/react/components/toggle-button</guid>
            <pubDate>Mon, 06 Jul 2026 17:04:35 GMT</pubDate>
            <description><![CDATA[An interactive toggle control for on/off or selected/unselected states]]></description>
        </item>
        <item>
            <title><![CDATA[Context Menu]]></title>
            <link>https://ui.darkcode.dev/en/docs/react/components/context-menu</link>
            <guid isPermaLink="false">/en/docs/react/components/context-menu</guid>
            <pubDate>Mon, 06 Jul 2026 17:04:35 GMT</pubDate>
            <description><![CDATA[A right-click context menu with nested submenus, selection state, and long-press support for touch]]></description>
        </item>
        <item>
            <title><![CDATA[Dropdown]]></title>
            <link>https://ui.darkcode.dev/en/docs/react/components/dropdown</link>
            <guid isPermaLink="false">/en/docs/react/components/dropdown</guid>
            <pubDate>Mon, 06 Jul 2026 17:04:35 GMT</pubDate>
            <description><![CDATA[A dropdown displays a list of actions or options that a user can choose]]></description>
        </item>
        <item>
            <title><![CDATA[ListBox]]></title>
            <link>https://ui.darkcode.dev/en/docs/react/components/list-box</link>
            <guid isPermaLink="false">/en/docs/react/components/list-box</guid>
            <pubDate>Mon, 06 Jul 2026 17:04:35 GMT</pubDate>
            <description><![CDATA[A listbox displays a list of options and allows a user to select one or more of them]]></description>
        </item>
        <item>
            <title><![CDATA[List View]]></title>
            <link>https://ui.darkcode.dev/en/docs/react/components/list-view</link>
            <guid isPermaLink="false">/en/docs/react/components/list-view</guid>
            <pubDate>Mon, 06 Jul 2026 17:04:35 GMT</pubDate>
            <description><![CDATA[A single-column interactive list with keyboard navigation, selection, and accessible item actions — built on React Aria's GridList.]]></description>
        </item>
        <item>
            <title><![CDATA[TagGroup]]></title>
            <link>https://ui.darkcode.dev/en/docs/react/components/tag-group</link>
            <guid isPermaLink="false">/en/docs/react/components/tag-group</guid>
            <pubDate>Mon, 06 Jul 2026 17:04:35 GMT</pubDate>
            <description><![CDATA[A focusable list of tags with support for keyboard navigation, selection, and removal]]></description>
        </item>
        <item>
            <title><![CDATA[Cell Color Picker]]></title>
            <link>https://ui.darkcode.dev/en/docs/react/components/cell-color-picker</link>
            <guid isPermaLink="false">/en/docs/react/components/cell-color-picker</guid>
            <pubDate>Mon, 06 Jul 2026 17:04:35 GMT</pubDate>
            <description><![CDATA[A compact color picker styled as a settings cell, with a leading label and a trailing swatch and live hex value.]]></description>
        </item>
        <item>
            <title><![CDATA[ColorArea]]></title>
            <link>https://ui.darkcode.dev/en/docs/react/components/color-area</link>
            <guid isPermaLink="false">/en/docs/react/components/color-area</guid>
            <pubDate>Mon, 06 Jul 2026 17:04:35 GMT</pubDate>
            <description><![CDATA[A 2D color picker that allows users to select colors from a gradient area]]></description>
        </item>
        <item>
            <title><![CDATA[ColorField]]></title>
            <link>https://ui.darkcode.dev/en/docs/react/components/color-field</link>
            <guid isPermaLink="false">/en/docs/react/components/color-field</guid>
            <pubDate>Mon, 06 Jul 2026 17:04:35 GMT</pubDate>
            <description><![CDATA[Color input field with labels, descriptions, and validation built on React Aria ColorField]]></description>
        </item>
        <item>
            <title><![CDATA[ColorPicker]]></title>
            <link>https://ui.darkcode.dev/en/docs/react/components/color-picker</link>
            <guid isPermaLink="false">/en/docs/react/components/color-picker</guid>
            <pubDate>Mon, 06 Jul 2026 17:04:35 GMT</pubDate>
            <description><![CDATA[A composable color picker that synchronizes color value between multiple color components]]></description>
        </item>
        <item>
            <title><![CDATA[ColorSlider]]></title>
            <link>https://ui.darkcode.dev/en/docs/react/components/color-slider</link>
            <guid isPermaLink="false">/en/docs/react/components/color-slider</guid>
            <pubDate>Mon, 06 Jul 2026 17:04:35 GMT</pubDate>
            <description><![CDATA[A color slider allows users to adjust an individual channel of a color value]]></description>
        </item>
        <item>
            <title><![CDATA[ColorSwatchPicker]]></title>
            <link>https://ui.darkcode.dev/en/docs/react/components/color-swatch-picker</link>
            <guid isPermaLink="false">/en/docs/react/components/color-swatch-picker</guid>
            <pubDate>Mon, 06 Jul 2026 17:04:35 GMT</pubDate>
            <description><![CDATA[A list of color swatches that allows users to select a color from a predefined palette.]]></description>
        </item>
        <item>
            <title><![CDATA[ColorSwatch]]></title>
            <link>https://ui.darkcode.dev/en/docs/react/components/color-swatch</link>
            <guid isPermaLink="false">/en/docs/react/components/color-swatch</guid>
            <pubDate>Mon, 06 Jul 2026 17:04:35 GMT</pubDate>
            <description><![CDATA[A visual preview of a color value with accessibility support]]></description>
        </item>
        <item>
            <title><![CDATA[ColorWheel]]></title>
            <link>https://ui.darkcode.dev/en/docs/react/components/color-wheel</link>
            <guid isPermaLink="false">/en/docs/react/components/color-wheel</guid>
            <pubDate>Mon, 06 Jul 2026 17:04:35 GMT</pubDate>
            <description><![CDATA[A circular slider for selecting the hue of a color value]]></description>
        </item>
        <item>
            <title><![CDATA[Slider]]></title>
            <link>https://ui.darkcode.dev/en/docs/react/components/slider</link>
            <guid isPermaLink="false">/en/docs/react/components/slider</guid>
            <pubDate>Mon, 06 Jul 2026 17:04:35 GMT</pubDate>
            <description><![CDATA[A slider allows a user to select one or more values within a range]]></description>
        </item>
        <item>
            <title><![CDATA[Switch]]></title>
            <link>https://ui.darkcode.dev/en/docs/react/components/switch</link>
            <guid isPermaLink="false">/en/docs/react/components/switch</guid>
            <pubDate>Mon, 06 Jul 2026 17:04:35 GMT</pubDate>
            <description><![CDATA[A toggle switch component for boolean states]]></description>
        </item>
        <item>
            <title><![CDATA[Badge]]></title>
            <link>https://ui.darkcode.dev/en/docs/react/components/badge</link>
            <guid isPermaLink="false">/en/docs/react/components/badge</guid>
            <pubDate>Mon, 06 Jul 2026 17:04:35 GMT</pubDate>
            <description><![CDATA[Displays a small indicator positioned relative to another element, commonly used for notification counts, status dots, and labels]]></description>
        </item>
        <item>
            <title><![CDATA[Chip]]></title>
            <link>https://ui.darkcode.dev/en/docs/react/components/chip</link>
            <guid isPermaLink="false">/en/docs/react/components/chip</guid>
            <pubDate>Mon, 06 Jul 2026 17:04:35 GMT</pubDate>
            <description><![CDATA[Small informational badges for displaying labels, statuses, and categories]]></description>
        </item>
        <item>
            <title><![CDATA[Data Grid]]></title>
            <link>https://ui.darkcode.dev/en/docs/react/components/data-grid</link>
            <guid isPermaLink="false">/en/docs/react/components/data-grid</guid>
            <pubDate>Mon, 06 Jul 2026 17:04:35 GMT</pubDate>
            <description><![CDATA[A full-featured data grid with sorting, selection, column resizing, pinned columns, drag-and-drop row reorder, expandable rows, virtualization, and async loading — built on the Table component.]]></description>
        </item>
        <item>
            <title><![CDATA[Kanban]]></title>
            <link>https://ui.darkcode.dev/en/docs/react/components/kanban</link>
            <guid isPermaLink="false">/en/docs/react/components/kanban</guid>
            <pubDate>Mon, 06 Jul 2026 17:04:35 GMT</pubDate>
            <description><![CDATA[A drag-and-drop kanban board with columns, cards, and keyboard navigation for organizing tasks and workflows]]></description>
        </item>
        <item>
            <title><![CDATA[Number Value]]></title>
            <link>https://ui.darkcode.dev/en/docs/react/components/number-value</link>
            <guid isPermaLink="false">/en/docs/react/components/number-value</guid>
            <pubDate>Mon, 06 Jul 2026 17:04:35 GMT</pubDate>
            <description><![CDATA[A formatted number display with locale-aware rendering for currency, percentages, and compact notation.]]></description>
        </item>
        <item>
            <title><![CDATA[Table]]></title>
            <link>https://ui.darkcode.dev/en/docs/react/components/table</link>
            <guid isPermaLink="false">/en/docs/react/components/table</guid>
            <pubDate>Mon, 06 Jul 2026 17:04:35 GMT</pubDate>
            <description><![CDATA[Tables display structured data in rows and columns with support for sorting, selection, column resizing, and infinite scrolling.]]></description>
        </item>
        <item>
            <title><![CDATA[Timeline]]></title>
            <link>https://ui.darkcode.dev/en/docs/react/components/timeline</link>
            <guid isPermaLink="false">/en/docs/react/components/timeline</guid>
            <pubDate>Mon, 06 Jul 2026 17:04:35 GMT</pubDate>
            <description><![CDATA[A composable, read-only chronology for activity feeds, audit trails, incident logs, and centered milestone roadmaps.]]></description>
        </item>
        <item>
            <title><![CDATA[Trend Chip]]></title>
            <link>https://ui.darkcode.dev/en/docs/react/components/trend-chip</link>
            <guid isPermaLink="false">/en/docs/react/components/trend-chip</guid>
            <pubDate>Mon, 06 Jul 2026 17:04:35 GMT</pubDate>
            <description><![CDATA[A compact chip displaying a trend direction with percentage value, icon indicator, and contextual suffix]]></description>
        </item>
        <item>
            <title><![CDATA[Agenda]]></title>
            <link>https://ui.darkcode.dev/en/docs/react/components/agenda</link>
            <guid isPermaLink="false">/en/docs/react/components/agenda</guid>
            <pubDate>Mon, 06 Jul 2026 17:04:35 GMT</pubDate>
            <description><![CDATA[Composable calendar with day, week, and month views for displaying and managing events with drag interactions]]></description>
        </item>
        <item>
            <title><![CDATA[Calendar]]></title>
            <link>https://ui.darkcode.dev/en/docs/react/components/calendar</link>
            <guid isPermaLink="false">/en/docs/react/components/calendar</guid>
            <pubDate>Mon, 06 Jul 2026 17:04:35 GMT</pubDate>
            <description><![CDATA[Composable date picker with month grid, navigation, and year picker support built on React Aria Calendar]]></description>
        </item>
        <item>
            <title><![CDATA[DateField]]></title>
            <link>https://ui.darkcode.dev/en/docs/react/components/date-field</link>
            <guid isPermaLink="false">/en/docs/react/components/date-field</guid>
            <pubDate>Mon, 06 Jul 2026 17:04:35 GMT</pubDate>
            <description><![CDATA[Date input field with labels, descriptions, and validation built on React Aria DateField]]></description>
        </item>
        <item>
            <title><![CDATA[DatePicker]]></title>
            <link>https://ui.darkcode.dev/en/docs/react/components/date-picker</link>
            <guid isPermaLink="false">/en/docs/react/components/date-picker</guid>
            <pubDate>Mon, 06 Jul 2026 17:04:35 GMT</pubDate>
            <description><![CDATA[Composable date picker built on React Aria DatePicker with DateField and Calendar composition]]></description>
        </item>
        <item>
            <title><![CDATA[DateRangePicker]]></title>
            <link>https://ui.darkcode.dev/en/docs/react/components/date-range-picker</link>
            <guid isPermaLink="false">/en/docs/react/components/date-range-picker</guid>
            <pubDate>Mon, 06 Jul 2026 17:04:35 GMT</pubDate>
            <description><![CDATA[Composable date range picker built on React Aria DateRangePicker with DateField and RangeCalendar composition]]></description>
        </item>
        <item>
            <title><![CDATA[RangeCalendar]]></title>
            <link>https://ui.darkcode.dev/en/docs/react/components/range-calendar</link>
            <guid isPermaLink="false">/en/docs/react/components/range-calendar</guid>
            <pubDate>Mon, 06 Jul 2026 17:04:35 GMT</pubDate>
            <description><![CDATA[Composable date range picker with month grid, navigation, and year picker support built on React Aria RangeCalendar]]></description>
        </item>
        <item>
            <title><![CDATA[TimeField]]></title>
            <link>https://ui.darkcode.dev/en/docs/react/components/time-field</link>
            <guid isPermaLink="false">/en/docs/react/components/time-field</guid>
            <pubDate>Mon, 06 Jul 2026 17:04:35 GMT</pubDate>
            <description><![CDATA[Time input field with labels, descriptions, and validation built on React Aria TimeField]]></description>
        </item>
        <item>
            <title><![CDATA[Alert]]></title>
            <link>https://ui.darkcode.dev/en/docs/react/components/alert</link>
            <guid isPermaLink="false">/en/docs/react/components/alert</guid>
            <pubDate>Mon, 06 Jul 2026 17:04:35 GMT</pubDate>
            <description><![CDATA[Display important messages and notifications to users with status indicators]]></description>
        </item>
        <item>
            <title><![CDATA[Empty State]]></title>
            <link>https://ui.darkcode.dev/en/docs/react/components/empty-state</link>
            <guid isPermaLink="false">/en/docs/react/components/empty-state</guid>
            <pubDate>Mon, 06 Jul 2026 17:04:35 GMT</pubDate>
            <description><![CDATA[A placeholder for empty views with icon, title, description, and call-to-action to guide users.]]></description>
        </item>
        <item>
            <title><![CDATA[Meter]]></title>
            <link>https://ui.darkcode.dev/en/docs/react/components/meter</link>
            <guid isPermaLink="false">/en/docs/react/components/meter</guid>
            <pubDate>Mon, 06 Jul 2026 17:04:35 GMT</pubDate>
            <description><![CDATA[A meter represents a quantity within a known range, or a fractional value.]]></description>
        </item>
        <item>
            <title><![CDATA[Pressable Feedback]]></title>
            <link>https://ui.darkcode.dev/en/docs/react/components/pressable-feedback</link>
            <guid isPermaLink="false">/en/docs/react/components/pressable-feedback</guid>
            <pubDate>Mon, 06 Jul 2026 17:04:35 GMT</pubDate>
            <description><![CDATA[A press interaction layer adding ripple, highlight, hold-to-confirm, and progress feedback effects to any element]]></description>
        </item>
        <item>
            <title><![CDATA[ProgressBar]]></title>
            <link>https://ui.darkcode.dev/en/docs/react/components/progress-bar</link>
            <guid isPermaLink="false">/en/docs/react/components/progress-bar</guid>
            <pubDate>Mon, 06 Jul 2026 17:04:35 GMT</pubDate>
            <description><![CDATA[A progress bar shows either determinate or indeterminate progress of an operation over time.]]></description>
        </item>
        <item>
            <title><![CDATA[ProgressCircle]]></title>
            <link>https://ui.darkcode.dev/en/docs/react/components/progress-circle</link>
            <guid isPermaLink="false">/en/docs/react/components/progress-circle</guid>
            <pubDate>Mon, 06 Jul 2026 17:04:35 GMT</pubDate>
            <description><![CDATA[A circular progress indicator that shows determinate or indeterminate progress.]]></description>
        </item>
        <item>
            <title><![CDATA[Skeleton]]></title>
            <link>https://ui.darkcode.dev/en/docs/react/components/skeleton</link>
            <guid isPermaLink="false">/en/docs/react/components/skeleton</guid>
            <pubDate>Mon, 06 Jul 2026 17:04:35 GMT</pubDate>
            <description><![CDATA[Skeleton is a placeholder to show a loading state and the expected shape of a component.]]></description>
        </item>
        <item>
            <title><![CDATA[Spinner]]></title>
            <link>https://ui.darkcode.dev/en/docs/react/components/spinner</link>
            <guid isPermaLink="false">/en/docs/react/components/spinner</guid>
            <pubDate>Mon, 06 Jul 2026 17:04:35 GMT</pubDate>
            <description><![CDATA[A loading indicator component to show pending states]]></description>
        </item>
        <item>
            <title><![CDATA[Cell Slider]]></title>
            <link>https://ui.darkcode.dev/en/docs/react/components/cell-slider</link>
            <guid isPermaLink="false">/en/docs/react/components/cell-slider</guid>
            <pubDate>Mon, 06 Jul 2026 17:04:35 GMT</pubDate>
            <description><![CDATA[A range slider styled as a settings cell with label, value display, and step configuration]]></description>
        </item>
        <item>
            <title><![CDATA[CheckboxGroup]]></title>
            <link>https://ui.darkcode.dev/en/docs/react/components/checkbox-group</link>
            <guid isPermaLink="false">/en/docs/react/components/checkbox-group</guid>
            <pubDate>Mon, 06 Jul 2026 17:04:35 GMT</pubDate>
            <description><![CDATA[A checkbox group component for managing multiple checkbox selections]]></description>
        </item>
        <item>
            <title><![CDATA[Checkbox]]></title>
            <link>https://ui.darkcode.dev/en/docs/react/components/checkbox</link>
            <guid isPermaLink="false">/en/docs/react/components/checkbox</guid>
            <pubDate>Mon, 06 Jul 2026 17:04:35 GMT</pubDate>
            <description><![CDATA[Checkboxes allow users to select multiple items from a list of individual items, or to mark one individual item as selected.]]></description>
        </item>
        <item>
            <title><![CDATA[Description]]></title>
            <link>https://ui.darkcode.dev/en/docs/react/components/description</link>
            <guid isPermaLink="false">/en/docs/react/components/description</guid>
            <pubDate>Mon, 06 Jul 2026 17:04:35 GMT</pubDate>
            <description><![CDATA[Provides supplementary text for form fields and other components]]></description>
        </item>
        <item>
            <title><![CDATA[DropZone]]></title>
            <link>https://ui.darkcode.dev/en/docs/react/components/drop-zone</link>
            <guid isPermaLink="false">/en/docs/react/components/drop-zone</guid>
            <pubDate>Mon, 06 Jul 2026 17:04:35 GMT</pubDate>
            <description><![CDATA[A drag-and-drop file upload area with file type filtering, size limits, and a file list preview.]]></description>
        </item>
        <item>
            <title><![CDATA[ErrorMessage]]></title>
            <link>https://ui.darkcode.dev/en/docs/react/components/error-message</link>
            <guid isPermaLink="false">/en/docs/react/components/error-message</guid>
            <pubDate>Mon, 06 Jul 2026 17:04:35 GMT</pubDate>
            <description><![CDATA[A low-level error message component for displaying errors]]></description>
        </item>
        <item>
            <title><![CDATA[FieldError]]></title>
            <link>https://ui.darkcode.dev/en/docs/react/components/field-error</link>
            <guid isPermaLink="false">/en/docs/react/components/field-error</guid>
            <pubDate>Mon, 06 Jul 2026 17:04:35 GMT</pubDate>
            <description><![CDATA[Displays validation error messages for form fields]]></description>
        </item>
        <item>
            <title><![CDATA[Fieldset]]></title>
            <link>https://ui.darkcode.dev/en/docs/react/components/fieldset</link>
            <guid isPermaLink="false">/en/docs/react/components/fieldset</guid>
            <pubDate>Mon, 06 Jul 2026 17:04:35 GMT</pubDate>
            <description><![CDATA[Group related form controls with legends, descriptions, and actions]]></description>
        </item>
        <item>
            <title><![CDATA[Form]]></title>
            <link>https://ui.darkcode.dev/en/docs/react/components/form</link>
            <guid isPermaLink="false">/en/docs/react/components/form</guid>
            <pubDate>Mon, 06 Jul 2026 17:04:35 GMT</pubDate>
            <description><![CDATA[Wrapper component for form validation and submission handling]]></description>
        </item>
        <item>
            <title><![CDATA[Inline Select]]></title>
            <link>https://ui.darkcode.dev/en/docs/react/components/inline-select</link>
            <guid isPermaLink="false">/en/docs/react/components/inline-select</guid>
            <pubDate>Mon, 06 Jul 2026 17:04:35 GMT</pubDate>
            <description><![CDATA[A minimal inline dropdown that blends into surrounding text for contextual selections without a full form field]]></description>
        </item>
        <item>
            <title><![CDATA[InputGroup]]></title>
            <link>https://ui.darkcode.dev/en/docs/react/components/input-group</link>
            <guid isPermaLink="false">/en/docs/react/components/input-group</guid>
            <pubDate>Mon, 06 Jul 2026 17:04:35 GMT</pubDate>
            <description><![CDATA[Group related input controls with prefix and suffix elements for enhanced form fields]]></description>
        </item>
        <item>
            <title><![CDATA[InputOTP]]></title>
            <link>https://ui.darkcode.dev/en/docs/react/components/input-otp</link>
            <guid isPermaLink="false">/en/docs/react/components/input-otp</guid>
            <pubDate>Mon, 06 Jul 2026 17:04:35 GMT</pubDate>
            <description><![CDATA[A one-time password input component for verification codes and secure authentication]]></description>
        </item>
        <item>
            <title><![CDATA[Input]]></title>
            <link>https://ui.darkcode.dev/en/docs/react/components/input</link>
            <guid isPermaLink="false">/en/docs/react/components/input</guid>
            <pubDate>Mon, 06 Jul 2026 17:04:35 GMT</pubDate>
            <description><![CDATA[Primitive single-line text input component that accepts standard HTML attributes]]></description>
        </item>
        <item>
            <title><![CDATA[Label]]></title>
            <link>https://ui.darkcode.dev/en/docs/react/components/label</link>
            <guid isPermaLink="false">/en/docs/react/components/label</guid>
            <pubDate>Mon, 06 Jul 2026 17:04:35 GMT</pubDate>
            <description><![CDATA[Renders an accessible label associated with form controls]]></description>
        </item>
        <item>
            <title><![CDATA[NumberField]]></title>
            <link>https://ui.darkcode.dev/en/docs/react/components/number-field</link>
            <guid isPermaLink="false">/en/docs/react/components/number-field</guid>
            <pubDate>Mon, 06 Jul 2026 17:04:35 GMT</pubDate>
            <description><![CDATA[Number input fields with increment/decrement buttons, validation, and internationalized formatting]]></description>
        </item>
        <item>
            <title><![CDATA[RadioButtonGroup]]></title>
            <link>https://ui.darkcode.dev/en/docs/react/components/radio-button-group</link>
            <guid isPermaLink="false">/en/docs/react/components/radio-button-group</guid>
            <pubDate>Mon, 06 Jul 2026 17:04:35 GMT</pubDate>
            <description><![CDATA[A single-selection button group with card-style radio options, icons, and custom indicators]]></description>
        </item>
        <item>
            <title><![CDATA[RadioGroup]]></title>
            <link>https://ui.darkcode.dev/en/docs/react/components/radio-group</link>
            <guid isPermaLink="false">/en/docs/react/components/radio-group</guid>
            <pubDate>Mon, 06 Jul 2026 17:04:35 GMT</pubDate>
            <description><![CDATA[Radio group for selecting a single option from a list]]></description>
        </item>
        <item>
            <title><![CDATA[Rich Text Editor]]></title>
            <link>https://ui.darkcode.dev/en/docs/react/components/rich-text-editor</link>
            <guid isPermaLink="false">/en/docs/react/components/rich-text-editor</guid>
            <pubDate>Mon, 06 Jul 2026 17:04:35 GMT</pubDate>
            <description><![CDATA[A composable Lexical editor with toolbar controls, selection and empty-line menus, slash commands, link popover, JSON value updates, and character count.]]></description>
        </item>
        <item>
            <title><![CDATA[SearchField]]></title>
            <link>https://ui.darkcode.dev/en/docs/react/components/search-field</link>
            <guid isPermaLink="false">/en/docs/react/components/search-field</guid>
            <pubDate>Mon, 06 Jul 2026 17:04:35 GMT</pubDate>
            <description><![CDATA[Search input field with clear button and search icon]]></description>
        </item>
        <item>
            <title><![CDATA[TextArea]]></title>
            <link>https://ui.darkcode.dev/en/docs/react/components/text-area</link>
            <guid isPermaLink="false">/en/docs/react/components/text-area</guid>
            <pubDate>Mon, 06 Jul 2026 17:04:35 GMT</pubDate>
            <description><![CDATA[Primitive multiline text input component that accepts standard HTML attributes]]></description>
        </item>
        <item>
            <title><![CDATA[TextField]]></title>
            <link>https://ui.darkcode.dev/en/docs/react/components/text-field</link>
            <guid isPermaLink="false">/en/docs/react/components/text-field</guid>
            <pubDate>Mon, 06 Jul 2026 17:04:35 GMT</pubDate>
            <description><![CDATA[Composition-friendly text fields with labels, descriptions, and inline validation]]></description>
        </item>
        <item>
            <title><![CDATA[Action Bar]]></title>
            <link>https://ui.darkcode.dev/en/docs/react/components/action-bar</link>
            <guid isPermaLink="false">/en/docs/react/components/action-bar</guid>
            <pubDate>Mon, 06 Jul 2026 17:04:35 GMT</pubDate>
            <description><![CDATA[A floating contextual toolbar that surfaces bulk actions for the current selection.]]></description>
        </item>
        <item>
            <title><![CDATA[Card]]></title>
            <link>https://ui.darkcode.dev/en/docs/react/components/card</link>
            <guid isPermaLink="false">/en/docs/react/components/card</guid>
            <pubDate>Mon, 06 Jul 2026 17:04:35 GMT</pubDate>
            <description><![CDATA[Flexible container component for grouping related content and actions]]></description>
        </item>
        <item>
            <title><![CDATA[Resizable]]></title>
            <link>https://ui.darkcode.dev/en/docs/react/components/resizable</link>
            <guid isPermaLink="false">/en/docs/react/components/resizable</guid>
            <pubDate>Mon, 06 Jul 2026 17:04:35 GMT</pubDate>
            <description><![CDATA[Resizable panel groups with composable handle types and variants]]></description>
        </item>
        <item>
            <title><![CDATA[Separator]]></title>
            <link>https://ui.darkcode.dev/en/docs/react/components/separator</link>
            <guid isPermaLink="false">/en/docs/react/components/separator</guid>
            <pubDate>Mon, 06 Jul 2026 17:04:35 GMT</pubDate>
            <description><![CDATA[Visually divide content sections]]></description>
        </item>
        <item>
            <title><![CDATA[Surface]]></title>
            <link>https://ui.darkcode.dev/en/docs/react/components/surface</link>
            <guid isPermaLink="false">/en/docs/react/components/surface</guid>
            <pubDate>Mon, 06 Jul 2026 17:04:35 GMT</pubDate>
            <description><![CDATA[Container component that provides surface-level styling and context for child components]]></description>
        </item>
        <item>
            <title><![CDATA[Toolbar]]></title>
            <link>https://ui.darkcode.dev/en/docs/react/components/toolbar</link>
            <guid isPermaLink="false">/en/docs/react/components/toolbar</guid>
            <pubDate>Mon, 06 Jul 2026 17:04:35 GMT</pubDate>
            <description><![CDATA[A container for interactive controls with arrow key navigation.]]></description>
        </item>
        <item>
            <title><![CDATA[Avatar]]></title>
            <link>https://ui.darkcode.dev/en/docs/react/components/avatar</link>
            <guid isPermaLink="false">/en/docs/react/components/avatar</guid>
            <pubDate>Mon, 06 Jul 2026 17:04:35 GMT</pubDate>
            <description><![CDATA[Display user profile images with customizable fallback content]]></description>
        </item>
        <item>
            <title><![CDATA[Accordion]]></title>
            <link>https://ui.darkcode.dev/en/docs/react/components/accordion</link>
            <guid isPermaLink="false">/en/docs/react/components/accordion</guid>
            <pubDate>Mon, 06 Jul 2026 17:04:35 GMT</pubDate>
            <description><![CDATA[A collapsible content panel for organizing information in a compact space]]></description>
        </item>
        <item>
            <title><![CDATA[Breadcrumbs]]></title>
            <link>https://ui.darkcode.dev/en/docs/react/components/breadcrumbs</link>
            <guid isPermaLink="false">/en/docs/react/components/breadcrumbs</guid>
            <pubDate>Mon, 06 Jul 2026 17:04:35 GMT</pubDate>
            <description><![CDATA[Navigation breadcrumbs showing the current page's location within a hierarchy]]></description>
        </item>
        <item>
            <title><![CDATA[Command]]></title>
            <link>https://ui.darkcode.dev/en/docs/react/components/command</link>
            <guid isPermaLink="false">/en/docs/react/components/command</guid>
            <pubDate>Mon, 06 Jul 2026 17:04:35 GMT</pubDate>
            <description><![CDATA[A command palette with fuzzy search, keyboard navigation, and grouped actions for quick access.]]></description>
        </item>
        <item>
            <title><![CDATA[DisclosureGroup]]></title>
            <link>https://ui.darkcode.dev/en/docs/react/components/disclosure-group</link>
            <guid isPermaLink="false">/en/docs/react/components/disclosure-group</guid>
            <pubDate>Mon, 06 Jul 2026 17:04:35 GMT</pubDate>
            <description><![CDATA[Container that manages multiple Disclosure items with coordinated expanded states]]></description>
        </item>
        <item>
            <title><![CDATA[Disclosure]]></title>
            <link>https://ui.darkcode.dev/en/docs/react/components/disclosure</link>
            <guid isPermaLink="false">/en/docs/react/components/disclosure</guid>
            <pubDate>Mon, 06 Jul 2026 17:04:35 GMT</pubDate>
            <description><![CDATA[A disclosure is a collapsible section with a header containing a heading and a trigger button, and a panel that wraps the content.]]></description>
        </item>
        <item>
            <title><![CDATA[Link]]></title>
            <link>https://ui.darkcode.dev/en/docs/react/components/link</link>
            <guid isPermaLink="false">/en/docs/react/components/link</guid>
            <pubDate>Mon, 06 Jul 2026 17:04:35 GMT</pubDate>
            <description><![CDATA[A styled anchor component for navigation with built-in icon support]]></description>
        </item>
        <item>
            <title><![CDATA[Navbar]]></title>
            <link>https://ui.darkcode.dev/en/docs/react/components/navbar</link>
            <guid isPermaLink="false">/en/docs/react/components/navbar</guid>
            <pubDate>Mon, 06 Jul 2026 17:04:35 GMT</pubDate>
            <description><![CDATA[A composable top navigation bar with hide-on-scroll, responsive mobile menu, and client-side routing support]]></description>
        </item>
        <item>
            <title><![CDATA[Pagination]]></title>
            <link>https://ui.darkcode.dev/en/docs/react/components/pagination</link>
            <guid isPermaLink="false">/en/docs/react/components/pagination</guid>
            <pubDate>Mon, 06 Jul 2026 17:04:35 GMT</pubDate>
            <description><![CDATA[Page navigation with composable page links, previous/next buttons, and ellipsis indicators]]></description>
        </item>
        <item>
            <title><![CDATA[Sidebar]]></title>
            <link>https://ui.darkcode.dev/en/docs/react/components/sidebar</link>
            <guid isPermaLink="false">/en/docs/react/components/sidebar</guid>
            <pubDate>Mon, 06 Jul 2026 17:04:35 GMT</pubDate>
            <description><![CDATA[A responsive sidebar navigation component with collapsible groups, rail mode, icon collapse, resizing, hover-to-peek, search, drag-to-reorder, and mobile sheet support.]]></description>
        </item>
        <item>
            <title><![CDATA[Stepper]]></title>
            <link>https://ui.darkcode.dev/en/docs/react/components/stepper</link>
            <guid isPermaLink="false">/en/docs/react/components/stepper</guid>
            <pubDate>Mon, 06 Jul 2026 17:04:35 GMT</pubDate>
            <description><![CDATA[A step-by-step progress indicator with numbered, icon, and bullet variants in horizontal or vertical layouts.]]></description>
        </item>
        <item>
            <title><![CDATA[Tabs]]></title>
            <link>https://ui.darkcode.dev/en/docs/react/components/tabs</link>
            <guid isPermaLink="false">/en/docs/react/components/tabs</guid>
            <pubDate>Mon, 06 Jul 2026 17:04:35 GMT</pubDate>
            <description><![CDATA[Tabs organize content into multiple sections and allow users to navigate between them.]]></description>
        </item>
        <item>
            <title><![CDATA[AlertDialog]]></title>
            <link>https://ui.darkcode.dev/en/docs/react/components/alert-dialog</link>
            <guid isPermaLink="false">/en/docs/react/components/alert-dialog</guid>
            <pubDate>Mon, 06 Jul 2026 17:04:35 GMT</pubDate>
            <description><![CDATA[Modal dialog for critical confirmations requiring user attention and explicit action]]></description>
        </item>
        <item>
            <title><![CDATA[Drawer]]></title>
            <link>https://ui.darkcode.dev/en/docs/react/components/drawer</link>
            <guid isPermaLink="false">/en/docs/react/components/drawer</guid>
            <pubDate>Mon, 06 Jul 2026 17:04:35 GMT</pubDate>
            <description><![CDATA[Slide-out panel for supplementary content and actions]]></description>
        </item>
        <item>
            <title><![CDATA[Modal]]></title>
            <link>https://ui.darkcode.dev/en/docs/react/components/modal</link>
            <guid isPermaLink="false">/en/docs/react/components/modal</guid>
            <pubDate>Mon, 06 Jul 2026 17:04:35 GMT</pubDate>
            <description><![CDATA[Dialog overlay for focused user interactions and important content]]></description>
        </item>
        <item>
            <title><![CDATA[Popover]]></title>
            <link>https://ui.darkcode.dev/en/docs/react/components/popover</link>
            <guid isPermaLink="false">/en/docs/react/components/popover</guid>
            <pubDate>Mon, 06 Jul 2026 17:04:35 GMT</pubDate>
            <description><![CDATA[Displays rich content in a portal triggered by a button or any custom element]]></description>
        </item>
        <item>
            <title><![CDATA[Toast]]></title>
            <link>https://ui.darkcode.dev/en/docs/react/components/toast</link>
            <guid isPermaLink="false">/en/docs/react/components/toast</guid>
            <pubDate>Mon, 06 Jul 2026 17:04:35 GMT</pubDate>
            <description><![CDATA[Display temporary notifications and messages to users with automatic dismissal and customizable placement]]></description>
        </item>
        <item>
            <title><![CDATA[Tooltip]]></title>
            <link>https://ui.darkcode.dev/en/docs/react/components/tooltip</link>
            <guid isPermaLink="false">/en/docs/react/components/tooltip</guid>
            <pubDate>Mon, 06 Jul 2026 17:04:35 GMT</pubDate>
            <description><![CDATA[Displays informative text when users hover over or focus on an element]]></description>
        </item>
        <item>
            <title><![CDATA[Autocomplete]]></title>
            <link>https://ui.darkcode.dev/en/docs/react/components/autocomplete</link>
            <guid isPermaLink="false">/en/docs/react/components/autocomplete</guid>
            <pubDate>Mon, 06 Jul 2026 17:04:35 GMT</pubDate>
            <description><![CDATA[An autocomplete combines a select with filtering, allowing users to search and select from a list of options]]></description>
        </item>
        <item>
            <title><![CDATA[Cell Select]]></title>
            <link>https://ui.darkcode.dev/en/docs/react/components/cell-select</link>
            <guid isPermaLink="false">/en/docs/react/components/cell-select</guid>
            <pubDate>Mon, 06 Jul 2026 17:04:35 GMT</pubDate>
            <description><![CDATA[A compact select styled as a settings cell, ideal for preference panels and configuration forms.]]></description>
        </item>
        <item>
            <title><![CDATA[ComboBox]]></title>
            <link>https://ui.darkcode.dev/en/docs/react/components/combo-box</link>
            <guid isPermaLink="false">/en/docs/react/components/combo-box</guid>
            <pubDate>Mon, 06 Jul 2026 17:04:35 GMT</pubDate>
            <description><![CDATA[A combo box combines a text input with a listbox, allowing users to filter a list of options to items matching a query]]></description>
        </item>
        <item>
            <title><![CDATA[Select]]></title>
            <link>https://ui.darkcode.dev/en/docs/react/components/select</link>
            <guid isPermaLink="false">/en/docs/react/components/select</guid>
            <pubDate>Mon, 06 Jul 2026 17:04:35 GMT</pubDate>
            <description><![CDATA[A select displays a collapsible list of options and allows a user to select one of them]]></description>
        </item>
        <item>
            <title><![CDATA[Kbd]]></title>
            <link>https://ui.darkcode.dev/en/docs/react/components/kbd</link>
            <guid isPermaLink="false">/en/docs/react/components/kbd</guid>
            <pubDate>Mon, 06 Jul 2026 17:04:35 GMT</pubDate>
            <description><![CDATA[Display keyboard shortcuts and key combinations]]></description>
        </item>
        <item>
            <title><![CDATA[Typography]]></title>
            <link>https://ui.darkcode.dev/en/docs/react/components/typography</link>
            <guid isPermaLink="false">/en/docs/react/components/typography</guid>
            <pubDate>Mon, 06 Jul 2026 17:04:35 GMT</pubDate>
            <description><![CDATA[A semantic typography primitive for headings, body copy, and inline code built on React Aria Components Text.]]></description>
        </item>
        <item>
            <title><![CDATA[ScrollShadow]]></title>
            <link>https://ui.darkcode.dev/en/docs/react/components/scroll-shadow</link>
            <guid isPermaLink="false">/en/docs/react/components/scroll-shadow</guid>
            <pubDate>Mon, 06 Jul 2026 17:04:35 GMT</pubDate>
            <description><![CDATA[Apply visual shadows to indicate scrollable content overflow with automatic detection of scroll position.]]></description>
        </item>
        <item>
            <title><![CDATA[Animation]]></title>
            <link>https://ui.darkcode.dev/en/docs/react/getting-started/animation</link>
            <guid isPermaLink="false">/en/docs/react/getting-started/animation</guid>
            <pubDate>Mon, 06 Jul 2026 17:04:35 GMT</pubDate>
            <description><![CDATA[Add smooth animations and transitions to DarkCode UI components]]></description>
        </item>
        <item>
            <title><![CDATA[Colors]]></title>
            <link>https://ui.darkcode.dev/en/docs/react/getting-started/colors</link>
            <guid isPermaLink="false">/en/docs/react/getting-started/colors</guid>
            <pubDate>Mon, 06 Jul 2026 17:04:35 GMT</pubDate>
            <description><![CDATA[Color palette and theming system for DarkCode UI]]></description>
        </item>
        <item>
            <title><![CDATA[Composition]]></title>
            <link>https://ui.darkcode.dev/en/docs/react/getting-started/composition</link>
            <guid isPermaLink="false">/en/docs/react/getting-started/composition</guid>
            <pubDate>Mon, 06 Jul 2026 17:04:35 GMT</pubDate>
            <description><![CDATA[Build flexible UI with component composition patterns]]></description>
        </item>
        <item>
            <title><![CDATA[Dark Mode]]></title>
            <link>https://ui.darkcode.dev/en/docs/react/getting-started/dark-mode</link>
            <guid isPermaLink="false">/en/docs/react/getting-started/dark-mode</guid>
            <pubDate>Mon, 06 Jul 2026 17:04:35 GMT</pubDate>
            <description><![CDATA[Add light, dark, and system theme switching to DarkCode UI]]></description>
        </item>
        <item>
            <title><![CDATA[Performance]]></title>
            <link>https://ui.darkcode.dev/en/docs/react/getting-started/performance</link>
            <guid isPermaLink="false">/en/docs/react/getting-started/performance</guid>
            <pubDate>Mon, 06 Jul 2026 17:04:35 GMT</pubDate>
            <description><![CDATA[Ship the smallest possible JavaScript and CSS with DarkCode UI]]></description>
        </item>
        <item>
            <title><![CDATA[Styling]]></title>
            <link>https://ui.darkcode.dev/en/docs/react/getting-started/styling</link>
            <guid isPermaLink="false">/en/docs/react/getting-started/styling</guid>
            <pubDate>Mon, 06 Jul 2026 17:04:35 GMT</pubDate>
            <description><![CDATA[Style DarkCode UI components with CSS, Tailwind, or CSS-in-JS]]></description>
        </item>
        <item>
            <title><![CDATA[Theming]]></title>
            <link>https://ui.darkcode.dev/en/docs/react/getting-started/theming</link>
            <guid isPermaLink="false">/en/docs/react/getting-started/theming</guid>
            <pubDate>Mon, 06 Jul 2026 17:04:35 GMT</pubDate>
            <description><![CDATA[Customize DarkCode UI's design system with CSS variables and global styles]]></description>
        </item>
        <item>
            <title><![CDATA[CLI]]></title>
            <link>https://ui.darkcode.dev/en/docs/react/getting-started/cli</link>
            <guid isPermaLink="false">/en/docs/react/getting-started/cli</guid>
            <pubDate>Mon, 06 Jul 2026 17:04:35 GMT</pubDate>
            <description><![CDATA[Use the CLI to manage DarkCode UI dependencies and initialize projects.]]></description>
        </item>
        <item>
            <title><![CDATA[Design Principles]]></title>
            <link>https://ui.darkcode.dev/en/docs/react/getting-started/design-principles</link>
            <guid isPermaLink="false">/en/docs/react/getting-started/design-principles</guid>
            <pubDate>Mon, 06 Jul 2026 17:04:35 GMT</pubDate>
            <description><![CDATA[Core principles that guide DarkCode UI's design and development]]></description>
        </item>
        <item>
            <title><![CDATA[Frameworks]]></title>
            <link>https://ui.darkcode.dev/en/docs/react/getting-started/frameworks</link>
            <guid isPermaLink="false">/en/docs/react/getting-started/frameworks</guid>
            <pubDate>Mon, 06 Jul 2026 17:04:35 GMT</pubDate>
            <description><![CDATA[Integrate DarkCode UI with your framework]]></description>
        </item>
        <item>
            <title><![CDATA[Quick Start]]></title>
            <link>https://ui.darkcode.dev/en/docs/react/getting-started/quick-start</link>
            <guid isPermaLink="false">/en/docs/react/getting-started/quick-start</guid>
            <pubDate>Mon, 06 Jul 2026 17:04:35 GMT</pubDate>
            <description><![CDATA[Get started with DarkCode UI in minutes]]></description>
        </item>
        <item>
            <title><![CDATA[Agent Skills]]></title>
            <link>https://ui.darkcode.dev/en/docs/react/getting-started/agent-skills</link>
            <guid isPermaLink="false">/en/docs/react/getting-started/agent-skills</guid>
            <pubDate>Mon, 06 Jul 2026 17:04:35 GMT</pubDate>
            <description><![CDATA[Enable AI assistants to build UIs with DarkCode UI components]]></description>
        </item>
        <item>
            <title><![CDATA[AGENTS.md]]></title>
            <link>https://ui.darkcode.dev/en/docs/react/getting-started/agents-md</link>
            <guid isPermaLink="false">/en/docs/react/getting-started/agents-md</guid>
            <pubDate>Mon, 06 Jul 2026 17:04:35 GMT</pubDate>
            <description><![CDATA[Download DarkCode UI React documentation for AI coding agents]]></description>
        </item>
        <item>
            <title><![CDATA[LLMs.txt]]></title>
            <link>https://ui.darkcode.dev/en/docs/react/getting-started/llms-txt</link>
            <guid isPermaLink="false">/en/docs/react/getting-started/llms-txt</guid>
            <pubDate>Mon, 06 Jul 2026 17:04:35 GMT</pubDate>
            <description><![CDATA[Enable AI assistants like Claude, Cursor, and Windsurf to understand DarkCode UI]]></description>
        </item>
        <item>
            <title><![CDATA[MCP Server]]></title>
            <link>https://ui.darkcode.dev/en/docs/react/getting-started/mcp-server</link>
            <guid isPermaLink="false">/en/docs/react/getting-started/mcp-server</guid>
            <pubDate>Mon, 06 Jul 2026 17:04:35 GMT</pubDate>
            <description><![CDATA[Access DarkCode UI documentation directly in your AI assistant]]></description>
        </item>
    </channel>
</rss>