Affectui
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.
github.com/flohoeller/affectui (opens in a new tab)
Data as of from the GitHub API; description from the project's repository. Report an error
Get started
Copy the files into a new folder with degit (no git history), or clone the repository with git.
npx degit flohoeller/affectui my-ui
cd my-ui
npm install # then run the dev script from the READMEgit clone --depth 1 https://github.com/flohoeller/affectui.git my-uiSources: GitHub docs on template repositories, degit.
About Affectui
Website · Browse components · Docs · Install · 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.
Built with
- React
- Next.js
- shadcn/ui
- TypeScript
Similar templates
More UI components & kits
Editorcn
shadcn-labs/editorcn
Beautiful rich text editor components for React, built on Tiptap.
Maintained · last commit Oct 27, 2026
OfficialUI components & kitsTypeScriptShadcn Map
tonghohin/shadcn-map
A map component for shadcn/ui.
Maintained · last commit Oct 7, 2026
UI components & kitsTypeScriptMagento2 CronjobManager
Ethan3600/magento2-CronjobManager
Cron Job Manager for Magento 2.
Maintained · last commit Jul 21, 2026
UI components & kitsPHPElement Pro Components
tolking/element-pro-components
A component library for Vue 3 base on element-plus.
Maintained · last commit May 19, 2026
UI components & kitsTypeScriptKpc
ksc-fe/kpc
A UI Components Library for Intact, Vue, React and Angular.
Maintained · last commit Oct 9, 2026
UI components & kitsTypeScriptShadcn Timeline
timDeHof/shadcn-timeline
Customizable and re-usable timeline component for you to use in your projects.
Maintained · last commit May 7, 2026
UI components & kitsJavaScript
How do I use Affectui?
Copy the files into a new folder with npx degit flohoeller/affectui my-ui (no git history), or fork the repository on GitHub. Then follow the README for the install and dev commands.
Can I use Affectui for commercial projects?
Yes. Affectui is released under the MIT license, a permissive license that allows commercial use as long as you keep the copyright and license notice. Third-party assets bundled with it (images, fonts, icons) may have their own terms.
Is Affectui maintained?
The repository's most recent commit was on Oct 27, 2026. appsgit only lists templates from repositories with a commit in the last six months.