Halaska UI
A single-file React UI kit for AI products, built on shadcn/ui.
TemplateFreeWeb
4.3Visit
Framework
affectUI
Agent-ready React components, screens and blocks for AI products and SaaS.
Built with love by Shushant Lakhyani. Building bestproductivityresources.com
What is affectUI?
affectUI is a library of React components, screens and blocks designed for AI products and SaaS apps. Each item is a single file with no dependencies, so you can add it yourself or let Claude, Cursor or v0 add it for you. Some items are free, and Pro is a one-time purchase.
Pros
- Single-file components with no dependencies
- Easy for AI tools to drop in
- Pro is a one-time payment
Cons
- Full library needs Pro
- React only
Who should use affectUI
Developers building AI products who want ready-made chat and SaaS interface pieces.
Who may not need it
Projects not using React.
affectUI alternatives
Similar resources to affectUI, picked from the directory.
OpenUI
An open standard for streaming generative user interfaces.
FrameworkFreeWeb, Cross-Platform
4.7Visit
Astryx Design System
An open-source design system that is fully customizable and agent ready.
FrameworkFreeWeb
4.6Visit
shadcn/ui
Beautifully designed, accessible components you own and customize.
FrameworkFreeWeb
4.9Visit
Annnimate
Production-grade GSAP components for React, Vue and HTML that ship at studio quality.
WebsiteFree planWeb
4.8Visit
Libraries.dev
High-crafted UI effect libraries for AI agents and modern apps.
WebsiteFree planWeb
4.8Visit
Free alternatives to affectUI
Free resources that cover similar ground.
Web Artifacts Builder Skill
An official Claude skill for building elaborate React, Tailwind and shadcn/ui artifacts on claude.ai.
AI ToolFreeWeb
4.8Visit
React Bits
Animated UI components for React.
FrameworkFreeWeb
4.7Visit
23rd
Opinionated UI components for people who ship, as a shadcn/ui registry.
WebsiteFreeWeb
4.6Visit
Kokonut UI
100+ free, open-source UI components for React and Tailwind CSS.
FrameworkFreeWeb
4.6Visit
Great UI
Accessible, copy-paste React and Tailwind components with motion built in.
FrameworkFreeWeb
4.4Visit
Agentation
The visual feedback tool for AI coding agents.
AI ToolFreeWeb, Cross-Platform
4.3Visit
Featured on Best Productivity Resources
Made affectUI? Add this free badge to your website or README. It links to this page.
<a href="https://bestproductivityresources.com/resources/affectui" target="_blank" rel="noopener"><img src="https://bestproductivityresources.com/badges/featured-light.svg" alt="Featured on Best Productivity Resources" width="250" height="54" /></a>Free Notion database
1,100+ ways people are making money online
Real online businesses, creators and projects, broken down by how they make money: apps, online stores, AI tools and more. Free on Gumroad.
Get the free databaseFree Notion database
399+ ways to make money online
Hundreds of online income methods in one place, so you can compare options and pick one to try. Free on Gumroad.
Get the free listFor research and ideas only. Results vary and nothing here is a promise of income. See our Disclaimer.
Weekly newsletter
New tools and visual guides, every Monday.
One short email a week with the best new tools and websites, plus my latest visual guides. Free, and you can unsubscribe anytime.
Join the newsletterYou sign up on Gumroad, which stores your email to send the newsletter. See our Privacy Policy.