Your demo works for me btw, it said Javascript
--
You received this message because you are subscribed to the Google Groups "Chrome Built-in AI Early Preview Program Discussions" group.
To unsubscribe from this group and stop receiving emails from it, send an email to chrome-ai-dev-previe...@chromium.org.
To view this discussion visit https://groups.google.com/a/chromium.org/d/msgid/chrome-ai-dev-preview-discuss/CAK2avF8%3DfJMKEkZdzQwecoQJhrENENiJimL4%2B%3DjgZ%2BfU0ByLFA%40mail.gmail.com.
A production-ready React component library that provides plug-and-play AI components using Chrome's built-in AI capabilities. Think of it like Material-UI, but specifically designed for AI interactions.
📦 Package: @yallaling/ai-ui-components
🔗 NPM: https://www.npmjs.com/package/@yallaling/ai-ui-components
📚 Documentation: https://yallaling.github.io/ai-ui-components/
🔧 GitHub: https://github.com/yallaling/ai-ui-components
AISummarizer – Text summarization with multiple formats (TL;DR, key points, headlines)
AITranslator – Multi-language translation with 10+ supported languages
AIRewriter – Content improvement with tone and style control
AILanguageDetector – Automatic language detection with confidence scoring
AIWriter – AI-assisted content creation
AIChat – Complete chat interface for AI conversations
AIPrompt – Smart prompt input with validation
TypeScript First – Full type safety and IntelliSense support
Tree Shakeable – Import only what you need
Storybook Integration – Interactive component playground
Modern Build – ESM/CJS support with Rollup
Testing Ready – Jest + React Testing Library setup
CI/CD Ready – GitHub Actions workflow included
Responsive Design – Works on all screen sizes
Accessibility – WCAG compliant with ARIA labels
Copy & Download – One-click copy to clipboard and file downloads
Resizable Components – Drag to resize for optimal layout
Streaming Support – Real-time AI responses
bashnpm install @yallaling/ai-ui-components
tsximport { AISummarizer, AITranslator, Toaster } from '@yallaling/ai-ui-components'; function App() { return ( <div> <AISummarizer type=\"key-points\" format=\"markdown\" allowCopy={true} allowDownload={true} placeholder=\"Enter text to summarize...\" /> <AITranslator sourceLanguage=\"en\" targetLanguage=\"es\" streaming={true} showControls={true} /> </div> ); }
Chrome 138+ Required – This library uses Chrome's experimental AI APIs, so users need:
Chrome 138 or later
Enable AI flags at chrome://flags/
Currently Chrome-exclusive (other browsers not supported)
Rapid Prototyping – Get AI features running in minutes
Learning Chrome AI – Real examples with proper TypeScript types
Production Apps – Battle-tested components with error handling
Content Management – Summarization and rewriting tools
International Apps – Built-in translation capabilities
Educational Platforms – Language detection and AI assistance
Documentation Sites – Auto-summarization of content
Creative Tools – AI-powered writing assistance
📦 NPM Package: https://www.npmjs.com/package/@yallaling/ai-ui-components
📚 Live Documentation: https://yallaling.github.io/ai-ui-components/
🔧 GitHub Repository: https://github.com/yallaling/ai-ui-components
🎮 Interactive Playground: Run npm i @yallaling/ai-ui-components && npm run storybook
I'd love to hear your thoughts! Whether you're building AI applications, exploring Chrome's AI capabilities, or just curious about the technology:
GitHub Issues: Report bugs or request features
Email: yallal...@gmail.com
Try it out and let me know what you build with it!
Best regards,
Yallaling Goudar