Feedback Components

Dev Design Library indexes 1,433 feedback components from 95 open-source UI libraries, with the most coming from Amicro Micro Transitions, ReUI, Watermelon UI, Shadcn Space and Origin UI. Each one links to its page with the source code, a live preview where available, the library license and the install command.

Showing 120 of 1,433, a mix from every library. Open a library to see all of its components.

• Alertshadcn/ui · ReactDisplays a callout for user attention.
• AlertMUI / Material UI · React
• Call ChipReact Bits · ReactInline tool-call chip whose fill wipes across while a live ms counter ticks, completing with a green wash on success…
• AlertdaisyUI · CSS (Tailwind)
• AlertChakra UI · ReactUsed to communicate a state that affects a system, feature or page.
• AlertHeroUI · ReactDisplays important messages and notifications to users with status indicators.
• LabelHeadless UI · React
• Animated Circular Progress BarMagic UI · ReactAnimated Circular Progress Bar is a component that displays a circular gauge with a percentage value.
• BadgeReact Spectrum · ReactBadges are used for showing a small amount of color-categorized metadata, ideal for getting a user's attention.
• Alertcoss ui · ReactA callout for displaying important information.
• BadgeOrigin UI · ReactA badge or a component that looks like a badge.
• BadgeRadix Themes · React
• Halo BadgeCult UI · ReactBadge with optional layout animation, live status dot, and gradient rim aligned with Halo Button / Card
• ProgressArk UI · React
• Error State Shaketransitions.dev · HTML/CSSInput that shakes sideways when the value is invalid.
• T
  Thinking OrbsLibraries.dev · ReactDotted thought-orb loading indicators for AI & agent UIs — nine tuned states, two sizes, auto dark/light
