# Affectui (UI components & kits)

> Affectui is a free, open-source UI component library built with React, Next.js and shadcn/ui. Handcrafted React components, illustrations and motion for AI products. It has 357 GitHub stars and is released under the MIT license. A live demo is linked from this page.

Website &nbsp;·&nbsp; Browse components &nbsp;·&nbsp; Docs &nbsp;·&nbsp; Install &nbsp;·&nbsp; Pro affectUI is a library of handcrafted React components, illustrations and motion effects for AI products and modern SaaS apps. Every item is one.tsx file with its styles inside: no Tailwind, no CSS setup, no animation library. Install it with the shadcn CLI or copy the file, and it is source you own.

## Key facts

| Fact | Value |
|---|---|
| Repository | https://github.com/flohoeller/affectui |
| Built with | React, Next.js, shadcn/ui, TypeScript |
| Live demo | https://www.affectui.com |
| GitHub template repository | no |
| GitHub stars | 357 |
| License | MIT |
| Language | TypeScript |
| Official | no |
| Category | UI components & kits |
| Latest release | none |
| Last commit | Oct 27, 2026 |

## Get started

### Copy with degit

```sh
npx degit flohoeller/affectui my-ui
cd my-ui
npm install   # then run the dev script from the README
```

### Or clone with git

```sh
git clone --depth 1 https://github.com/flohoeller/affectui.git my-ui
```

Commercial use depends on the MIT license. Sources: https://docs.github.com/en/repositories/creating-and-managing-repositories/creating-a-repository-from-a-template, https://github.com/Rich-Harris/degit

## Similar templates

- [Editorcn](https://appsgit.com/templates/editorcn): Beautiful rich text editor components for React, built on Tiptap. (359 stars, MIT, official)
- [Shadcn Map](https://appsgit.com/templates/shadcn-map): A map component for shadcn/ui. (350 stars, MIT)
- [Magento2 CronjobManager](https://appsgit.com/templates/magento2-cronjobmanager): Cron Job Manager for Magento 2. (365 stars, OSL-3.0)
- [Element Pro Components](https://appsgit.com/templates/element-pro-components): A component library for Vue 3 base on element-plus. (326 stars, MIT)
- [Kpc](https://appsgit.com/templates/kpc): A UI Components Library for Intact, Vue, React and Angular. (371 stars, MIT)
- [Shadcn Timeline](https://appsgit.com/templates/shadcn-timeline): Customizable and re-usable timeline component for you to use in your projects. (317 stars, MIT)

---

Canonical page: https://appsgit.com/templates/affectui
Source: appsgit (https://appsgit.com), the app store for github. Data from the GitHub API, refreshed daily.
Machine access: JSON API https://appsgit.com/api/v1/apps (OpenAPI: https://appsgit.com/openapi.json), MCP server https://mcp.appsgit.com/mcp, full index https://appsgit.com/llms-full.txt.
