Overview
This collection provides 100 free AI UI components, each as a single HTML file that can be copied into any project without a library or build step. The components cover prompt inputs, thinking and loading states, chat messages, answer feedback, tokens and usage, model and settings, chat layouts, agents and tools, voice and media, and trust and onboarding. They are designed to be used in personal and business projects under the MIT license. The page states: "Each component is one HTML file you can copy into any project. No library, no build step." and "All 100 components are ready. Free for personal and business use." The components include live demos with light and dark mode, and users can copy the code directly. The collection is organized into 10 categories, with examples such as prompt boxes, thinking states, token meters, answer ratings, and agent tools. As the page says: "Prompt boxes, thinking states, token meters, answer ratings and agent tools." and "Open a component to try the live demo, switch between light and dark mode, and copy the code."
Pricing
Free
Detailed plans have not been confirmed in our catalog. Check the official website for current limits and billing terms.
Visit WebsitePrices and limits may change. Confirm the currency, billing period, seat minimum and usage caps on the official website.
Use Cases
- Developers use the components to quickly add AI chat interfaces to web projects without building from scratch.
- Designers use the components to prototype AI app interfaces with ready-made elements like prompt boxes and thinking states.
- Product teams use the components to implement token usage meters and cost tracking in AI applications.
- AI app builders use the components to add answer feedback mechanisms such as thumbs up/down and star ratings.
- Developers use the components to create chat layouts with sidebars, search, and pinned conversations.
- Teams use the components to integrate voice input and media handling into AI chat interfaces.
- Developers use the components to add model selection and settings controls like creativity sliders and system prompt editors.
- AI product teams use the components to implement trust and onboarding features such as privacy controls and welcome screens.
Features
One hundred AI interface components
Prompt box components
Thinking animation components
Token meter components
Answer rating components
Standalone HTML CSS JavaScript files
MIT licensed component collection
Reviews
No reviews yet. Be the first to share your experience!