React Suggestions Components
Dev Design Library indexes 18 React suggestions components from 11 open-source UI libraries, with the most coming from Halaska UI, Spectrum UI, Watermelon UI, AI Elements and LocalMode. Each one links to its page with the source code, a live preview where available, the library license and the install command. Every library in this list targets React. 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.
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 React suggestions components
Related categories
- Suggestions Components
- Tailwind CSS Suggestions Components
- Animated Suggestions Components
- React AI Element Components
- React Prompt Input Components
- React AI Orb Components
- React Conversation Components
- React Attachment Components
- React Thinking Indicator Components
- React Model Selector Components
- React Voice Input Components
- React Sources Components
- React Tool Call Components
- React Streaming Text Components
- React Citation Components
- React AI Message Components
- React Reasoning Components
- React Task Queue Components
- React Agent Plan Components