diff --git a/semcore/accordion/src/Accordion.tsx b/semcore/accordion/src/Accordion.tsx
index d164a445d5..8171fcb517 100644
--- a/semcore/accordion/src/Accordion.tsx
+++ b/semcore/accordion/src/Accordion.tsx
@@ -222,6 +222,11 @@ const Item = createComponent<
   Collapse,
 });
 
+/**
+ * Accordion
+ *
+ * {@link https://developer.semrush.com/intergalactic/components/accordion/accordion-api/|API} | {@link https://developer.semrush.com/intergalactic/components/accordion/accordion-code/|Examples}
+ */
 const Accordion = createComponent<
   NSAccordion.Component,
   typeof RootAccordion
diff --git a/semcore/add-filter/src/AddFilter.tsx b/semcore/add-filter/src/AddFilter.tsx
index c15853ffc3..2622337923 100644
--- a/semcore/add-filter/src/AddFilter.tsx
+++ b/semcore/add-filter/src/AddFilter.tsx
@@ -306,6 +306,11 @@ function ClearAllFilters({ hasFilterData, clearAll, getI18nText }: ClearAllFilte
     : null;
 }
 
+/**
+ * AddFilter
+ *
+ * {@link https://developer.semrush.com/intergalactic/filter-group/add-filter/add-filter-code|Example}
+ */
 const AddFilter = createComponent<
   AddFilterType,
   typeof RootAddFilter
diff --git a/semcore/badge/src/Badge.tsx b/semcore/badge/src/Badge.tsx
index 37d8245cfa..5bf458b9ad 100644
--- a/semcore/badge/src/Badge.tsx
+++ b/semcore/badge/src/Badge.tsx
@@ -118,6 +118,11 @@ class RootBadge extends Component<BadgeProps, typeof RootBadge.enhance> {
   }
 }
 
+/**
+ * Badge
+ *
+ * {@link https://developer.semrush.com/intergalactic/components/badge/badge-api/|API} | {@link https://developer.semrush.com/intergalactic/components/badge/badge-code/|Examples}
+ */
 export const Badge = createComponent<
   BadgeComponent,
   typeof RootBadge
diff --git a/semcore/base-components/src/components/breakpoints/index.ts b/semcore/base-components/src/components/breakpoints/index.ts
index 7e5cbc6f8a..3e1cf17a2f 100644
--- a/semcore/base-components/src/components/breakpoints/index.ts
+++ b/semcore/base-components/src/components/breakpoints/index.ts
@@ -1,5 +1,10 @@
 import { MediaList, DEFAULT_MEDIA, createBreakpoints } from './Breakpoints';
 
+/**
+ * Breakpoints
+ *
+ * {@link https://developer.semrush.com/intergalactic/layout/breakpoints/breakpoints-api|Docs}
+ */
 const defaultBreakpoints = createBreakpoints(DEFAULT_MEDIA);
 
 export { MediaList, DEFAULT_MEDIA, createBreakpoints, defaultBreakpoints };
diff --git a/semcore/base-components/src/components/ellipsis/Ellipsis.ts b/semcore/base-components/src/components/ellipsis/Ellipsis.ts
index 7ab5d932b1..3752a7d758 100644
--- a/semcore/base-components/src/components/ellipsis/Ellipsis.ts
+++ b/semcore/base-components/src/components/ellipsis/Ellipsis.ts
@@ -7,6 +7,11 @@ import { ellipsisManager, isSafari } from './EllipsisManager';
 import { Scheduler } from './Scheduler';
 import { textMeasurer } from './TextMeasurer';
 
+/**
+ * Ellipsis
+ *
+ * {@link https://developer.semrush.com/intergalactic/utils/ellipsis/ellipsis-code|Docs}
+ */
 export class Ellipsis extends EventEmitter<Events> {
   public readonly element: HTMLElement;
   public readonly containerElement: HTMLElement | undefined;
diff --git a/semcore/base-components/src/components/flex-box/Box/index.tsx b/semcore/base-components/src/components/flex-box/Box/index.tsx
index 37dd83ca8b..a07919028c 100644
--- a/semcore/base-components/src/components/flex-box/Box/index.tsx
+++ b/semcore/base-components/src/components/flex-box/Box/index.tsx
@@ -17,4 +17,9 @@ Box.displayName = 'Box';
 
 type BoxComponent = Intergalactic.Component<'div', BoxProps>;
 
+/**
+ * Box
+ *
+ * {@link https://developer.semrush.com/intergalactic/layout/box-system/box-system-api|Docs}
+ */
 export default createBaseComponent<BoxComponent>(Box);
diff --git a/semcore/base-components/src/components/flex-box/Flex/index.tsx b/semcore/base-components/src/components/flex-box/Flex/index.tsx
index 9fb00744cf..74c9438499 100644
--- a/semcore/base-components/src/components/flex-box/Flex/index.tsx
+++ b/semcore/base-components/src/components/flex-box/Flex/index.tsx
@@ -12,4 +12,9 @@ Flex.displayName = 'Flex';
 
 type FlexComponent = Intergalactic.Component<'div', FlexProps>;
 
+/**
+ * Flex
+ *
+ * {@link https://developer.semrush.com/intergalactic/layout/box-system/box-system-api|Docs}
+ */
 export default createBaseComponent<FlexComponent>(Flex);
diff --git a/semcore/base-components/src/components/hint/Hint.tsx b/semcore/base-components/src/components/hint/Hint.tsx
index ca479f4e20..9314f96055 100644
--- a/semcore/base-components/src/components/hint/Hint.tsx
+++ b/semcore/base-components/src/components/hint/Hint.tsx
@@ -381,6 +381,11 @@ class HintPopperRoot extends Component<
   }
 }
 
+/**
+ * Hint
+ *
+ * {@link https://developer.semrush.com/intergalactic/utils/hint/hint-api|API} | {@link https://developer.semrush.com/intergalactic/utils/hint/hint-code|Examples}
+ */
 export const Hint = createComponent<
   SimpleHintPopperComponent,
   typeof HintPopperRoot
diff --git a/semcore/base-components/src/components/neighbor-location/NeighborLocation.tsx b/semcore/base-components/src/components/neighbor-location/NeighborLocation.tsx
index e5e13ee97c..4877278c92 100644
--- a/semcore/base-components/src/components/neighbor-location/NeighborLocation.tsx
+++ b/semcore/base-components/src/components/neighbor-location/NeighborLocation.tsx
@@ -123,6 +123,11 @@ function useNeighborLocationDetect(index: number) {
   return calculateNeighborLocation(controlsLengthRef.current, index);
 }
 
+/**
+ * NeighborLocation
+ *
+ * {@link https://developer.semrush.com/intergalactic/utils/neighbor-location/neighbor-location-api|API}
+ */
 export const NeighborLocation = createComponent<
   typeof NeighborLocationType,
   typeof NeighborLocationRoot
diff --git a/semcore/base-components/src/components/popper/Popper.tsx b/semcore/base-components/src/components/popper/Popper.tsx
index 6717c731c4..ca6fa8580b 100644
--- a/semcore/base-components/src/components/popper/Popper.tsx
+++ b/semcore/base-components/src/components/popper/Popper.tsx
@@ -787,6 +787,11 @@ function PopperPopper(props: PopperPopperProps & IRootComponentProps & InnerPopp
   );
 }
 
+/**
+ * Popper
+ *
+ * {@link https://developer.semrush.com/intergalactic/utils/popper/popper-api|API}
+ */
 export const Popper = createComponent<
   typeof PopperType,
   typeof PopperRoot
diff --git a/semcore/base-components/src/components/portal/Portal.tsx b/semcore/base-components/src/components/portal/Portal.tsx
index 4c90eb8f10..b7cd83b64d 100644
--- a/semcore/base-components/src/components/portal/Portal.tsx
+++ b/semcore/base-components/src/components/portal/Portal.tsx
@@ -54,6 +54,12 @@ Portal.displayName = 'Portal';
 
 const { Provider: PortalProvider } = PortalContext;
 export { PortalProvider, PortalContext };
+
+/**
+ * Portal
+ *
+ * {@link https://developer.semrush.com/intergalactic/utils/portal/portal-api|API}
+ */
 export default createComponent<
   PortalComponent,
   typeof Portal
diff --git a/semcore/base-components/src/components/scroll-area/ScrollArea.tsx b/semcore/base-components/src/components/scroll-area/ScrollArea.tsx
index cdb97ddfeb..7b8b437b2e 100644
--- a/semcore/base-components/src/components/scroll-area/ScrollArea.tsx
+++ b/semcore/base-components/src/components/scroll-area/ScrollArea.tsx
@@ -443,6 +443,11 @@ function ContainerRoot(props: ScrollAreaContainerProps & IRootComponentProps) {
   );
 }
 
+/**
+ * ScrollArea
+ *
+ * {@link https://developer.semrush.com/intergalactic/components/scroll-area/scroll-area-api|API} | {@link https://developer.semrush.com/intergalactic/components/scroll-area/scroll-area-code|Examples}
+ */
 const ScrollArea = createComponent<
   typeof ScrollAreaType,
   typeof ScrollAreaRoot
diff --git a/semcore/base-trigger/src/BaseTrigger.jsx b/semcore/base-trigger/src/BaseTrigger.jsx
index 5b13867176..a4522b2d0c 100644
--- a/semcore/base-trigger/src/BaseTrigger.jsx
+++ b/semcore/base-trigger/src/BaseTrigger.jsx
@@ -99,6 +99,11 @@ function Addon(props) {
   return sstyled(styles)(<SAddon render={Box} />);
 }
 
