Suggestions Components

Dev Design Library indexes 19 suggestions components from 12 open-source UI libraries, with the most coming from Halaska UI, Spectrum UI, Watermelon UI, AI Elements and AI Elements (Svelte). Each one links to its page with the source code, a live preview where available, the library license and the install command. Suggestions components belong to the AI group.

• Ai Message SuggestionReact Spectrum · React
• Shortcode suggestionsReUI · ReactA design review reply where typing a colon shortcode shows emoji suggestions under the field.
• SuggestionAI Elements · ReactA suggestion component that displays a horizontal row of clickable suggestions for user interaction.
• Chat Empty StateSpectrum UI · ReactA first-run greeting with staggered suggestion chips.
• SuggestionAI Elements (Svelte) · SvelteA compact suggestion button set for displaying prompt ideas and quick actions.
• AutocompleteShark UI · React
• Predictive TextWatermelon UI · React
• Email Typo FixUI Lab · ReactCatches gmial.com and fixes it by moving only the letters that were wrong.
• SuggestionsLocalMode · ReactA horizontal row of selectable prompt chips; each Suggestion invokes a callback with its text to seed the composer.
• Aisuggestion BadgeHalaska UI · React
• AI BlockD2Studio UI · ReactAI prompt template grid with creative prompts, summarizer, story, poetry and study presets.
• Search BarReactFrame · ReactAn accessible animated search field with a live suggestions menu, keyboard navigation, a clear button, a loading…
• No Search ResultsSpectrum UI · ReactA no-results state that echoes the query and resolves when a suggestion is taken.
• Predictive Text BaseWatermelon UI · React
• Inline Assist PatternHalaska UI · React
• Streaming TextSpectrum UI · ReactA streamed answer with inline citations, sources, and follow-ups.
• Nudge PatternHalaska UI · React
• Suggestion BannerSpectrum UI · ReactAn inline AI suggestion with apply and dismiss.
• Recommendation PatternHalaska UI · React

Libraries with suggestions components

• Halaska UI
• Spectrum UI
• Watermelon UI
• AI Elements
• AI Elements (Svelte)

Related categories

• React Suggestions Components
• Tailwind CSS Suggestions Components
• Animated Suggestions Components
• AI Element Components
• Prompt Input Components
• AI Orb Components
• Conversation Components
• Attachment Components
• Thinking Indicator Components
• Voice Input Components
• Model Selector Components
• Tool Call Components
• Sources Components
• Streaming Text Components
• Reasoning Components
• AI Message Components
• Citation Components
• Task Queue Components
• Agent Plan Components