Skip to content
Affect UI website preview

Affect UI

affectui.com

Agent-ready React components, screens, and blocks for AI products and SaaS — one dependency-free file each, added by hand or by Claude, Cursor, or v0.

What is Affect UI?

affectUI ships React components, full screens, and blocks aimed at AI products and SaaS dashboards. Each piece is a single file with no dependencies, following the shadcn convention so you can paste it in yourself or hand the task to an AI coding agent. Free items are available, with Pro offered as a one-time purchase.

Best for

  • Building AI chat and agent interfaces
  • SaaS dashboards with copy-paste components
  • AI-agent-driven frontend workflows

Key features

  • Single-file, dependency-free components
  • Screens and blocks for AI products
  • shadcn-style dark mode convention
  • Works with Claude, Cursor, and v0
  • Free items plus one-time Pro purchase
Tailgrids UI website preview

React and Tailwind CSS component library with 600+ components and blocks, a CLI, prebuilt templates and a matching Figma design system.

ReactTailwindComponents+1
Appica UI website preview

A free, open-source React component library built on Base UI, styled with Tailwind, animated with Motion — 70+ polished components for humans and AI agents.

ReactTailwindDesign Systems+3
Componentry website preview

Beautiful, animated React UI components with styling and motion already handled — built with Tailwind CSS, TypeScript and Framer Motion.

ReactTailwindFramer Motion+2