+/**
+ * BaseTrigger
+ *
+ * {@link https://developer.semrush.com/intergalactic/components/base-trigger/base-trigger-api/|API} | {@link https://developer.semrush.com/intergalactic/components/base-trigger/base-trigger-code/|Examples}
+ */
 const BaseTrigger = createComponent(RootBaseTrigger, {
   Text,
   Addon,
diff --git a/semcore/base-trigger/src/ButtonTrigger.jsx b/semcore/base-trigger/src/ButtonTrigger.jsx
index 2f240eeea3..9101169267 100644
--- a/semcore/base-trigger/src/ButtonTrigger.jsx
+++ b/semcore/base-trigger/src/ButtonTrigger.jsx
@@ -59,6 +59,11 @@ class RootButtonTrigger extends Component {
   }
 }
 
+/**
+ * ButtonTrigger
+ *
+ * {@link https://developer.semrush.com/intergalactic/components/base-trigger/base-trigger-api#buttontrigger|API} | {@link https://developer.semrush.com/intergalactic/components/base-trigger/base-trigger-code#buttontrigger|Examples}
+ */
 const ButtonTrigger = createComponent(
   RootButtonTrigger,
   {
diff --git a/semcore/base-trigger/src/FilterTrigger.jsx b/semcore/base-trigger/src/FilterTrigger.jsx
index f30209a795..545423e5ae 100644
--- a/semcore/base-trigger/src/FilterTrigger.jsx
+++ b/semcore/base-trigger/src/FilterTrigger.jsx
@@ -254,6 +254,11 @@ function Counter({ styles, Children, count, getI18nText }) {
   );
 }
 
+/**
+ * FilterTrigger
+ *
+ * {@link https://developer.semrush.com/intergalactic/components/base-trigger/base-trigger-api#filtertrigger|API} | {@link https://developer.semrush.com/intergalactic/components/base-trigger/base-trigger-code#filtertrigger|Examples}
+ */
 const FilterTrigger = createComponent(
   RootFilterTrigger,
   {
diff --git a/semcore/base-trigger/src/LinkTrigger.jsx b/semcore/base-trigger/src/LinkTrigger.jsx
index e5b4529a6d..ec6e0dc24e 100644
--- a/semcore/base-trigger/src/LinkTrigger.jsx
+++ b/semcore/base-trigger/src/LinkTrigger.jsx
@@ -44,6 +44,11 @@ class RootLinkTrigger extends Component {
   }
 }
 
+/**
+ * LinkTrigger
+ *
+ * {@link https://developer.semrush.com/intergalactic/components/base-trigger/base-trigger-api#linktrigger|API} | {@link https://developer.semrush.com/intergalactic/components/base-trigger/base-trigger-code#linktrigger|Examples}
+ */
 const LinkTrigger = createComponent(RootLinkTrigger, {
   Text: ButtonLink.Text,
   Addon: ButtonLink.Addon,
diff --git a/semcore/breadcrumbs/src/Breadcrumbs.jsx b/semcore/breadcrumbs/src/Breadcrumbs.jsx
index 7767dcff9e..51c190d2b3 100644
--- a/semcore/breadcrumbs/src/Breadcrumbs.jsx
+++ b/semcore/breadcrumbs/src/Breadcrumbs.jsx
@@ -69,6 +69,11 @@ Item.defaultProps = {
   tabIndex: 0,
 };
 
+/**
+ * Breadcrumbs
+ *
+ * {@link https://developer.semrush.com/intergalactic/components/breadcrumbs/breadcrumbs-api/|API} | {@link https://developer.semrush.com/intergalactic/components/breadcrumbs/breadcrumbs-code/|Examples}
+ */
 export default createComponent(Breadcrumbs, {
   Item,
 });
diff --git a/semcore/bulk-textarea/src/BulkTextarea.tsx b/semcore/bulk-textarea/src/BulkTextarea.tsx
index 992bbc7a49..148b5b1f8f 100644
--- a/semcore/bulk-textarea/src/BulkTextarea.tsx
+++ b/semcore/bulk-textarea/src/BulkTextarea.tsx
@@ -281,6 +281,11 @@ class BulkTextareaRoot<T extends string | string[]> extends Component<
   }
 }
 
+/**
+ * BulkTextarea
+ *
+ * {@link https://developer.semrush.com/intergalactic/components/bulk-textarea/bulk-textarea-api/|API} | {@link https://developer.semrush.com/intergalactic/components/bulk-textarea/bulk-textarea-code/|Examples}
+ */
 const BulkTextarea = (<T extends string | string[]>() =>
   createComponent<BulkTextareaType<T>, typeof BulkTextareaRoot>(BulkTextareaRoot, {
     InputField,
diff --git a/semcore/button/src/component/Button/Button.tsx b/semcore/button/src/component/Button/Button.tsx
index 3cbf407c5c..afbae5ea42 100644
--- a/semcore/button/src/component/Button/Button.tsx
+++ b/semcore/button/src/component/Button/Button.tsx
@@ -174,6 +174,11 @@ function Addon(props: ButtonAddonProps) {
   return sstyled(props.styles)(<SAddon render={Box} tag='span' />);
 }
 
+/**
+ * Button
+ *
+ * {@link https://developer.semrush.com/intergalactic/components/button/button-api/|API} | {@link https://developer.semrush.com/intergalactic/components/button/button-code/|Examples}
+ */
 const Button = createComponent<
   ButtonComponent,
   typeof RootButton
diff --git a/semcore/button/src/component/ButtonLink/ButtonLink.tsx b/semcore/button/src/component/ButtonLink/ButtonLink.tsx
index ee023a7115..0723521fe4 100644
--- a/semcore/button/src/component/ButtonLink/ButtonLink.tsx
+++ b/semcore/button/src/component/ButtonLink/ButtonLink.tsx
@@ -36,6 +36,11 @@ class RootButtonLink extends Component<
   }
 }
 
+/**
+ * ButtonLink
+ *
+ * {@link https://developer.semrush.com/intergalactic/components/button/button-api/|API} | {@link https://developer.semrush.com/intergalactic/components/button/button-code/|Examples}
+ */
 export const ButtonLink = createComponent<ButtonLinkComponent, typeof RootButtonLink>(
   RootButtonLink,
   {
diff --git a/semcore/card/src/Card.tsx b/semcore/card/src/Card.tsx
index e71f5af03a..1150e062a2 100644
--- a/semcore/card/src/Card.tsx
+++ b/semcore/card/src/Card.tsx
@@ -109,6 +109,11 @@ function Body(props: Intergalactic.InternalTypings.InferComponentProps<NSCard.Bo
   return sstyled(styles)(<SBody render={Box} {...props} />);
 }
 
+/**
+ * Card
+ *
+ * {@link https://developer.semrush.com/intergalactic/components/card/card-api/|API} | {@link https://developer.semrush.com/intergalactic/components/card/card-code/|Examples}
+ */
 const Card = createComponent<
   NSCard.Component,
   typeof CardRoot
diff --git a/semcore/carousel/src/Carousel.tsx b/semcore/carousel/src/Carousel.tsx
index 15ff4ef1c0..0f5c6336e3 100644
--- a/semcore/carousel/src/Carousel.tsx
+++ b/semcore/carousel/src/Carousel.tsx
@@ -747,6 +747,11 @@ function Indicator({ styles, Children }: CarouselIndicatorProps) {
   );
 };
 
+/**
+ * Carousel
+ *
+ * {@link https://developer.semrush.com/intergalactic/components/carousel/carousel-api/|API} | {@link https://developer.semrush.com/intergalactic/components/carousel/carousel-code/|Examples}
+ */
 const Carousel = createComponent<
   typeof CarouselType,
   typeof CarouselRoot
diff --git a/semcore/checkbox/src/Checkbox.tsx b/semcore/checkbox/src/Checkbox.tsx
index fc69147ecc..7445a4ed8f 100644
--- a/semcore/checkbox/src/Checkbox.tsx
+++ b/semcore/checkbox/src/Checkbox.tsx
@@ -269,6 +269,11 @@ const Value = createComponent<
   CheckMark,
 });
 
+/**
+ * Checkbox
+ *
+ * {@link https://developer.semrush.com/intergalactic/components/checkbox/checkbox-api/|API} | {@link https://developer.semrush.com/intergalactic/components/checkbox/checkbox-code/|Examples}
+ */
 const Checkbox = createComponent<
   NSCheckbox.Component,
   typeof CheckboxRoot
diff --git a/semcore/color-picker/src/ColorPicker.tsx b/semcore/color-picker/src/ColorPicker.tsx
index 8ce0eefa89..87c4d9c571 100644
--- a/semcore/color-picker/src/ColorPicker.tsx
+++ b/semcore/color-picker/src/ColorPicker.tsx
@@ -206,6 +206,11 @@ function Colors(
   );
 }
 
+/**
+ * ColorPicker
+ *
+ * {@link https://developer.semrush.com/intergalactic/components/color-picker/color-picker-api/|API} | {@link https://developer.semrush.com/intergalactic/components/color-picker/color-picker-code/|Examples}
+ */
 const ColorPicker = createComponent<
   NSColorPicker.Component,
   typeof ColorPickerRoot
diff --git a/semcore/color-picker/src/PaletteManager.tsx b/semcore/color-picker/src/PaletteManager.tsx
index 03dc213ce4..b79eb9f93a 100644
--- a/semcore/color-picker/src/PaletteManager.tsx
+++ b/semcore/color-picker/src/PaletteManager.tsx
@@ -293,6 +293,11 @@ class InputColor extends Component<
   }
 }
 
+/**
+ * PaletteManager
+ *
+ * {@link https://developer.semrush.com/intergalactic/components/color-picker/color-picker-api#palettemanager|API} | {@link https://developer.semrush.com/intergalactic/components/color-picker/color-picker-code/|Examples}
+ */
 export const PaletteManager = createComponent<
   NSPaletteManager.Component,
   typeof PaletteManagerRoot
diff --git a/semcore/color-picker/src/components/InputColor.tsx b/semcore/color-picker/src/components/InputColor.tsx
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/semcore/counter/src/Counter.tsx b/semcore/counter/src/Counter.tsx
index 58d3b9b101..d620c595a7 100644
--- a/semcore/counter/src/Counter.tsx
+++ b/semcore/counter/src/Counter.tsx
@@ -43,6 +43,11 @@ class Counter extends Component<
   }
 }
 
+/**
+ * Counter
+ *
+ * {@link https://developer.semrush.com/intergalactic/components/counter/counter-api/|API} | {@link https://developer.semrush.com/intergalactic/components/counter/counter-code/|Examples}
+ */
 export default createComponent<
   NSCounter.Component,
   typeof Counter
diff --git a/semcore/d3-chart/src/Area.jsx b/semcore/d3-chart/src/Area.jsx
index d1fc4dd9fd..f2573d9516 100644
--- a/semcore/d3-chart/src/Area.jsx
+++ b/semcore/d3-chart/src/Area.jsx
@@ -198,6 +198,11 @@ function Null(props) {
   );
 }
 