• BadgeTremor · React
• AlertReUI · ReactDisplays a callout for user attention, such as a success message, warning, or error.
• Alertpdfcn · ReactAlert PDF component (forme)
• Accordion LoaderAmicro Micro Transitions · ReactAccordion Loader loading animation.
• ConfirmationAI Elements · ReactAn alert-based component for managing tool execution approval workflows with request, accept, and reject states.
• AlertPark UI · ReactA component for displaying important notifications and feedback messages.
• AlertLobe UI · ReactAlert is a component used to display important messages or notifications to the user. It can be customized with…
• AI State LoadingKokonut UI · ReactAgent progress as a list of steps with a live log, elapsed time and a summary when done.
• badgeIntent UI · Reactbadge
• BadgesUntitled UI React · React
• Agent ActivitybeUI · ReactRenders progressive agent work as message content.
• AlertTailGrids · ReactA component to display important messages to the user, with support for different variants.
• Inline AI StatusRare UI · ReactAn inline status that shows what an AI is doing, from thinking and researching to writing and done.
• No AccessSpectrum UI · ReactA permission wall that names the owner and turns request into requested.
• BadgeSpell UI · ReactA badge component with multiple color variants and sizes.
• AlertVengeance UI · React
• BadgeFluid Functionalism · ReactCompact label with solid, dot, and ghost variants, Tailwind color palette, and three sizes.
• Reading ProgressUser Interface Wiki · React
• AlertToolcraft · React
• BadgeLaunch UI · React
• AlertPanel UI · React NativeStatus message with a built-in icon.
• Alert-01 - Alert with Password DetailShadcn Space · ReactAlert component
• Helix SpinnerPixel Perfect · ReactA column of bars, each offset a few degrees on the Y axis, spinning together as a twisting 3D helix.
• Spin LoaderOpenSourceUI · ReactMinimal spinning loader built on a lucide icon — defaults to Loader, but pass any icon prop. Sizes: sm, md, lg.
• Bucketuselayouts · ReactAn interactive card component that simulates a bucket where chips are tossed and replaced with smooth physics-inspired…
• Agent HandoffKinetics · HTML/CSSOne agent hands the live context to the next along a trace
• Agent ThinkingBoardUI · ReactAgent thinking indicators for chat composers.
• Coss BadgeComponentry · React
• Category BarTremor Blocks · ReactSingle horizontal bar split into coloured segments, with threshold labels and an optional marker for the current value.
• AlertShadcn Dashboard · React
• Animated Circular Progress BarAnimations (Svelte) · SvelteA circular progress bar component with animated transitions between primary and secondary colors.
• ContextAI Elements (Svelte) · SvelteA hover-card-based context window usage component with token, cost, and model usage breakdowns.
• Interest ChipsSwiftPieces · SwiftUIWrapping glass chips for picking several things: each floods red as its check grows in, and a limit dims the rest and…
• Animated ListBadtz UI · ReactA sophisticated animation component that creates dynamic column-based transitions with scaling effects. Perfect for…
• AlertObsidianUI · React
• AI Overview CitationNotra · ReactA source chip built on shadcn Badge and HoverCard.
• Deployment ChecklistGreatUI · React
• Badges 04Oxbow UI · AstroLeft and right badge
• BadgeNexvyn UI · ReactA compact status label with solid, muted, and dot variants for tagging content inline.
• Channel Stripaudiocn · ReactOne channel of a mixer: header, status, meter, fader, value, controls and a notice, as a row or a console strip. The…
• Notification CenterForge UI · ReactBeautifully animated mobile UI showcasing notifications with hover-triggered transitions and customizable content…
• badgeBaseLayer · ReactA badge is a small label that can be used to display information or status.
• Image LoaderGenerative Loaders · React
• AlertShark UI · ReactDisplays an alert for user attention.
• SkeletonRewamp UI · ReactShared Skeleton primitive Pulsing block styled with brand tokens and subtle lilac shimmer sweep…
• ConfettiButtonEvil Buttons · ReactA ringed dark button with a sparkle icon that fires a restrained confetti burst on click.
• OrbAI CSS · React
• Dithered 40423rd.dev · ReactBayer-pixel 404 section: a fireball cursor scorches the glyph, burns it into embers and smoke, then reforms. Optional…
• ChipSona UI · React
• AlertWatermelon UI · React
• AlertArc Library · ReactA persistent message that helps people recover or continue.
• Data Table Emptysv-table · SvelteA table row for displaying a clear empty or filtered-results state.
• Glass Alertglasscn · ReactGlass Alert with five variants: clear, frosted, subtle, liquid, and liquid-refract
• Announcement BannerUI Lab · ReactDismissing folds the bar away and the page slides up to fill the gap.
• AlertHextaUI · ReactInline messages for status and feedback, with a neutral surface, a colored icon and a dismiss that collapses smoothly.
• Streaming Speech PanelLocalMode · ReactA streaming-TTS status surface: active state (WaveformActivityBars + spinner, synthesizing/playing label…
• Agent stateCojeev UI · ReactA sculpted, living status field that changes contour and color as an agent thinks, works, asks for input, or finishes.
• Sliding Arrow LabelMicroKit · ReactA text label that gets a bright surface while an arrow slides in beside it.
• AlertROI UI · ReactA component for displaying important messages to users.
• Loading skeletonFLX UI · ReactSkeleton placeholder while the avatar loads.
• Animated ListVelora UI · ReactLooping feed that springs each item in, newest on top.
• Aisuggestion BadgeHalaska UI · React
• Animated Status Dotsv-particles · Svelte
• ChipsPin UI · React
• ChipMetal UI · React + SwiftUIA small pill with an optional leading LED or glyph and trailing actions: suggestion, glass, glass-action and tag.
• AlertSpaceUI · ReactDisplays a prominent message box for important notices, warnings, or success messages to keep users informed without…
• Aria AlertReScript shadcn · ReScript
• BellSora UI · ReactNotification bell that rattles from its hanger on trigger — a decaying rotation pivot.
• Notif MorphZAYX · React NativeA notification stack that morphs between rows like follows and likes, with springy row height changes.
• Dynamic Notch Activity IndicatorCue Foundations · React
• AlertOUI · ReactA shadcn Alert for a form displaying form action result.
• Liquid AlertLiquefy UI · ReactAlert message box in liquid glass style. Caixa de alerta em estilo vidro líquido.
• AlertD2Studio UI · ReactDisplays a callout for user attention.
• Agent Loading StatesEaseUI · ReactThree loading states for AI interfaces: shimmering status text, live agent progress, and cycling reasoning phrases.
• Glass AlertOpaline · ReactA callout on frosted glass, tinted by intent: info, success, warning or destructive.
• BadgeFibo · ReactA short label for status, category or count.
• AI AsistantReactFrame · ReactA dotted status light with two layouts, Mesh grid and Halo rings, across three animated states (Waiting, Listening…
• Image Generation LoaderAceternity UI · React
• Alertark-cn · ReactA shadcn-style alert component built with Ark UI primitives.
• Badgeshadcn/ui · ReactDisplays a badge or a component that looks like a badge.
• BadgeMUI / Material UI · React
• Hold ButtonReact Bits · ReactHold-to-confirm button whose liquid fill rises while pressed, snaps back on an early release and swaps its label…
• BadgedaisyUI · CSS (Tailwind)
• BadgeChakra UI · ReactUsed to highlight an item's status for quick recognition.
• BadgeHeroUI · ReactDisplays a small indicator positioned relative to another element, commonly used for notification counts, status dots…
• Animated ListMagic UI · ReactA list that animates each item in sequence with a delay. Used to showcase notifications or events on your landing page.
• Illustrated MessageReact Spectrum · ReactAn IllustratedMessage displays an illustration and a message, usually for an empty state or an error page.
• Badgecoss ui · ReactA badge or a component that looks like a badge.
• ProgressOrigin UI · ReactDisplays the status of a task that takes a long time.
• CalloutRadix Themes · React
• Halo NotificationCult UI · ReactPolished notification surface for local AnimatePresence use with rim variants and glyph stagger
• Organic Shimmertransitions.dev · HTML/CSSLoading placeholder with an irregular, organic sheen moving across it.
• CalloutTremor · React
• BadgeReUI · ReactBadges are used to highlight items, notify users, or display statuses.
• Badgepdfcn · ReactBadge PDF component (forme)
• AI Floating Action PillAmicro Micro Transitions · ReactGlassmorphic floating quick-action pill dock for instant generative prompts and actions.
• SuggestionAI Elements · ReactA suggestion component that displays a horizontal row of clickable suggestions for user interaction.
• BadgePark UI · ReactA component for displaying small labels and status indicators.
• EmptyLobe UI · ReactEmpty component displays an empty state with customizable icon, emoji, image, title, description, and action buttons…
• AI Text LoadingKokonut UI · ReactAI thinking text with a soft wave through the letters and words that swap letter by letter.
• loaderIntent UI · Reactloader
• Dot IconUntitled UI React · React
• AlertbeUI · ReactFeedback that eases in and folds away.
• BadgeTailGrids · ReactBadge component with multiple colors, sizes, and support for prefix/suffix icons.

Libraries with feedback components

• Amicro Micro Transitions
• ReUI
• Watermelon UI
• Shadcn Space
• Origin UI

Related categories

• React Feedback Components
• Tailwind CSS Feedback Components
• Svelte Feedback Components
• React Native Feedback Components
• Animated Feedback Components
• shadcn/ui Feedback Components
• Badge Components
• Spinner Components
• Progress Components
• Alert Components
• Chip Components
• Progress Bar Components
• Empty State Components
• Notification Components
• Status Indicator Components
• Skeleton Components
• Banner Components
• Typing Indicator Components
• Progress Circle Components
• Error State Components
• Success Animation Components
• Scroll Progress Components