+/**
+ * Area
+ *
+ * {@link https://developer.semrush.com/intergalactic/data-display/area-chart/area-chart-api/|API} | {@link https://developer.semrush.com/intergalactic/data-display/area-chart/area-chart-code/|Examples}
+ */
 const Area = createElement(AreaRoot, {
   Dots,
   Null,
diff --git a/semcore/d3-chart/src/Axis.jsx b/semcore/d3-chart/src/Axis.jsx
index ec19b357b3..34d235ae12 100644
--- a/semcore/d3-chart/src/Axis.jsx
+++ b/semcore/d3-chart/src/Axis.jsx
@@ -411,6 +411,11 @@ class XAxisRoot extends AxisRoot {
   };
 }
 
+/**
+ * XAxis
+ *
+ * {@link https://developer.semrush.com/intergalactic/data-display/d3-chart/d3-chart-api#axis|API}
+ */
 const XAxis = createElement(XAxisRoot, {
   Ticks,
   Grid,
@@ -426,6 +431,11 @@ class YAxisRoot extends AxisRoot {
   };
 }
 
+/**
+ * YAxis
+ *
+ * {@link https://developer.semrush.com/intergalactic/data-display/d3-chart/d3-chart-api#axis|API}
+ */
 const YAxis = createElement(YAxisRoot, {
   Ticks,
   Grid,
diff --git a/semcore/d3-chart/src/Bar.jsx b/semcore/d3-chart/src/Bar.jsx
index 8ca8287545..ea5357187b 100644
--- a/semcore/d3-chart/src/Bar.jsx
+++ b/semcore/d3-chart/src/Bar.jsx
@@ -198,4 +198,9 @@ function getRect({ x, y, width, height, radius, position }) {
   return roundedPath(x, y, width, height, radius);
 }
 
+/**
+ * Bar
+ *
+ * {@link https://developer.semrush.com/intergalactic/data-display/bar-chart/bar-chart-api/|API} | {@link https://developer.semrush.com/intergalactic/data-display/bar-chart/bar-chart-code/|Examples}
+ */
 export default createElement(BarRoot, { Background });
diff --git a/semcore/d3-chart/src/Bubble.jsx b/semcore/d3-chart/src/Bubble.jsx
index 0dc9556a5c..31b5b3f8cb 100644
--- a/semcore/d3-chart/src/Bubble.jsx
+++ b/semcore/d3-chart/src/Bubble.jsx
@@ -268,6 +268,11 @@ function BubbleCircle(props) {
   );
 }
 
+/**
+ * Bubble
+ *
+ * {@link https://developer.semrush.com/intergalactic/data-display/bubble-chart/bubble-chart-api/|API} | {@link https://developer.semrush.com/intergalactic/data-display/bubble-chart/bubble-chart-code/|Examples}
+ */
 const Bubble = createElement(BubbleRoot, {
   Tooltip: [BubbleTooltip, Tooltip._______childrenComponents],
   Circle: BubbleCircle,
diff --git a/semcore/d3-chart/src/CompactHorizontalBar.jsx b/semcore/d3-chart/src/CompactHorizontalBar.jsx
index 798d40c273..9a4a8697ee 100644
--- a/semcore/d3-chart/src/CompactHorizontalBar.jsx
+++ b/semcore/d3-chart/src/CompactHorizontalBar.jsx
@@ -481,6 +481,11 @@ function CompactHorizontalBarTooltip(props) {
   );
 };
 
+/**
+ * CompactHorizontalBar
+ *
+ * {@link https://developer.semrush.com/intergalactic/data-display/bar-horizontal-compact/bar-horizontal-compact-api/|API} | {@link https://developer.semrush.com/intergalactic/data-display/bar-horizontal-compact/bar-horizontal-compact-code/|Examples}
+ */
 const CompactHorizontalBar = createElement(CompactHorizontalBarRoot, {
   Annotation,
   Label,
diff --git a/semcore/d3-chart/src/Donut.jsx b/semcore/d3-chart/src/Donut.jsx
index 69d379a650..99a5b5bd5d 100644
--- a/semcore/d3-chart/src/Donut.jsx
+++ b/semcore/d3-chart/src/Donut.jsx
@@ -440,6 +440,11 @@ function DonutTooltip(props) {
   return sstyled(props.styles)(<SDonutTooltip render={Tooltip} excludeAnchorProps />);
 };
 
+/**
+ * Donut
+ *
+ * {@link https://developer.semrush.com/intergalactic/data-display/donut-chart/donut-chart-api/|API} | {@link https://developer.semrush.com/intergalactic/data-display/donut-chart/donut-chart-code/|Examples}
+ */
 const Donut = createElement(DonutRoot, {
   Pie,
   Label,
diff --git a/semcore/d3-chart/src/GroupBar.jsx b/semcore/d3-chart/src/GroupBar.jsx
index 698798fde1..03bb0292e1 100644
--- a/semcore/d3-chart/src/GroupBar.jsx
+++ b/semcore/d3-chart/src/GroupBar.jsx
@@ -84,6 +84,11 @@ class GroupBarRoot extends Component {
   }
 }
 
+/**
+ * GroupBar
+ *
+ * {@link https://developer.semrush.com/intergalactic/data-display/bar-chart/bar-chart-code#grouped-bars|Examples}
+ */
 const GroupBar = createElement(GroupBarRoot, {
   Bar,
   HorizontalBar,
diff --git a/semcore/d3-chart/src/HorizontalBar.jsx b/semcore/d3-chart/src/HorizontalBar.jsx
index 9ee4d0d6b7..9776ef8ea6 100644
--- a/semcore/d3-chart/src/HorizontalBar.jsx
+++ b/semcore/d3-chart/src/HorizontalBar.jsx
@@ -182,4 +182,9 @@ function getHorizontalRect({ x, y, width, height, radius, position }) {
   return roundedPath(x, y, width, height, radius);
 }
 
+/**
+ * HorizontalBar
+ *
+ * {@link https://developer.semrush.com/intergalactic/data-display/bar-horizontal/bar-horizontal-api/|API} | {@link https://developer.semrush.com/intergalactic/data-display/bar-horizontal/bar-horizontal-code/|Examples}
+ */
 export default createElement(HorizontalBarRoot, { Background });
diff --git a/semcore/d3-chart/src/Line.jsx b/semcore/d3-chart/src/Line.jsx
index 6df0209097..fccf60e5d6 100644
--- a/semcore/d3-chart/src/Line.jsx
+++ b/semcore/d3-chart/src/Line.jsx
@@ -220,6 +220,11 @@ function Area(props) {
   );
 }
 
+/**
+ * Line
+ *
+ * {@link https://developer.semrush.com/intergalactic/data-display/line-chart/line-chart-api/|API} | {@link https://developer.semrush.com/intergalactic/data-display/line-chart/line-chart-code/|Examples}
+ */
 export default createElement(LineRoot, {
   Dots,
   Null,
diff --git a/semcore/d3-chart/src/Plot.jsx b/semcore/d3-chart/src/Plot.jsx
index 0f2d22f6f2..e5612f563b 100644
--- a/semcore/d3-chart/src/Plot.jsx
+++ b/semcore/d3-chart/src/Plot.jsx
@@ -122,4 +122,9 @@ class PlotRoot extends Component {
   }
 }
 
+/**
+ * Plot
+ *
+ * {@link https://developer.semrush.com/intergalactic/data-display/d3-chart/d3-chart-api#plot|API} | {@link https://developer.semrush.com/intergalactic/data-display/d3-chart/d3-chart-code#chart-plot|Examples}
+ */
 export default createComponent(PlotRoot);
diff --git a/semcore/d3-chart/src/Radar.jsx b/semcore/d3-chart/src/Radar.jsx
index 16c2e88e80..f73ff687a2 100644
--- a/semcore/d3-chart/src/Radar.jsx
+++ b/semcore/d3-chart/src/Radar.jsx
@@ -702,6 +702,11 @@ function RadarTooltip(props) {
   );
 }
 
+/**
+ * Radar
+ *
+ * {@link https://developer.semrush.com/intergalactic/data-display/radar-chart/radar-chart-api/|API} | {@link https://developer.semrush.com/intergalactic/data-display/radar-chart/radar-chart-code/|Examples}
+ */
 const Radar = createElement(RadarRoot, {
   Axis,
   Polygon,
diff --git a/semcore/d3-chart/src/RadialTree.tsx b/semcore/d3-chart/src/RadialTree.tsx
index 12211cc676..5b13f60e06 100644
--- a/semcore/d3-chart/src/RadialTree.tsx
+++ b/semcore/d3-chart/src/RadialTree.tsx
@@ -906,6 +906,11 @@ type IntergalacticD3Component<BaseTag extends Intergalactic.Tag, Props, Context
 ) => Intergalactic.InternalTypings.ComponentRenderingResults) &
 Intergalactic.InternalTypings.ComponentAdditive<BaseTag, BaseTag, Props>;
 
+/**
+ * RadialTree
+ *
+ * {@link https://developer.semrush.com/intergalactic/data-display/radial-tree-chart/radial-tree-chart-api/|API} | {@link https://developer.semrush.com/intergalactic/data-display/radial-tree-chart/radial-tree-chart-code/|Examples}
+ */
 const RadialTree = createElement(RadialTreeBase, { Title, Radian }) as IntergalacticD3Component<
   'g',
   RadialTreeProps
diff --git a/semcore/d3-chart/src/ResponsiveContainer.jsx b/semcore/d3-chart/src/ResponsiveContainer.jsx
index 31eef7e28b..86b202728d 100644
--- a/semcore/d3-chart/src/ResponsiveContainer.jsx
+++ b/semcore/d3-chart/src/ResponsiveContainer.jsx
@@ -83,6 +83,11 @@ class ResponsiveContainerRoot extends Component {
   }
 }
 
+/**
+ * ResponsiveContainer
+ *
+ * {@link https://developer.semrush.com/intergalactic/data-display/d3-chart/d3-chart-api#responsivecontainer|API}
+ */
 const ResponsiveContainer = createComponent(ResponsiveContainerRoot);
 
 export default ResponsiveContainer;
diff --git a/semcore/d3-chart/src/ScatterPlot.jsx b/semcore/d3-chart/src/ScatterPlot.jsx
index 7c990cb4ea..eaaa29abf9 100644
--- a/semcore/d3-chart/src/ScatterPlot.jsx
+++ b/semcore/d3-chart/src/ScatterPlot.jsx
@@ -166,6 +166,11 @@ function ScatterPlotTooltip(props) {
   return sstyled(props.styles)(<SScatterPlotTooltip render={Tooltip} excludeAnchorProps />);
 };
 
+/**
+ * ScatterPlot
+ *
+ * {@link https://developer.semrush.com/intergalactic/data-display/scatterplot-chart/scatterplot-chart-api/|API} | {@link https://developer.semrush.com/intergalactic/data-display/scatterplot-chart/scatterplot-chart-code/|Examples}
+ */
 const ScatterPlot = createElement(ScatterPlotRoot, {
   Tooltip: [ScatterPlotTooltip, Tooltip._______childrenComponents],
 });
diff --git a/semcore/d3-chart/src/StackBar.jsx b/semcore/d3-chart/src/StackBar.jsx
index 7f062971e6..0eff11a130 100644
--- a/semcore/d3-chart/src/StackBar.jsx
+++ b/semcore/d3-chart/src/StackBar.jsx
@@ -148,6 +148,11 @@ class StackBarRoot extends Component {
   }
 }
 
+/**
+ * StackBar
+ *
+ * {@link https://developer.semrush.com/intergalactic/data-display/stacked-bar-chart/stacked-bar-chart-api/|API} | {@link https://developer.semrush.com/intergalactic/data-display/stacked-bar-chart/stacked-bar-chart-code/|Examples}
+ */
 const StackBar = createElement(StackBarRoot, {
   Bar,
   HorizontalBar,
diff --git a/semcore/d3-chart/src/StackedArea.jsx b/semcore/d3-chart/src/StackedArea.jsx
index 8a3c6a4959..3534d58f5d 100644
--- a/semcore/d3-chart/src/StackedArea.jsx
+++ b/semcore/d3-chart/src/StackedArea.jsx
@@ -60,6 +60,11 @@ class StackedAreaRoot extends Component {
   }
 }
 
+/**
+ * StackedArea
+ *
+ * {@link https://developer.semrush.com/intergalactic/data-display/stacked-area-chart/stacked-area-chart-api/|API} | {@link https://developer.semrush.com/intergalactic/data-display/stacked-area-chart/stacked-area-chart-code/|Examples}
+ */
 const StackedArea = createElement(StackedAreaRoot, { Area });
 
 export default StackedArea;
diff --git a/semcore/d3-chart/src/Venn.jsx b/semcore/d3-chart/src/Venn.jsx
index 36277fe7b8..52c564a3d7 100644
--- a/semcore/d3-chart/src/Venn.jsx
+++ b/semcore/d3-chart/src/Venn.jsx
@@ -227,6 +227,11 @@ function VennTooltip(props) {
   return sstyled(props.styles)(<SVennTooltip render={Tooltip} excludeAnchorProps />);
 };
 
+/**
+ * Venn
+ *
+ * {@link https://developer.semrush.com/intergalactic/data-display/venn-chart/venn-chart-api/|API} | {@link https://developer.semrush.com/intergalactic/data-display/venn-chart/venn-chart-code/|Examples}
+ */
 const Venn = createElement(VennRoot, {
   Circle,
   Intersection,
diff --git a/semcore/d3-chart/src/component/Chart/AreaChart.tsx b/semcore/d3-chart/src/component/Chart/AreaChart.tsx
index f1d895ed52..3af1953517 100644
--- a/semcore/d3-chart/src/component/Chart/AreaChart.tsx
+++ b/semcore/d3-chart/src/component/Chart/AreaChart.tsx
@@ -134,6 +134,11 @@ class AreaChartComponent extends AbstractChart<
   }
 }
 
+/**
+ * AreaChart
+ *
+ * {@link https://developer.semrush.com/intergalactic/data-display/area-chart/area-chart-api/|API} | {@link https://developer.semrush.com/intergalactic/data-display/area-chart/area-chart-code/|Examples}
+ */
 export const AreaChart = createComponent<
   AreaChartType,
   typeof AreaChartComponent
diff --git a/semcore/d3-chart/src/component/Chart/BarChart.tsx b/semcore/d3-chart/src/component/Chart/BarChart.tsx
index 9854ed090a..48315f9441 100644
--- a/semcore/d3-chart/src/component/Chart/BarChart.tsx
+++ b/semcore/d3-chart/src/component/Chart/BarChart.tsx
@@ -305,6 +305,11 @@ class BarChartComponent extends AbstractChart<
   }
 }
 
+/**
+ * BarChart
+ *
+ * {@link https://developer.semrush.com/intergalactic/data-display/bar-chart/bar-chart-api/|API} | {@link https://developer.semrush.com/intergalactic/data-display/bar-chart/bar-chart-code/|Examples}
+ */
 export const BarChart = createComponent<
   BarChartType,
   typeof BarChartComponent
diff --git a/semcore/d3-chart/src/component/Chart/BubbleChart.tsx b/semcore/d3-chart/src/component/Chart/BubbleChart.tsx
index 26190b3c2c..424fbd0545 100644
--- a/semcore/d3-chart/src/component/Chart/BubbleChart.tsx
+++ b/semcore/d3-chart/src/component/Chart/BubbleChart.tsx
@@ -152,6 +152,11 @@ class BubbleChartComponent extends AbstractChart<
   }
 }
 
+/**
+ * BubbleChart
+ *
+ * {@link https://developer.semrush.com/intergalactic/data-display/bubble-chart/bubble-chart-api/|API} | {@link https://developer.semrush.com/intergalactic/data-display/bubble-chart/bubble-chart-code/|Examples}
+ */
 export const BubbleChart = createComponent<
   BubbleChartType,
   typeof BubbleChartComponent
diff --git a/semcore/d3-chart/src/component/Chart/CigaretteChart.tsx b/semcore/d3-chart/src/component/Chart/CigaretteChart.tsx
index b3a5f63f77..114157646f 100644
--- a/semcore/d3-chart/src/component/Chart/CigaretteChart.tsx
+++ b/semcore/d3-chart/src/component/Chart/CigaretteChart.tsx
@@ -507,6 +507,11 @@ class CigaretteChartComponent extends AbstractChart<
   }
 }
 
+/**
+ * CigaretteChart
+ *
+ * {@link https://developer.semrush.com/intergalactic/data-display/cigarette-chart/cigarette-chart-api/|API} | {@link https://developer.semrush.com/intergalactic/data-display/cigarette-chart/cigarette-chart-code/|Examples}
+ */
 export const CigaretteChart = createComponent<
   CigaretteChartType,
   typeof CigaretteChartComponent
diff --git a/semcore/d3-chart/src/component/Chart/CompactHorizontalBarChart.tsx b/semcore/d3-chart/src/component/Chart/CompactHorizontalBarChart.tsx
index c2f48f41c8..543f4b4743 100644
--- a/semcore/d3-chart/src/component/Chart/CompactHorizontalBarChart.tsx
+++ b/semcore/d3-chart/src/component/Chart/CompactHorizontalBarChart.tsx
@@ -122,6 +122,11 @@ class CompactHorizontalBarChartComponent extends AbstractChart<
   }
 }
 
+/**
+ * CompactHorizontalBarChart
+ *
+ * {@link https://developer.semrush.com/intergalactic/data-display/bar-horizontal-compact/bar-horizontal-compact-api/|API} | {@link https://developer.semrush.com/intergalactic/data-display/bar-horizontal-compact/bar-horizontal-compact-code/|Examples}
+ */
 export const CompactHorizontalBarChart = createComponent<
   CompactHorizontalBarChartType,
   typeof CompactHorizontalBarChartComponent
diff --git a/semcore/d3-chart/src/component/Chart/DonutChart.tsx b/semcore/d3-chart/src/component/Chart/DonutChart.tsx
index d9fdadc917..4cbf344fce 100644
--- a/semcore/d3-chart/src/component/Chart/DonutChart.tsx
+++ b/semcore/d3-chart/src/component/Chart/DonutChart.tsx
@@ -111,6 +111,11 @@ class DonutChartComponent extends AbstractChart<
   }
 }
 
+/**
+ * DonutChart
+ *
+ * {@link https://developer.semrush.com/intergalactic/data-display/donut-chart/donut-chart-api/|API} | {@link https://developer.semrush.com/intergalactic/data-display/donut-chart/donut-chart-code/|Examples}
+ */
 export const DonutChart = createComponent<
   DonutChartType,
   typeof DonutChartComponent
diff --git a/semcore/d3-chart/src/component/Chart/HistogramChart.tsx b/semcore/d3-chart/src/component/Chart/HistogramChart.tsx
index 32820ece5b..335f6cf53f 100644
--- a/semcore/d3-chart/src/component/Chart/HistogramChart.tsx
+++ b/semcore/d3-chart/src/component/Chart/HistogramChart.tsx
@@ -184,6 +184,11 @@ class HistogramChartComponent extends AbstractChart<
   }
 }
 
+/**
+ * HistogramChart
+ *
+ * {@link https://developer.semrush.com/intergalactic/data-display/histogram-chart/histogram-chart-api/|API}
+ */
 export const HistogramChart = createComponent<
   HistogramChartType,
   typeof HistogramChartComponent
diff --git a/semcore/d3-chart/src/component/Chart/LineChart.tsx b/semcore/d3-chart/src/component/Chart/LineChart.tsx
index bb8ed8cb5f..9cb1153dc9 100644
--- a/semcore/d3-chart/src/component/Chart/LineChart.tsx
+++ b/semcore/d3-chart/src/component/Chart/LineChart.tsx
@@ -114,6 +114,11 @@ class LineChartComponent extends AbstractChart<
   }
 }
 
+/**
+ * LineChart
+ *
+ * {@link https://developer.semrush.com/intergalactic/data-display/line-chart/line-chart-api/|API} | {@link https://developer.semrush.com/intergalactic/data-display/line-chart/line-chart-code/|Examples}
+ */
 export const LineChart = createComponent<
   LineChartType,
   typeof LineChartComponent
diff --git a/semcore/d3-chart/src/component/Chart/RadarChart.tsx b/semcore/d3-chart/src/component/Chart/RadarChart.tsx
index 1f522e80c7..831394140c 100644
--- a/semcore/d3-chart/src/component/Chart/RadarChart.tsx
+++ b/semcore/d3-chart/src/component/Chart/RadarChart.tsx
@@ -118,6 +118,11 @@ class RadarChartComponent extends AbstractChart<
   }
 }
 
+/**
+ * RadarChart
+ *
+ * {@link https://developer.semrush.com/intergalactic/data-display/radar-chart/radar-chart-api/|API} | {@link https://developer.semrush.com/intergalactic/data-display/radar-chart/radar-chart-code/|Examples}
+ */
 export const RadarChart: RadarChartType = createComponent<
   RadarChartType,
   typeof RadarChartComponent
diff --git a/semcore/d3-chart/src/component/Chart/ScatterPlotChart.tsx b/semcore/d3-chart/src/component/Chart/ScatterPlotChart.tsx
index 0c0800e780..ccabd3a7f7 100644
--- a/semcore/d3-chart/src/component/Chart/ScatterPlotChart.tsx
+++ b/semcore/d3-chart/src/component/Chart/ScatterPlotChart.tsx
@@ -143,6 +143,11 @@ class ScatterPlotChartComponent extends AbstractChart<
   }
 }
 
+/**
+ * ScatterPlotChart
+ *
+ * {@link https://developer.semrush.com/intergalactic/data-display/scatterplot-chart/scatterplot-chart-api/|API} | {@link https://developer.semrush.com/intergalactic/data-display/scatterplot-chart/scatterplot-chart-code/|Examples}
+ */
 export const ScatterPlotChart = createComponent<
   ScatterPlotChartType,
   typeof ScatterPlotChartComponent
diff --git a/semcore/d3-chart/src/component/Chart/VennChart.tsx b/semcore/d3-chart/src/component/Chart/VennChart.tsx
index c842413fe9..a9c150a0b8 100644
--- a/semcore/d3-chart/src/component/Chart/VennChart.tsx
+++ b/semcore/d3-chart/src/component/Chart/VennChart.tsx
@@ -152,6 +152,11 @@ class VennChartComponent extends AbstractChart<
   }
 }
 
+/**
+ * VennChart
+ *
+ * {@link https://developer.semrush.com/intergalactic/data-display/venn-chart/venn-chart-api/|API} | {@link https://developer.semrush.com/intergalactic/data-display/venn-chart/venn-chart-code/|Examples}
+ */
 export const VennChart = createComponent<
   VennChartType,
   typeof VennChartComponent
diff --git a/semcore/d3-chart/src/component/ChartLegend/LegendFlex/LegendFlex.tsx b/semcore/d3-chart/src/component/ChartLegend/LegendFlex/LegendFlex.tsx
index 2593288582..bf34cf2d4d 100644
--- a/semcore/d3-chart/src/component/ChartLegend/LegendFlex/LegendFlex.tsx
+++ b/semcore/d3-chart/src/component/ChartLegend/LegendFlex/LegendFlex.tsx
@@ -59,6 +59,11 @@ class LegendFlexRoot extends BaseLegend<
   }
 }
 
+/**
+ * LegendFlex
+ *
+ * {@link https://developer.semrush.com/intergalactic/data-display/chart-legend/chart-legend-api/|API} | {@link https://developer.semrush.com/intergalactic/data-display/chart-legend/chart-legend-code/|Examples}
+ */
 export const LegendFlex = createComponent<
   LegendFlexType,
   typeof LegendFlexRoot
diff --git a/semcore/d3-chart/src/component/ChartLegend/LegendItem/LegendItem.tsx b/semcore/d3-chart/src/component/ChartLegend/LegendItem/LegendItem.tsx
index 4ce88c24da..4a09ed6e6b 100644
--- a/semcore/d3-chart/src/component/ChartLegend/LegendItem/LegendItem.tsx
+++ b/semcore/d3-chart/src/component/ChartLegend/LegendItem/LegendItem.tsx
@@ -291,6 +291,11 @@ function Count(
 }
 Count.displayName = 'Count';
 
+/**
+ * LegendItemComponent
+ *
+ * {@link https://developer.semrush.com/intergalactic/data-display/chart-legend/chart-legend-api/|API} | {@link https://developer.semrush.com/intergalactic/data-display/chart-legend/chart-legend-code/|Examples}
+ */
 export const LegendItemComponent = createComponent<
   LegendItemType,
   typeof LegendItemRoot
diff --git a/semcore/d3-chart/src/component/ChartLegend/LegendTable/LegendTable.tsx b/semcore/d3-chart/src/component/ChartLegend/LegendTable/LegendTable.tsx
index 25cab8ab7d..103242df99 100644
--- a/semcore/d3-chart/src/component/ChartLegend/LegendTable/LegendTable.tsx
+++ b/semcore/d3-chart/src/component/ChartLegend/LegendTable/LegendTable.tsx
@@ -58,6 +58,11 @@ function ColumnComponent(props: LegendColumnProps & IRootComponentProps) {
   );
 }
 
+/**
+ * LegendTable
+ *
+ * {@link https://developer.semrush.com/intergalactic/data-display/chart-legend/chart-legend-api/|API} | {@link https://developer.semrush.com/intergalactic/data-display/chart-legend/chart-legend-code/|Examples}
+ */
 export const LegendTable = createComponent<
   LegendTableType,
   typeof LegendTableRoot
diff --git a/semcore/d3-chart/src/component/Cigarette/Cigarette.tsx b/semcore/d3-chart/src/component/Cigarette/Cigarette.tsx
index 9a1288b07c..b3cf170175 100644
--- a/semcore/d3-chart/src/component/Cigarette/Cigarette.tsx
+++ b/semcore/d3-chart/src/component/Cigarette/Cigarette.tsx
@@ -151,4 +151,9 @@ class CigaretteBarRoot extends Component<any, [], { hovered: boolean }> {
   }
 }
 
+/**
+ * CigaretteBar
+ *
+ * {@link https://developer.semrush.com/intergalactic/data-display/cigarette-chart/cigarette-chart-api/|API} | {@link https://developer.semrush.com/intergalactic/data-display/cigarette-chart/cigarette-chart-code/|Examples}
+ */
 export default createElement(CigaretteBarRoot);
diff --git a/semcore/data-table/src/components/DataTable/DataTable.tsx b/semcore/data-table/src/components/DataTable/DataTable.tsx
index 8ba4527486..2537fd6391 100644
--- a/semcore/data-table/src/components/DataTable/DataTable.tsx
+++ b/semcore/data-table/src/components/DataTable/DataTable.tsx
@@ -1485,6 +1485,11 @@ type DataTableComponent = DataTableType & {
   Body: typeof Body;
 };
 
+/**
+ * DataTable
+ *
+ * {@link https://developer.semrush.com/intergalactic/table-group/data-table/data-table-api|API} | {@link https://developer.semrush.com/intergalactic/table-group/data-table/data-table-code|Examples}
+ */
 export const DataTable = createComponent<
   DataTableComponent,
   typeof DataTableRoot
diff --git a/semcore/date-picker/src/DatePicker.jsx b/semcore/date-picker/src/DatePicker.jsx
index 207543c782..6b3da73b75 100644
--- a/semcore/date-picker/src/DatePicker.jsx
+++ b/semcore/date-picker/src/DatePicker.jsx
@@ -138,6 +138,11 @@ class Today extends Component {
   }
 }
 
+/**
+ * DatePicker
+ *
+ * {@link https://developer.semrush.com/intergalactic/components/date-picker/date-picker-api/|API} | {@link https://developer.semrush.com/intergalactic/components/date-picker/date-picker-code/|Examples}
+ */
 const DatePicker = createComponent(
   DatePickerRoot,
   {
diff --git a/semcore/date-picker/src/DateRangeComparator.jsx b/semcore/date-picker/src/DateRangeComparator.jsx
index 921c0bb071..7309dba5a2 100644
--- a/semcore/date-picker/src/DateRangeComparator.jsx
+++ b/semcore/date-picker/src/DateRangeComparator.jsx
@@ -204,6 +204,11 @@ function PeriodsControls(props) {
   return sstyled(styles)(<SPeriodsControls render={Flex} p={4} gap={2} />);
 }
 
+/**
+ * DateRangeComparator
+ *
+ * {@link https://developer.semrush.com/intergalactic/components/date-picker/date-picker-api#daterangecomparator|API} | {@link https://developer.semrush.com/intergalactic/components/date-picker/date-picker-code#daterangecomparator|Examples}
+ */
 const DateRangeComparator = createComponent(
   DateRangeComparatorRoot,
   {
diff --git a/semcore/date-picker/src/DateRangePicker.jsx b/semcore/date-picker/src/DateRangePicker.jsx
index 50bcd24f89..ecde001a4d 100644
--- a/semcore/date-picker/src/DateRangePicker.jsx
+++ b/semcore/date-picker/src/DateRangePicker.jsx
@@ -112,6 +112,11 @@ class DateRangePickerRoot extends RangePickerAbstract {
   }
 }
 
+/**
+ * DateRangePicker
+ *
+ * {@link https://developer.semrush.com/intergalactic/components/date-picker/date-picker-api#daterangepicker|API} | {@link https://developer.semrush.com/intergalactic/components/date-picker/date-picker-code/|Examples}
+ */
 const DateRangePicker = createComponent(
   DateRangePickerRoot,
   {
diff --git a/semcore/date-picker/src/MonthDateRangeComparator.jsx b/semcore/date-picker/src/MonthDateRangeComparator.jsx
index c92e402c78..25cf79641e 100644
--- a/semcore/date-picker/src/MonthDateRangeComparator.jsx
+++ b/semcore/date-picker/src/MonthDateRangeComparator.jsx
@@ -242,6 +242,11 @@ function PeriodsControls(props) {
   return sstyled(styles)(<SPeriodsControls render={Flex} p={4} gap={2} />);
 }
 
+/**
+ * MonthDateRangeComparator
+ *
+ * {@link https://developer.semrush.com/intergalactic/components/date-picker/date-picker-api/|API} | {@link https://developer.semrush.com/intergalactic/components/date-picker/date-picker-code/|Examples}
+ */
 const MonthDateRangeComparator = createComponent(
   MonthDateRangeComparatorRoot,
   {
diff --git a/semcore/date-picker/src/MonthPicker.jsx b/semcore/date-picker/src/MonthPicker.jsx
index ed2e00b8ac..216b476178 100644
--- a/semcore/date-picker/src/MonthPicker.jsx
+++ b/semcore/date-picker/src/MonthPicker.jsx
@@ -91,6 +91,11 @@ class MonthPickerRoot extends PickerAbstract {
   }
 }
 
+/**
+ * MonthPicker
+ *
+ * {@link https://developer.semrush.com/intergalactic/components/date-picker/date-picker-api/|API} | {@link https://developer.semrush.com/intergalactic/components/date-picker/date-picker-code/|Examples}
+ */
 const MonthPicker = createComponent(
   MonthPickerRoot,
   {
diff --git a/semcore/date-picker/src/MonthRangePicker.jsx b/semcore/date-picker/src/MonthRangePicker.jsx
index 54bb74e4f2..0487f53075 100644
--- a/semcore/date-picker/src/MonthRangePicker.jsx
+++ b/semcore/date-picker/src/MonthRangePicker.jsx
@@ -132,6 +132,11 @@ class MonthRangePickerRoot extends RangePickerAbstract {
   }
 }
 
+/**
+ * MonthRangePicker
+ *
+ * {@link https://developer.semrush.com/intergalactic/components/date-picker/date-picker-api/|API} | {@link https://developer.semrush.com/intergalactic/components/date-picker/date-picker-code/|Examples}
+ */
 const MonthRangePicker = createComponent(
   MonthRangePickerRoot,
   {
diff --git a/semcore/date-picker/src/components/ButtonTrigger.jsx b/semcore/date-picker/src/components/ButtonTrigger.jsx
index 1e59bdb29f..4489e53db8 100644
--- a/semcore/date-picker/src/components/ButtonTrigger.jsx
+++ b/semcore/date-picker/src/components/ButtonTrigger.jsx
@@ -15,6 +15,11 @@ function ButtonTriggerRoot({ Children }) {
 
 ButtonTriggerRoot.displayName = 'ButtonTrigger';
 
+/**
+ * ButtonTrigger
+ *
+ * {@link https://developer.semrush.com/intergalactic/components/date-picker/date-picker-api/|API} | {@link https://developer.semrush.com/intergalactic/components/date-picker/date-picker-code/|Examples}
+ */
 const ButtonTrigger = createComponent(ButtonTriggerRoot, {
   Text: BaseTrigger.Text,
   Addon: BaseTrigger.Addon,
diff --git a/semcore/divider/src/Divider.tsx b/semcore/divider/src/Divider.tsx
index 18127034f0..0d7995fe93 100644
--- a/semcore/divider/src/Divider.tsx
+++ b/semcore/divider/src/Divider.tsx
@@ -33,6 +33,11 @@ class DividerRoot extends Component<
   }
 }
 
+/**
+ * Divider
+ *
+ * {@link https://developer.semrush.com/intergalactic/components/divider/divider-api/|API} | {@link https://developer.semrush.com/intergalactic/components/divider/divider-code/|Examples}
+ */
 const Divider = createComponent<
   NSDivider.Component,
   typeof DividerRoot
diff --git a/semcore/dot/src/Dot.tsx b/semcore/dot/src/Dot.tsx
index 63776e89f3..3ef4653658 100644
--- a/semcore/dot/src/Dot.tsx
+++ b/semcore/dot/src/Dot.tsx
@@ -93,6 +93,11 @@ class DotRoot extends Component<
   }
 }
 
+/**
+ * Dot
+ *
+ * {@link https://developer.semrush.com/intergalactic/components/dot/dot-api/|API} | {@link https://developer.semrush.com/intergalactic/components/dot/dot-code/|Examples}
+ */
 const Dot = createComponent<
   NSDot.Component,
   typeof DotRoot
diff --git a/semcore/drag-and-drop/src/DragAndDrop.tsx b/semcore/drag-and-drop/src/DragAndDrop.tsx
index 2d12ed67c6..20c0da4f52 100644
--- a/semcore/drag-and-drop/src/DragAndDrop.tsx
+++ b/semcore/drag-and-drop/src/DragAndDrop.tsx
@@ -707,6 +707,11 @@ function DropZone(props: DropZoneProps) {
   );
 };
 
+/**
+ * DragAndDrop
+ *
+ * {@link https://developer.semrush.com/intergalactic/components/drag-and-drop/drag-and-drop-api/|API} | {@link https://developer.semrush.com/intergalactic/components/drag-and-drop/drag-and-drop-code/|Examples}
+ */
 const DragAndDrop = createComponent<
   DragAndDropComponent,
   typeof DragAndDropRoot
diff --git a/semcore/dropdown-menu/src/DropdownMenu.jsx b/semcore/dropdown-menu/src/DropdownMenu.jsx
index e4375b4528..dff0ee5f7a 100644
--- a/semcore/dropdown-menu/src/DropdownMenu.jsx
+++ b/semcore/dropdown-menu/src/DropdownMenu.jsx
@@ -547,6 +547,11 @@ function ItemHint({ styles }) {
   return sstyled(styles)(<SItemHint render={Flex} id={hintId} aria-hidden='true' />);
 }
 
+/**
+ * DropdownMenu
+ *
+ * {@link https://developer.semrush.com/intergalactic/components/dropdown-menu/dropdown-menu-api/|API} | {@link https://developer.semrush.com/intergalactic/components/dropdown-menu/dropdown-menu-code/|Examples}
+ */
 const DropdownMenu = createComponent(
   DropdownMenuRoot,
   {
diff --git a/semcore/dropdown/src/Dropdown.jsx b/semcore/dropdown/src/Dropdown.jsx
index f5e0c8ea32..08d1eb7d96 100644
--- a/semcore/dropdown/src/Dropdown.jsx
+++ b/semcore/dropdown/src/Dropdown.jsx
@@ -191,6 +191,11 @@ function DropdownGroup(props) {
   );
 }
 
+/**
+ * Dropdown
+ *
+ * {@link https://developer.semrush.com/intergalactic/components/dropdown/dropdown-api/|API} | {@link https://developer.semrush.com/intergalactic/components/dropdown/dropdown-code/|Examples}
+ */
 const Dropdown = createComponent(
   DropdownRoot,
   {
diff --git a/semcore/ellipsis/src/Ellipsis.tsx b/semcore/ellipsis/src/Ellipsis.tsx
index 25546b86d4..e9b9742143 100644
--- a/semcore/ellipsis/src/Ellipsis.tsx
+++ b/semcore/ellipsis/src/Ellipsis.tsx
@@ -341,6 +341,11 @@ function Content({ styles, Children }: EllipsisContentAsProps) {
   ) as any;
 }
 
+/**
+ * Ellipsis
+ *
+ * {@link https://developer.semrush.com/intergalactic/components/ellipsis/ellipsis-api/|API} | {@link https://developer.semrush.com/intergalactic/components/ellipsis/ellipsis-code/|Examples}
+ */
 const Ellipsis = createComponent<
   EllipsisComponent,
   typeof RootEllipsis
diff --git a/semcore/feature-highlight/src/components/badge/Badge.tsx b/semcore/feature-highlight/src/components/badge/Badge.tsx
index bd8b5092df..1d0a9cd77e 100644
--- a/semcore/feature-highlight/src/components/badge/Badge.tsx
+++ b/semcore/feature-highlight/src/components/badge/Badge.tsx
@@ -52,6 +52,11 @@ class BadgeFHRoot extends Component<
   }
 }
 
+/**
+ * Badge FeatureHighlight
+ *
+ * {@link https://developer.semrush.com/intergalactic/patterns/feature-highlight/feature-highlight#badge|Docs}
+ */
 export const BadgeFH = createComponent<
   BadgeFHComponent,
   typeof BadgeFHRoot
diff --git a/semcore/feature-highlight/src/components/button/Button.tsx b/semcore/feature-highlight/src/components/button/Button.tsx
index defcfde0f5..a68e137c44 100644
--- a/semcore/feature-highlight/src/components/button/Button.tsx
+++ b/semcore/feature-highlight/src/components/button/Button.tsx
@@ -79,6 +79,11 @@ function HighlightAddon(props: HighLightedButtonAddonProps & { clicked: boolean
   );
 }
 
+/**
+ * Button FeatureHighlight
+ *
+ * {@link https://developer.semrush.com/intergalactic/patterns/feature-highlight/feature-highlight#button|Docs}
+ */
 export const ButtonFH = createComponent<
   HighlightedButtonComponent,
   typeof ButtonFHRoot
diff --git a/semcore/feature-highlight/src/components/checkbox/Checkbox.tsx b/semcore/feature-highlight/src/components/checkbox/Checkbox.tsx
index dd726ac27e..51a9beddbf 100644
--- a/semcore/feature-highlight/src/components/checkbox/Checkbox.tsx
+++ b/semcore/feature-highlight/src/components/checkbox/Checkbox.tsx
@@ -54,6 +54,11 @@ class CheckboxFHRoot extends Component<NSCheckbox.Props> {
   }
 }
 
+/**
+ * Checkbox FeatureHighlight
+ *
+ * {@link https://developer.semrush.com/intergalactic/patterns/feature-highlight/feature-highlight#checkbox|Docs}
+ */
 export const CheckboxFH = createComponent<
   HighlightedCheckboxComponent,
  typeof CheckboxFHRoot
diff --git a/semcore/feature-highlight/src/components/input/Input.tsx b/semcore/feature-highlight/src/components/input/Input.tsx
index c489398401..8c84fa7482 100644
--- a/semcore/feature-highlight/src/components/input/Input.tsx
+++ b/semcore/feature-highlight/src/components/input/Input.tsx
@@ -27,6 +27,11 @@ function HighlightAddon(props: IRootComponentProps) {
   );
 }
 
+/**
+ * Input FeatureHighlight
+ *
+ * {@link https://developer.semrush.com/intergalactic/patterns/feature-highlight/feature-highlight#input|Docs}
+ */
 export const InputFH = createComponent<
   typeof Input,
   typeof InputFHRoot
diff --git a/semcore/feature-highlight/src/components/notice/Notice.tsx b/semcore/feature-highlight/src/components/notice/Notice.tsx
index 3edc1c36d7..dc26c4209c 100644
--- a/semcore/feature-highlight/src/components/notice/Notice.tsx
+++ b/semcore/feature-highlight/src/components/notice/Notice.tsx
@@ -57,6 +57,11 @@ class NoticeFHRoot extends Component<NoticeSmartProps> {
   }
 }
 
+/**
+ * Notice FeatureHighlight
+ *
+ * {@link https://developer.semrush.com/intergalactic/patterns/feature-highlight/feature-highlight#notice|Docs}
+ */
 export const NoticeFH = createComponent<
   HighlightedNoticeComponent,
   typeof NoticeFHRoot
diff --git a/semcore/feature-highlight/src/components/pills/Pills.tsx b/semcore/feature-highlight/src/components/pills/Pills.tsx
index 3e679b0945..47ba225268 100644
--- a/semcore/feature-highlight/src/components/pills/Pills.tsx
+++ b/semcore/feature-highlight/src/components/pills/Pills.tsx
@@ -72,6 +72,11 @@ const HighlightedItem = createComponent<
   Addon: HighlightedItemAddon,
 });
 
+/**
+ * Pills FeatureHighlight
+ *
+ * {@link https://developer.semrush.com/intergalactic/patterns/feature-highlight/feature-highlight#pills|Docs}
+ */
 export const PillsFH = createComponent<
   HighlightedPillComponent,
   typeof PillsFHRoot
diff --git a/semcore/feature-highlight/src/components/radio/Radio.tsx b/semcore/feature-highlight/src/components/radio/Radio.tsx
index 2c4e2d57d5..8ad082517c 100644
--- a/semcore/feature-highlight/src/components/radio/Radio.tsx
+++ b/semcore/feature-highlight/src/components/radio/Radio.tsx
@@ -65,6 +65,11 @@ class RadioFHRoot extends Component<NSRadio.Props> {
   }
 }
 
+/**
+ * Radio FeatureHighlight
+ *
+ * {@link https://developer.semrush.com/intergalactic/patterns/feature-highlight/feature-highlight#radio|Docs}
+ */
 export const RadioFH = createComponent<
   HighlightedRadioComponent,
   typeof RadioFHRoot
diff --git a/semcore/feature-highlight/src/components/select/Select.tsx b/semcore/feature-highlight/src/components/select/Select.tsx
index 5960570337..e117ccec54 100644
--- a/semcore/feature-highlight/src/components/select/Select.tsx
+++ b/semcore/feature-highlight/src/components/select/Select.tsx
@@ -32,6 +32,11 @@ function Trigger(props: IRootComponentProps) {
   );
 }
 
+/**
+ * Select FeatureHighlight
+ *
+ * {@link https://developer.semrush.com/intergalactic/patterns/feature-highlight/feature-highlight#select|Docs}
+ */
 export const SelectFH: typeof Select = createComponent<
   typeof Select,
   typeof SelectFHRoot
diff --git a/semcore/feature-highlight/src/components/switch/Switch.tsx b/semcore/feature-highlight/src/components/switch/Switch.tsx
index 5f90631541..9e55ec5433 100644
--- a/semcore/feature-highlight/src/components/switch/Switch.tsx
+++ b/semcore/feature-highlight/src/components/switch/Switch.tsx
@@ -53,6 +53,11 @@ function Value(props: IRootComponentProps & { onChange: () => void }) {
   return sstyled(props.styles)(<SToggle render={Switch.Value} onChange={props.onChange} />);
 }
 
+/**
+ * Switch FeatureHighlight
+ *
+ * {@link https://developer.semrush.com/intergalactic/patterns/feature-highlight/feature-highlight#switch|Docs}
+ */
 export const SwitchFH = createComponent<
   HighlightedSwitchComponent,
   typeof SwitchFHRoot
diff --git a/semcore/feature-highlight/src/components/tab-line/TabLine.tsx b/semcore/feature-highlight/src/components/tab-line/TabLine.tsx
index 07ab1afb0c..42d46db6d0 100644
--- a/semcore/feature-highlight/src/components/tab-line/TabLine.tsx
+++ b/semcore/feature-highlight/src/components/tab-line/TabLine.tsx
@@ -70,6 +70,11 @@ const HighlightedItem = createComponent<HighlightedTabLineItemComponent, typeof
   { Text: TabLine.Item.Text, Addon: HighlightedAddon },
 );
 
+/**
+ * TabLine FeatureHighlight
+ *
+ * {@link https://developer.semrush.com/intergalactic/patterns/feature-highlight/feature-highlight#tabline|Docs}
+ */
 export const TabLineFH = createComponent<HighlightedTabLineComponent, typeof TabLineFHRoot>(TabLineFHRoot, {
   Item: [TabLine.Item, { Text: TabLine.Item.Text, Addon: TabLine.Item.Addon }],
   HighlightedItem,
diff --git a/semcore/feature-popover/src/FeaturePopover.tsx b/semcore/feature-popover/src/FeaturePopover.tsx
index 28a23e3201..72b8b9912e 100644
--- a/semcore/feature-popover/src/FeaturePopover.tsx
+++ b/semcore/feature-popover/src/FeaturePopover.tsx
@@ -223,6 +223,11 @@ function Spot(props: IRootComponentProps & FeaturePopoverSpotProps) {
   return sstyled(styles)(<SSpot render={Box} />);
 }
 
+/**
+ * FeaturePopover
+ *
+ * {@link https://developer.semrush.com/intergalactic/components/feature-popover/feature-popover-api/|API} | {@link https://developer.semrush.com/intergalactic/components/feature-popover/feature-popover-code/|Examples}
+ */
 export default createComponent<
   FeaturePopoverComponent,
   typeof FeaturePopover
diff --git a/semcore/feedback-form/src/FeedbackForm.jsx b/semcore/feedback-form/src/FeedbackForm.jsx
index bfaa24d42e..541124a01a 100644
--- a/semcore/feedback-form/src/FeedbackForm.jsx
+++ b/semcore/feedback-form/src/FeedbackForm.jsx
@@ -108,6 +108,11 @@ function Notice(props) {
   return sstyled(styles)(<SNotice render={NoticeSmart} use:theme={theme} use:use={use} />);
 }
 
+/**
+ * FeedbackForm
+ *
+ * {@link https://developer.semrush.com/intergalactic/components/feedback-form/feedback-form-api/|API} | {@link https://developer.semrush.com/intergalactic/components/feedback-form/feedback-form-code/|Examples}
+ */
 export default createComponent(FeedbackForm, {
   Item: FeedbackItem,
   Success,
diff --git a/semcore/feedback-form/src/component/feedback-rating/FeedbackRating.tsx b/semcore/feedback-form/src/component/feedback-rating/FeedbackRating.tsx
index 3f1ce7042c..3ce656f714 100644
--- a/semcore/feedback-form/src/component/feedback-rating/FeedbackRating.tsx
+++ b/semcore/feedback-form/src/component/feedback-rating/FeedbackRating.tsx
@@ -417,6 +417,11 @@ type FeedbackRatingComponent = Intergalactic.Component<'form', FeedbackRatingPro
   Header: typeof Text;
 };
 
+/**
+ * FeedbackRating
+ *
+ * {@link https://developer.semrush.com/intergalactic/components/feedback-form/feedback-form-api#feedbackform-feedbackrating|API} | {@link https://developer.semrush.com/intergalactic/components/feedback-form/feedback-form-code/|Examples}
+ */
 const FeedbackRating = createComponent<
   FeedbackRatingComponent,
   typeof FeedbackRatingRoot
diff --git a/semcore/fullscreen-modal/src/FullscreenModal.jsx b/semcore/fullscreen-modal/src/FullscreenModal.jsx
index a3fbc6747c..e361321182 100644
--- a/semcore/fullscreen-modal/src/FullscreenModal.jsx
+++ b/semcore/fullscreen-modal/src/FullscreenModal.jsx
@@ -160,6 +160,11 @@ function Back(props) {
   );
 }
 
+/**
+ * FullscreenModal
+ *
+ * {@link https://developer.semrush.com/intergalactic/components/fullscreen-modal/fullscreen-modal-api/|API} | {@link https://developer.semrush.com/intergalactic/components/fullscreen-modal/fullscreen-modal-code/|Examples}
+ */
 const FullscreenModal = createComponent(
   FullscreenModalRoot,
   {
diff --git a/semcore/inline-edit/src/InlineEdit.tsx b/semcore/inline-edit/src/InlineEdit.tsx
index 7fe8d8ae97..1839f2187b 100644
--- a/semcore/inline-edit/src/InlineEdit.tsx
+++ b/semcore/inline-edit/src/InlineEdit.tsx
@@ -210,6 +210,11 @@ type InlineEditComponent = Intergalactic.Component<'div', InlineEditProps, Input
   Edit: Intergalactic.Component<'div', InlineEditEditProps, InlineEditProps>;
 };
 
+/**
+ * InlineEdit
+ *
+ * {@link https://developer.semrush.com/intergalactic/components/inline-edit/inline-edit-api/|API} | {@link https://developer.semrush.com/intergalactic/components/inline-edit/inline-edit-code/|Examples}
+ */
 export default createComponent<
   InlineEditComponent,
   typeof InlineEdit
diff --git a/semcore/inline-input/src/InlineInput.tsx b/semcore/inline-input/src/InlineInput.tsx
index 76b1e4f2bd..e804bb1e9d 100644
--- a/semcore/inline-input/src/InlineInput.tsx
+++ b/semcore/inline-input/src/InlineInput.tsx
@@ -440,7 +440,11 @@ function NumberControls(props: NumberControlsAsProps) {
   ) as React.ReactElement;
 }
 
-/** `createComponent` currently exposes unrelated junk instead of typings, that the reason of to any cast  */
+/**
+ * InlineInput
+ *
+ * {@link https://developer.semrush.com/intergalactic/components/inline-input/inline-input-api/|API} | {@link https://developer.semrush.com/intergalactic/components/inline-input/inline-input-code/|Examples}
+ */
 const InlineInput = createComponent<
   InlineInputComponent,
   typeof InlineInputBase
diff --git a/semcore/input-mask/src/InputMask.tsx b/semcore/input-mask/src/InputMask.tsx
index 395175e0c1..e29e25e201 100644
--- a/semcore/input-mask/src/InputMask.tsx
+++ b/semcore/input-mask/src/InputMask.tsx
@@ -398,6 +398,11 @@ class Value extends Component<InputMaskValueProps, typeof Value.enhance, { value
   }
 }
 
+/**
+ * InputMask
+ *
+ * {@link https://developer.semrush.com/intergalactic/components/input-mask/input-mask-api/|API} | {@link https://developer.semrush.com/intergalactic/components/input-mask/input-mask-code/|Examples}
+ */
 export default createComponent<InputMaskComponent, typeof InputMask>(InputMask, {
   Value,
   Addon: Input.Addon,
diff --git a/semcore/input-number/src/InputNumber.jsx b/semcore/input-number/src/InputNumber.jsx
index ae6408aa7f..c3940a7d47 100644
--- a/semcore/input-number/src/InputNumber.jsx
+++ b/semcore/input-number/src/InputNumber.jsx
@@ -506,6 +506,11 @@ function Controls(props) {
 }
 Controls.style = style;
 
+/**
+ * InputNumber
+ *
+ * {@link https://developer.semrush.com/intergalactic/components/input-number/input-number-api/|API} | {@link https://developer.semrush.com/intergalactic/components/input-number/input-number-code/|Examples}
+ */
 export default createComponent(InputNumber, {
   Value,
   Controls,
diff --git a/semcore/input-tags/src/InputTags.tsx b/semcore/input-tags/src/InputTags.tsx
index c05bf896d1..13df42a711 100644
--- a/semcore/input-tags/src/InputTags.tsx
+++ b/semcore/input-tags/src/InputTags.tsx
@@ -411,6 +411,11 @@ function TagCloseButton(props: IRootComponentProps) {
   return sstyled(props.styles)(<STagContainerClose render={TagContainer.Close} />);
 }
 
+/**
+ * InputTags
+ *
+ * {@link https://developer.semrush.com/intergalactic/components/input-tags/input-tags-api/|API} | {@link https://developer.semrush.com/intergalactic/components/input-tags/input-tags-code/|Examples}
+ */
 const InputTags = createComponent<
   InputTagsComponent,
   typeof InputTagsRoot
diff --git a/semcore/input/src/Input.jsx b/semcore/input/src/Input.jsx
index 075b8d97f7..27ac36153e 100644
--- a/semcore/input/src/Input.jsx
+++ b/semcore/input/src/Input.jsx
@@ -166,6 +166,11 @@ function Addon(props) {
   );
 }
 
+/**
+ * Input
+ *
+ * {@link https://developer.semrush.com/intergalactic/components/input/input-api/|API} | {@link https://developer.semrush.com/intergalactic/components/input/input-code/|Examples}
+ */
 export default createComponent(Input, {
   Addon,
   Value,
diff --git a/semcore/link/src/Link.tsx b/semcore/link/src/Link.tsx
index 4c0ea6fdbc..66c703030b 100644
--- a/semcore/link/src/Link.tsx
+++ b/semcore/link/src/Link.tsx
@@ -140,6 +140,11 @@ function Addon(props: IRootComponentProps) {
   return sstyled(styles)(<SAddon render={Box} tag='span' />);
 }
 
+/**
+ * Link
+ *
+ * {@link https://developer.semrush.com/intergalactic/components/link/link-api/|API} | {@link https://developer.semrush.com/intergalactic/components/link/link-code/|Examples}
+ */
 const Link = createComponent<LinkComponent, typeof RootLink>(RootLink, {
   Text: LinkText,
   Addon,
diff --git a/semcore/mini-chart/src/component/score/Donut.tsx b/semcore/mini-chart/src/component/score/Donut.tsx
index 7bda790ee6..e0a625ec0d 100644
--- a/semcore/mini-chart/src/component/score/Donut.tsx
+++ b/semcore/mini-chart/src/component/score/Donut.tsx
@@ -127,6 +127,11 @@ class DonutRoot extends Component<
   }
 }
 
+/**
+ * MiniCharts.ScoreDount
+ *
+ * {@link https://developer.semrush.com/intergalactic/data-display/mini-chart/mini-chart-api|API} | {@link https://developer.semrush.com/intergalactic/data-display/mini-chart/mini-chart-code|Examples}
+ */
 export const ScoreDonut = createComponent<
   ScoreDonutComponent,
   typeof DonutRoot
@@ -134,6 +139,11 @@ export const ScoreDonut = createComponent<
 
 ScoreDonut.displayName = 'MiniChart.ScoreDonut';
 
+/**
+ * MiniCharts.ScoreSemiDount
+ *
+ * {@link https://developer.semrush.com/intergalactic/data-display/mini-chart/mini-chart-api|API} | {@link https://developer.semrush.com/intergalactic/data-display/mini-chart/mini-chart-code|Examples}
+ */
 export const ScoreSemiDonut = createComponent<
   ScoreDonutComponent,
   typeof DonutRoot
diff --git a/semcore/mini-chart/src/component/score/Line.tsx b/semcore/mini-chart/src/component/score/Line.tsx
index 317e5321fe..cc70b066cc 100644
--- a/semcore/mini-chart/src/component/score/Line.tsx
+++ b/semcore/mini-chart/src/component/score/Line.tsx
@@ -122,6 +122,11 @@ function Segment(props: InnerSegmentProps) {
 }
 Segment.displayName = 'Segment';
 
+/**
+ * MiniCharts.ScoreLine
+ *
+ * {@link https://developer.semrush.com/intergalactic/data-display/mini-chart/mini-chart-api|API} | {@link https://developer.semrush.com/intergalactic/data-display/mini-chart/mini-chart-code|Examples}
+ */
 export const ScoreLine = createComponent<
   ScoreLineComponent,
   typeof LineRoot
diff --git a/semcore/mini-chart/src/component/trend/Bar.tsx b/semcore/mini-chart/src/component/trend/Bar.tsx
index 48c001542a..c72d180066 100644
--- a/semcore/mini-chart/src/component/trend/Bar.tsx
+++ b/semcore/mini-chart/src/component/trend/Bar.tsx
@@ -102,6 +102,11 @@ class TrendBarRoot extends Trend<TrendBarProps, typeof TrendBarRoot.enhance, Tre
   }
 }
 
+/**
+ * MiniCharts.TrendBar
+ *
+ * {@link https://developer.semrush.com/intergalactic/data-display/mini-chart/mini-chart-api#trend-charts|API} | {@link https://developer.semrush.com/intergalactic/data-display/mini-chart/mini-chart-code|Examples}
+ */
 export const TrendBar = createComponent<
   TrendBarComponent,
   typeof TrendBarRoot
@@ -109,6 +114,11 @@ export const TrendBar = createComponent<
 
 TrendBar.displayName = 'MiniChart.TrendBar';
 
+/**
+ * MiniCharts.TrendHistogram
+ *
+ * {@link https://developer.semrush.com/intergalactic/data-display/mini-chart/mini-chart-api#trend-charts|API} | {@link https://developer.semrush.com/intergalactic/data-display/mini-chart/mini-chart-code|Examples}
+ */
 export const TrendHistogram = createComponent<
   TrendBarComponent,
   typeof TrendBarRoot
diff --git a/semcore/mini-chart/src/component/trend/Line.tsx b/semcore/mini-chart/src/component/trend/Line.tsx
index e41cb5e6fb..990e3a769b 100644
--- a/semcore/mini-chart/src/component/trend/Line.tsx
+++ b/semcore/mini-chart/src/component/trend/Line.tsx
@@ -150,10 +150,20 @@ class TrendLineRoot extends Trend<TrendLineProps, typeof TrendLineRoot.enhance,
   }
 }
 
+/**
+ * MiniCharts.TrendLine
+ *
+ * {@link https://developer.semrush.com/intergalactic/data-display/mini-chart/mini-chart-api#trend-charts|API} | {@link https://developer.semrush.com/intergalactic/data-display/mini-chart/mini-chart-code|Examples}
+ */
 export const TrendLine = createComponent<TrendLineComponent, typeof TrendLineRoot>(TrendLineRoot);
 
 TrendLine.displayName = 'MiniChart.TrendLine';
 
+/**
+ * MiniCharts.TrendArea
+ *
+ * {@link https://developer.semrush.com/intergalactic/data-display/mini-chart/mini-chart-api#trend-charts|API} | {@link https://developer.semrush.com/intergalactic/data-display/mini-chart/mini-chart-code|Examples}
+ */
 export const TrendArea = createComponent<TrendLineComponent, typeof TrendLineRoot>(
   TrendLineRoot,
   {},
diff --git a/semcore/modal/src/Modal.jsx b/semcore/modal/src/Modal.jsx
index 9f0df77be7..ecfd10dc9e 100644
--- a/semcore/modal/src/Modal.jsx
+++ b/semcore/modal/src/Modal.jsx
@@ -211,6 +211,11 @@ function Title(props) {
   return sstyled(styles)(<STitle render={Text} tag='h2' use:color={resolveColor(color)} />);
 }
 
+/**
+ * Modal
+ *
+ * {@link https://developer.semrush.com/intergalactic/components/modal/modal-api/|API} | {@link https://developer.semrush.com/intergalactic/components/modal/modal-code/|Examples}
+ */
 const Modal = createComponent(ModalRoot, {
   Window,
   Overlay,
diff --git a/semcore/notice-bubble/src/NoticeBubble.tsx b/semcore/notice-bubble/src/NoticeBubble.tsx
index 85d1be2315..fba6be7501 100644
--- a/semcore/notice-bubble/src/NoticeBubble.tsx
+++ b/semcore/notice-bubble/src/NoticeBubble.tsx
@@ -356,6 +356,11 @@ class ViewWarning extends ViewInfo {
   };
 }
 
+/**
+ * NoticeBubble
+ *
+ * {@link https://developer.semrush.com/intergalactic/components/notice-bubble/notice-bubble-api/|API} | {@link https://developer.semrush.com/intergalactic/components/notice-bubble/notice-bubble-code/|Examples}
+ */
 const NoticeBubbleContainer = createComponent<
   Intergalactic.Component<'div', NoticeBubbleContainerProps>,
   typeof NoticeBubbleContainerRoot
diff --git a/semcore/notice/src/Notice.jsx b/semcore/notice/src/Notice.jsx
index 7bf613aba8..0cf73a730e 100644
--- a/semcore/notice/src/Notice.jsx
+++ b/semcore/notice/src/Notice.jsx
@@ -148,6 +148,11 @@ function Close({ styles, getI18nText }) {
   );
 }
 
+/**
+ * Notice
+ *
+ * {@link https://developer.semrush.com/intergalactic/components/notice/notice-api/|API} | {@link https://developer.semrush.com/intergalactic/components/notice/notice-code/|Examples}
+ */
 const Notice = createComponent(RootNotice, {
   Label,
   Title: Title,
diff --git a/semcore/notice/src/NoticeSmart.jsx b/semcore/notice/src/NoticeSmart.jsx
index cbd1b6da7c..b408e01170 100644
--- a/semcore/notice/src/NoticeSmart.jsx
+++ b/semcore/notice/src/NoticeSmart.jsx
@@ -29,4 +29,9 @@ class NoticeSmart extends Component {
   }
 }
 
+/**
+ * NoticeSmart
+ *
+ * {@link https://developer.semrush.com/intergalactic/components/notice/notice-api#noticesmart|API} | {@link https://developer.semrush.com/intergalactic/components/notice/notice-code/|Examples}
+ */
 export default createComponent(NoticeSmart);
diff --git a/semcore/pagination/src/Pagination.jsx b/semcore/pagination/src/Pagination.jsx
index 1ba2cf87d1..22ab7e7e6d 100644
--- a/semcore/pagination/src/Pagination.jsx
+++ b/semcore/pagination/src/Pagination.jsx
@@ -378,6 +378,11 @@ class PageInput extends Component {
   }
 }
 
+/**
+ * Pagination
+ *
+ * {@link https://developer.semrush.com/intergalactic/components/pagination/pagination-api/|API} | {@link https://developer.semrush.com/intergalactic/components/pagination/pagination-code/|Examples}
+ */
 const Pagination = createComponent(PaginationRoot, {
   PrevPage,
   NextPage,
diff --git a/semcore/pills/src/Pills.tsx b/semcore/pills/src/Pills.tsx
index 3bbdca397a..458ca5e28b 100644
--- a/semcore/pills/src/Pills.tsx
+++ b/semcore/pills/src/Pills.tsx
@@ -141,6 +141,11 @@ export const wrapPills = <PropsExtending extends {}>(wrapper: (
   PropsExtending,
 ) => React.ReactNode) => wrapper as NSPills.WrapComponent<PropsExtending>;
 
+/**
+ * Pills
+ *
+ * {@link https://developer.semrush.com/intergalactic/components/pills/pills-api/|API} | {@link https://developer.semrush.com/intergalactic/components/pills/pills-code/|Examples}
+ */
 const Pills = createComponent<
   NSPills.Component,
   typeof RootPills
diff --git a/semcore/product-head/src/ProductHead.tsx b/semcore/product-head/src/ProductHead.tsx
index 6bbd751742..f11c05cb22 100644
--- a/semcore/product-head/src/ProductHead.tsx
+++ b/semcore/product-head/src/ProductHead.tsx
@@ -35,6 +35,11 @@ function Row(props: any) {
   return sstyled(props.styles)(<SRow render={Box} />);
 }
 
+/**
+ * Product Head
+ *
+ * {@link https://developer.semrush.com/intergalactic/components/product-head/product-head-api/|API} | {@link https://developer.semrush.com/intergalactic/components/product-head/product-head-code/|Examples}
+ */
 const Header = createComponent<
   HeaderComponent,
   typeof HeaderRoot
diff --git a/semcore/progress-bar/src/ProgressBar.tsx b/semcore/progress-bar/src/ProgressBar.tsx
index a94be8b0c5..ac90642e33 100644
--- a/semcore/progress-bar/src/ProgressBar.tsx
+++ b/semcore/progress-bar/src/ProgressBar.tsx
@@ -83,6 +83,11 @@ function Value(
   );
 }
 
+/**
+ * ProgressBar
+ *
+ * {@link https://developer.semrush.com/intergalactic/components/progress-bar/progress-bar-api/|API} | {@link https://developer.semrush.com/intergalactic/components/progress-bar/progress-bar-code/|Examples}
+ */
 const ProgressBar = createComponent<
   NSProgressBar.Component,
   typeof ProgressBarRoot
diff --git a/semcore/radio/src/Radio.tsx b/semcore/radio/src/Radio.tsx
index 6336203aad..026cd0fa3f 100644
--- a/semcore/radio/src/Radio.tsx
+++ b/semcore/radio/src/Radio.tsx
@@ -65,6 +65,11 @@ class RadioGroupRoot extends Component<
   }
 }
 
+/**
+ * RadioGroup
+ *
+ * {@link https://developer.semrush.com/intergalactic/components/radio/radio-api/|API} | {@link https://developer.semrush.com/intergalactic/components/radio/radio-code/|Examples}
+ */
 const RadioGroup = createComponent<
   NSRadio.Group.Component,
   typeof RadioGroupRoot
@@ -321,6 +326,11 @@ function Text(
 }
 Text.displayName = 'Text';
 
+/**
+ * Value
+ *
+ * {@link https://developer.semrush.com/intergalactic/components/radio/radio-api/|API} | {@link https://developer.semrush.com/intergalactic/components/radio/radio-code/|Examples}
+ */
 const Value = createComponent<
   NSRadio.Value.Component,
   typeof ValueRoot
@@ -329,6 +339,11 @@ const Value = createComponent<
   RadioMark,
 });
 
+/**
+ * Radio
+ *
+ * {@link https://developer.semrush.com/intergalactic/components/radio/radio-api/|API} | {@link https://developer.semrush.com/intergalactic/components/radio/radio-code/|Examples}
+ */
 const Radio = createComponent<
   NSRadio.Component,
   typeof RadioRoot
diff --git a/semcore/select/src/InputSearch.jsx b/semcore/select/src/InputSearch.jsx
index 1f7a44ffde..502472339b 100644
--- a/semcore/select/src/InputSearch.jsx
+++ b/semcore/select/src/InputSearch.jsx
@@ -111,6 +111,11 @@ function SearchClear(props) {
   return sstyled(styles)(<SSearchClear render={ButtonLink} addonLeft={CloseM} use='secondary' />);
 }
 
+/**
+ * InputSearch
+ *
+ * {@link https://developer.semrush.com/intergalactic/components/select/select-api#select-inputsearch|API} | {@link https://developer.semrush.com/intergalactic/components/select/select-code#option-filtering|Examples}
+ */
 const InputSearch = createComponent(InputSearchRoot, {
   SearchIcon: SearchIcon,
   Value: SearchValue,
diff --git a/semcore/select/src/Select.jsx b/semcore/select/src/Select.jsx
index 33bb985a02..841723f00c 100644
--- a/semcore/select/src/Select.jsx
+++ b/semcore/select/src/Select.jsx
@@ -477,6 +477,11 @@ const InputSearchWrapper = function () {
   return <Root render={InputSearch} />;
 };
 
+/**
+ * Select
+ *
+ * {@link https://developer.semrush.com/intergalactic/components/select/select-api/|API} | {@link https://developer.semrush.com/intergalactic/components/select/select-code/|Examples}
+ */
 const Select = createComponent(
   RootSelect,
   {
diff --git a/semcore/side-panel/src/SidePanel.jsx b/semcore/side-panel/src/SidePanel.jsx
index a546f4cc59..4d3af3567e 100644
--- a/semcore/side-panel/src/SidePanel.jsx
+++ b/semcore/side-panel/src/SidePanel.jsx
@@ -254,6 +254,11 @@ function Header(props) {
   );
 }
 
+/**
+ * SidePanel
+ *
+ * {@link https://developer.semrush.com/intergalactic/components/side-panel/side-panel-api/|API} | {@link https://developer.semrush.com/intergalactic/components/side-panel/side-panel-code/|Examples}
+ */
 const SidePanel = createComponent(RootSidePanel, {
   Overlay,
   Panel,
diff --git a/semcore/skeleton/src/Skeleton.tsx b/semcore/skeleton/src/Skeleton.tsx
index 8693c06d33..9c81ad5541 100644
--- a/semcore/skeleton/src/Skeleton.tsx
+++ b/semcore/skeleton/src/Skeleton.tsx
@@ -161,6 +161,11 @@ function Text(
   );
 }
 
+/**
+ * Skeleton
+ *
+ * {@link https://developer.semrush.com/intergalactic/components/skeleton/skeleton-api/|API} | {@link https://developer.semrush.com/intergalactic/components/skeleton/skeleton-code/|Examples}
+ */
 const Skeleton = createComponent<
   NSSkeleton.RenderComponent,
   typeof SkeletonRoot
@@ -168,6 +173,11 @@ const Skeleton = createComponent<
 
 export { Skeleton };
 
+/**
+ * Skeleton SVG
+ *
+ * {@link https://developer.semrush.com/intergalactic/components/skeleton/skeleton-api/|API} | {@link https://developer.semrush.com/intergalactic/components/skeleton/skeleton-code/|Examples}
+ */
 export default createComponent<
   NSSkeleton.Component,
   typeof SkeletonSVG
diff --git a/semcore/skeleton/src/charts/Area/Area.tsx b/semcore/skeleton/src/charts/Area/Area.tsx
index e30d44ab0c..a1803d0259 100644
--- a/semcore/skeleton/src/charts/Area/Area.tsx
+++ b/semcore/skeleton/src/charts/Area/Area.tsx
@@ -35,6 +35,11 @@ function AreaChartSkeleton(props: Intergalactic.InternalTypings.InferComponentPr
   );
 }
 
+/**
+ * AreaChartSkeleton
+ *
+ * {@link https://developer.semrush.com/intergalactic/components/skeleton/skeleton-api#areachartskeleton|API} | {@link https://developer.semrush.com/intergalactic/components/skeleton/skeleton-code#chart-skeleton|Examples}
+ */
 export default createComponent<
   NSSkeletonAreaChart.Component,
   typeof AreaChartSkeleton
diff --git a/semcore/skeleton/src/charts/Bar/Bar.tsx b/semcore/skeleton/src/charts/Bar/Bar.tsx
index 0e4e09d5c6..a20f02defb 100644
--- a/semcore/skeleton/src/charts/Bar/Bar.tsx
+++ b/semcore/skeleton/src/charts/Bar/Bar.tsx
@@ -39,6 +39,11 @@ function BarChartSkeleton(
   );
 }
 
+/**
+ * BarChartSkeleton
+ *
+ * {@link https://developer.semrush.com/intergalactic/components/skeleton/skeleton-api#barchartskeleton|API} | {@link https://developer.semrush.com/intergalactic/components/skeleton/skeleton-code#chart-skeleton|Examples}
+ */
 export default createComponent<
   NSSkeletonBarChart.Component,
   typeof BarChartSkeleton
diff --git a/semcore/skeleton/src/charts/Bubble/Bubble.tsx b/semcore/skeleton/src/charts/Bubble/Bubble.tsx
index d7f67e36ca..796be0db1a 100644
--- a/semcore/skeleton/src/charts/Bubble/Bubble.tsx
+++ b/semcore/skeleton/src/charts/Bubble/Bubble.tsx
@@ -24,6 +24,11 @@ function BubbleChartSkeleton() {
   );
 }
 
+/**
+ * BubbleChartSkeleton
+ *
+ * {@link https://developer.semrush.com/intergalactic/components/skeleton/skeleton-api/|API} | {@link https://developer.semrush.com/intergalactic/components/skeleton/skeleton-code/|Examples}
+ */
 export default createComponent<
   NSSkeletonBubbleChart.Component,
   typeof BubbleChartSkeleton
diff --git a/semcore/skeleton/src/charts/CompactHorizontalBar/CompactHorizontalBar.tsx b/semcore/skeleton/src/charts/CompactHorizontalBar/CompactHorizontalBar.tsx
index bf2b0b2c6f..92cf4ec980 100644
--- a/semcore/skeleton/src/charts/CompactHorizontalBar/CompactHorizontalBar.tsx
+++ b/semcore/skeleton/src/charts/CompactHorizontalBar/CompactHorizontalBar.tsx
@@ -24,6 +24,11 @@ function CompactHorizontalBarChartSkeleton() {
   );
 }
 
+/**
+ * CompactHorizontalBarChartSkeleton
+ *
+ * {@link https://developer.semrush.com/intergalactic/components/skeleton/skeleton-api/|API} | {@link https://developer.semrush.com/intergalactic/components/skeleton/skeleton-code/|Examples}
+ */
 export default createComponent<
   NSSkeletonCompactHorizontalBar.Component,
   typeof CompactHorizontalBarChartSkeleton
diff --git a/semcore/skeleton/src/charts/Donut/Donut.tsx b/semcore/skeleton/src/charts/Donut/Donut.tsx
index db8a2d30f3..37d241cb08 100644
--- a/semcore/skeleton/src/charts/Donut/Donut.tsx
+++ b/semcore/skeleton/src/charts/Donut/Donut.tsx
@@ -42,6 +42,11 @@ function DonutChartSkeleton(
   );
 }
 
+/**
+ * DonutChartSkeleton
+ *
+ * {@link https://developer.semrush.com/intergalactic/components/skeleton/skeleton-api#donutchartskeleton|API} | {@link https://developer.semrush.com/intergalactic/components/skeleton/skeleton-code#chart-skeleton|Examples}
+ */
 export default createComponent<
   NSSkeletonDonutChart.Component,
   typeof DonutChartSkeleton
diff --git a/semcore/skeleton/src/charts/Histogram/Histogram.tsx b/semcore/skeleton/src/charts/Histogram/Histogram.tsx
index 852d8f4096..d4022b482d 100644
--- a/semcore/skeleton/src/charts/Histogram/Histogram.tsx
+++ b/semcore/skeleton/src/charts/Histogram/Histogram.tsx
@@ -38,6 +38,11 @@ function HistogramChartSkeleton(
   );
 }
 
+/**
+ * HistogramChartSkeleton
+ *
+ * {@link https://developer.semrush.com/intergalactic/components/skeleton/skeleton-api#histogramchartskeleton|API} | {@link https://developer.semrush.com/intergalactic/components/skeleton/skeleton-code#chart-skeleton|Examples}
+ */
 export default createComponent<
   NSSkeletonHistogramChart.Component,
   typeof HistogramChartSkeleton
diff --git a/semcore/skeleton/src/charts/Line/Line.tsx b/semcore/skeleton/src/charts/Line/Line.tsx
index 1274481e18..194c364af6 100644
--- a/semcore/skeleton/src/charts/Line/Line.tsx
+++ b/semcore/skeleton/src/charts/Line/Line.tsx
@@ -38,4 +38,9 @@ function LineChartSkeleton(
   );
 }
 
+/**
+ * LineChartSkeleton
+ *
+ * {@link https://developer.semrush.com/intergalactic/components/skeleton/skeleton-api#linechartskeleton|API} | {@link https://developer.semrush.com/intergalactic/components/skeleton/skeleton-code/|Examples}
+ */
 export default createComponent<NSSkeletonLineChart.Component, typeof LineChartSkeleton>(LineChartSkeleton);
diff --git a/semcore/skeleton/src/charts/RadialTree/RadialTree.tsx b/semcore/skeleton/src/charts/RadialTree/RadialTree.tsx
index 7c7b02aa8b..0051b5fa38 100644
--- a/semcore/skeleton/src/charts/RadialTree/RadialTree.tsx
+++ b/semcore/skeleton/src/charts/RadialTree/RadialTree.tsx
@@ -24,4 +24,9 @@ function RadialTreeChartSkeleton() {
   );
 }
 
+/**
+ * RadialTreeChartSkeleton
+ *
+ * {@link https://developer.semrush.com/intergalactic/components/skeleton/skeleton-api#radialtreechartskeleton|API} | {@link https://developer.semrush.com/intergalactic/components/skeleton/skeleton-code/|Examples}
+ */
 export default createComponent<NSSkeletonRadialTreeChart.Component, typeof RadialTreeChartSkeleton>(RadialTreeChartSkeleton);
diff --git a/semcore/skeleton/src/charts/ScatterPlot/ScatterPlot.tsx b/semcore/skeleton/src/charts/ScatterPlot/ScatterPlot.tsx
index 01e7d05118..1ba2de2552 100644
--- a/semcore/skeleton/src/charts/ScatterPlot/ScatterPlot.tsx
+++ b/semcore/skeleton/src/charts/ScatterPlot/ScatterPlot.tsx
@@ -24,6 +24,11 @@ function ScatterPlotChartSkeleton() {
   );
 }
 
+/**
+ * ScatterPlotChartSkeleton
+ *
+ * {@link https://developer.semrush.com/intergalactic/components/skeleton/skeleton-api#scatterplotchartskeleton|API} | {@link https://developer.semrush.com/intergalactic/components/skeleton/skeleton-code/|Examples}
+ */
 export default createComponent<
   NSSkeletonScatterPlotChart.Component,
   typeof ScatterPlotChartSkeleton
diff --git a/semcore/skeleton/src/charts/Venn/Venn.tsx b/semcore/skeleton/src/charts/Venn/Venn.tsx
index b8badb455d..14085e780e 100644
--- a/semcore/skeleton/src/charts/Venn/Venn.tsx
+++ b/semcore/skeleton/src/charts/Venn/Venn.tsx
@@ -24,4 +24,9 @@ function VennChartSkeleton() {
   );
 }
 
+/**
+ * VennChartSkeleton
+ *
+ * {@link https://developer.semrush.com/intergalactic/components/skeleton/skeleton-api#vennchartskeleton|API} | {@link https://developer.semrush.com/intergalactic/components/skeleton/skeleton-code/|Examples}
+ */
 export default createComponent<NSSkeletonVennChart.Component, typeof VennChartSkeleton>(VennChartSkeleton);
diff --git a/semcore/slider/src/Slider.tsx b/semcore/slider/src/Slider.tsx
index f62264e3d8..7b33184da6 100644
--- a/semcore/slider/src/Slider.tsx
+++ b/semcore/slider/src/Slider.tsx
@@ -315,6 +315,11 @@ function Item(
   );
 }
 
+/**
+ * Slider
+ *
+ * {@link https://developer.semrush.com/intergalactic/components/slider/slider-api/|API} | {@link https://developer.semrush.com/intergalactic/components/slider/slider-code/|Examples}
+ */
 const Slider = createComponent<
   NSSlider.Component,
   typeof SliderRoot
diff --git a/semcore/spin-container/src/SpinContainer.jsx b/semcore/spin-container/src/SpinContainer.jsx
index 1ce40fc5d4..f58a00569d 100644
--- a/semcore/spin-container/src/SpinContainer.jsx
+++ b/semcore/spin-container/src/SpinContainer.jsx
@@ -109,6 +109,11 @@ function Content(props) {
   return sstyled(styles)(<SContent render={Box} />);
 }
 
+/**
+ * SpinContainer
+ *
+ * {@link https://developer.semrush.com/intergalactic/components/spin-container/spin-container-api/|API} | {@link https://developer.semrush.com/intergalactic/components/spin-container/spin-container-code/|Examples}
+ */
 const SpinContainer = createComponent(SpinContainerRoot, {
   Overlay,
   Content,
diff --git a/semcore/spin/src/Spin.tsx b/semcore/spin/src/Spin.tsx
index 0a875409ab..78652ba27f 100644
--- a/semcore/spin/src/Spin.tsx
+++ b/semcore/spin/src/Spin.tsx
@@ -44,6 +44,11 @@ class RootSpin extends Component<
   }
 }
 
+/**
+ * Spin
+ *
+ * {@link https://developer.semrush.com/intergalactic/components/spin/spin-api/|API} | {@link https://developer.semrush.com/intergalactic/components/spin/spin-code/|Examples}
+ */
 const Spin = createComponent<
   NSSpin.Component,
   typeof RootSpin
diff --git a/semcore/switch/src/Switch.tsx b/semcore/switch/src/Switch.tsx
index 2d99b5aee3..500594bafc 100644
--- a/semcore/switch/src/Switch.tsx
+++ b/semcore/switch/src/Switch.tsx
@@ -224,6 +224,11 @@ function Addon(
 
 export { inputProps };
 
+/**
+ * Switch
+ *
+ * {@link https://developer.semrush.com/intergalactic/components/switch/switch-api/|API} | {@link https://developer.semrush.com/intergalactic/components/switch/switch-code/|Examples}
+ */
 const Switch = createComponent<
   NSSwitch.Component,
   typeof SwitchRoot
diff --git a/semcore/tab-line/src/TabLine.tsx b/semcore/tab-line/src/TabLine.tsx
index a365b2f3b8..12a7db427c 100644
--- a/semcore/tab-line/src/TabLine.tsx
+++ b/semcore/tab-line/src/TabLine.tsx
@@ -249,6 +249,11 @@ function Addon(
   return sstyled(styles)(<SAddon render={Box} tag='span' />);
 }
 
+/**
+ * TabLine
+ *
+ * {@link https://developer.semrush.com/intergalactic/components/tab-line/tab-line-api/|API} | {@link https://developer.semrush.com/intergalactic/components/tab-line/tab-line-code/|Examples}
+ */
 const TabLine = createComponent<
   NSTabLine.Component,
   typeof TabLineRoot
diff --git a/semcore/tab-panel/src/TabPanel.tsx b/semcore/tab-panel/src/TabPanel.tsx
index f97d6252a8..1c2263330e 100644
--- a/semcore/tab-panel/src/TabPanel.tsx
+++ b/semcore/tab-panel/src/TabPanel.tsx
@@ -128,6 +128,11 @@ function Addon(
   return sstyled(styles)(<SAddon render={Box} tag='span' />);
 }
 
+/**
+ * TabPanel
+ *
+ * {@link https://developer.semrush.com/intergalactic/components/tab-panel/tab-panel-api/|API} | {@link https://developer.semrush.com/intergalactic/components/tab-panel/tab-panel-code/|Examples}
+ */
 const TabPanel = createComponent<
   NSTabPanel.Component,
   typeof TabPanelRoot
diff --git a/semcore/tag/src/Tag.tsx b/semcore/tag/src/Tag.tsx
index 88b1047ba9..6f36e64f70 100644
--- a/semcore/tag/src/Tag.tsx
+++ b/semcore/tag/src/Tag.tsx
@@ -354,6 +354,11 @@ function Circle(
   return sstyled(styles)(<SCircle render={Box} tag='span' tag-color={tagColor} />);
 }
 
+/**
+ * Tag
+ *
+ * {@link https://developer.semrush.com/intergalactic/components/tag/tag-api/|API} | {@link https://developer.semrush.com/intergalactic/components/tag/tag-code/|Examples}
+ */
 const Tag = createComponent<
   NSTag.Component,
   typeof RootTag
@@ -363,6 +368,11 @@ const Tag = createComponent<
   Circle,
 });
 
+/**
+ * TagContainer
+ *
+ * {@link https://developer.semrush.com/intergalactic/components/tag/tag-api/|API} | {@link https://developer.semrush.com/intergalactic/components/tag/tag-code/|Examples}
+ */
 export const TagContainer = createComponent<
   NSTag.Container.Component,
   typeof RootTagContainer
diff --git a/semcore/textarea/src/Textarea.jsx b/semcore/textarea/src/Textarea.jsx
index 863a9a5ce5..06ecf22321 100644
--- a/semcore/textarea/src/Textarea.jsx
+++ b/semcore/textarea/src/Textarea.jsx
@@ -137,4 +137,9 @@ class Textarea extends Component {
   }
 }
 
+/**
+ * STextarea
+ *
+ * {@link https://developer.semrush.com/intergalactic/components/textarea/textarea-api/|API} | {@link https://developer.semrush.com/intergalactic/components/textarea/textarea-code/|Examples}
+ */
 export default createComponent(Textarea);
diff --git a/semcore/time-picker/src/component/TimePicker/TimePicker.tsx b/semcore/time-picker/src/component/TimePicker/TimePicker.tsx
index 3d80691355..75afdacb4e 100644
--- a/semcore/time-picker/src/component/TimePicker/TimePicker.tsx
+++ b/semcore/time-picker/src/component/TimePicker/TimePicker.tsx
@@ -193,6 +193,11 @@ class Separator extends Component<TimePickerSeparatorProps> {
   }
 }
 
+/**
+ * TimePicker
+ *
+ * {@link https://developer.semrush.com/intergalactic/components/time-picker/time-picker-api/|API} | {@link https://developer.semrush.com/intergalactic/components/time-picker/time-picker-code/|Examples}
+ */
 const TimePicker = createComponent<
   TimePickerComponent,
   typeof TimePickerRoot
diff --git a/semcore/tooltip/src/Tooltip.jsx b/semcore/tooltip/src/Tooltip.jsx
index 07735c6dde..5e08520dcb 100644
--- a/semcore/tooltip/src/Tooltip.jsx
+++ b/semcore/tooltip/src/Tooltip.jsx
@@ -309,6 +309,11 @@ class DescriptionTooltipRoot extends TooltipRoot {
   }
 }
 
+/**
+ * Hint
+ *
+ * {@link https://developer.semrush.com/intergalactic/components/tooltip/tooltip-api/|API} | {@link https://developer.semrush.com/intergalactic/components/tooltip/tooltip-code/|Examples}
+ */
 export const Hint = createComponent(
   HintRoot,
   {
@@ -320,6 +325,11 @@ export const Hint = createComponent(
   },
 );
 
+/**
+ * Tooltip
+ *
+ * {@link https://developer.semrush.com/intergalactic/components/tooltip/tooltip-api/|API} | {@link https://developer.semrush.com/intergalactic/components/tooltip/tooltip-code/|Examples}
+ */
 export const Tooltip = createComponent(
   TooltipRoot,
   {
@@ -331,6 +341,11 @@ export const Tooltip = createComponent(
   },
 );
 
+/**
+ * DescriptionTooltip
+ *
+ * {@link https://developer.semrush.com/intergalactic/components/tooltip/tooltip-api/|API} | {@link https://developer.semrush.com/intergalactic/components/tooltip/tooltip-code/|Examples}
+ */
 export const DescriptionTooltip = createComponent(
   DescriptionTooltipRoot,
   {
diff --git a/semcore/typography/src/components/Blockquote/Blockquote.tsx b/semcore/typography/src/components/Blockquote/Blockquote.tsx
index b14ab2510c..c63a720483 100644
--- a/semcore/typography/src/components/Blockquote/Blockquote.tsx
+++ b/semcore/typography/src/components/Blockquote/Blockquote.tsx
@@ -29,6 +29,11 @@ function BlockquoteRoot(
 
 BlockquoteRoot.displayName = 'Blockquote';
 
+/**
+ * Blockquote
+ *
+ * {@link https://developer.semrush.com/intergalactic/style/typography/typography-api#blockquote|API} | {@link https://developer.semrush.com/intergalactic/style/typography/typography-code|Examples}
+ */
 const Blockquote = createBaseComponent<NSBlockquote.Component>(BlockquoteRoot);
 
 export default Blockquote;
diff --git a/semcore/typography/src/components/List/List.tsx b/semcore/typography/src/components/List/List.tsx
index 885822359b..27e5d51e7f 100644
--- a/semcore/typography/src/components/List/List.tsx
+++ b/semcore/typography/src/components/List/List.tsx
@@ -74,6 +74,11 @@ const Item = createComponent<
   typeof ItemRoot
 >(ItemRoot, { Content });
 
+/**
+ * List
+ *
+ * {@link https://developer.semrush.com/intergalactic/style/typography/typography-api#list|API} | {@link https://developer.semrush.com/intergalactic/style/typography/typography-code|Examples}
+ */
 const List = createComponent<
   NSList.Component,
   typeof ListRoot
diff --git a/semcore/typography/src/components/Text/Text.tsx b/semcore/typography/src/components/Text/Text.tsx
index 017e9f0fce..714e51ee67 100644
--- a/semcore/typography/src/components/Text/Text.tsx
+++ b/semcore/typography/src/components/Text/Text.tsx
@@ -134,6 +134,11 @@ class TextRoot extends Component<
   }
 }
 
+/**
+ * Text
+ *
+ * {@link https://developer.semrush.com/intergalactic/style/typography/typography-api#text|API} | {@link https://developer.semrush.com/intergalactic/style/typography/typography-code|Examples}
+ */
 const Text = createComponent<
   NSText.Component,
   typeof TextRoot
diff --git a/semcore/widget-empty/src/Error/index.jsx b/semcore/widget-empty/src/Error/index.jsx
index 3f879a0ed5..ce02e0ac30 100644
--- a/semcore/widget-empty/src/Error/index.jsx
+++ b/semcore/widget-empty/src/Error/index.jsx
@@ -29,4 +29,9 @@ class Error extends Component {
   }
 }
 
+/**
+ * WidgetEmpty Error
+ *
+ * {@link https://developer.semrush.com/intergalactic/components/widget-empty/widget-empty-api#error|API} | {@link https://developer.semrush.com/intergalactic/components/widget-empty/widget-empty-code/|Examples}
+ */
 export default createComponent(Error);
diff --git a/semcore/widget-empty/src/NoData/index.jsx b/semcore/widget-empty/src/NoData/index.jsx
index e0f42bd1eb..cef2aa6c0c 100644
--- a/semcore/widget-empty/src/NoData/index.jsx
+++ b/semcore/widget-empty/src/NoData/index.jsx
@@ -29,4 +29,9 @@ class NoData extends Component {
   }
 }
 
+/**
+ * WidgetEmpty NoData
+ *
+ * {@link https://developer.semrush.com/intergalactic/components/widget-empty/widget-empty-api/|API} | {@link https://developer.semrush.com/intergalactic/components/widget-empty/widget-empty-code/|Examples}
+ */
 export default createComponent(NoData);
diff --git a/semcore/widget-empty/src/WidgetEmpty.jsx b/semcore/widget-empty/src/WidgetEmpty.jsx
index 0860deda10..ac42bfce16 100644
--- a/semcore/widget-empty/src/WidgetEmpty.jsx
+++ b/semcore/widget-empty/src/WidgetEmpty.jsx
@@ -42,6 +42,11 @@ function Description(props) {
   return sstyled(styles)(<SDescription render={Box} />);
 }
 
+/**
+ * WidgetEmpty
+ *
+ * {@link https://developer.semrush.com/intergalactic/components/widget-empty/widget-empty-api/|API} | {@link https://developer.semrush.com/intergalactic/components/widget-empty/widget-empty-code/|Examples}
+ */
 export default createComponent(WidgetEmpty, {
   Title,
   Description,
diff --git a/semcore/wizard/src/Wizard.tsx b/semcore/wizard/src/Wizard.tsx
index 3a5faa611f..54698adb6f 100644
--- a/semcore/wizard/src/Wizard.tsx
+++ b/semcore/wizard/src/Wizard.tsx
@@ -354,6 +354,11 @@ function StepNext(props: Required<WizardStepNextProps> & IRootComponentProps) {
   );
 }
 
+/**
+ * Wizard
+ *
+ * {@link https://developer.semrush.com/intergalactic/components/wizard/wizard-api/|API} | {@link https://developer.semrush.com/intergalactic/components/wizard/wizard-code/|Examples}
+ */
 const Wizard = createComponent<
   WizardType,
   typeof WizardRoot