Analysis updated 2026-05-18
Add an animated card carousel or arc layout to a React landing page
Copy a single micro-interaction component's source directly into a project
Build a portfolio or product page with polished hover and card animations
Style animated components for both dark and light mode without extra setup
| subhan-code/amicro--micro-transitions- | yyx990803/vue-wordle | xw7872081123/wallpaper-engine-steam | |
|---|---|---|---|
| Stars | 601 | 601 | 608 |
| Language | TypeScript | TypeScript | TypeScript |
| Last pushed | — | 2023-02-07 | — |
| Maintenance | — | Dormant | — |
| Setup difficulty | easy | easy | easy |
| Complexity | 2/5 | 1/5 | 1/5 |
| Audience | developer | vibe coder | general |
Figures from each repo's GitHub metadata at analysis time.
Requires Node 18+, React 18 or 19, Tailwind CSS 3 or 4, and Motion installed first.
Amicro is a library of ready-made animation components for React websites and apps. Instead of building fancy hover effects and card animations from scratch, developers can pull individual pieces of code directly into their project and use them right away. It focuses specifically on small polished touches, often called micro-interactions, plus a large set of animated card layouts. The project ships as a command line tool. Running one command sets up the necessary configuration in a React, Next.js, or Vite project, and a second command copies a chosen component's actual source code into the codebase rather than installing it as a hidden dependency. This means developers can see and edit exactly what they add, with no extra runtime weight added to their app. The card components make up the bulk of what is offered. There are cards that fan out in a curved arc, cards that spread in a straight line, cards that scatter like a dealt hand of playing cards, cards that spin in a radial wheel pattern, and a 3D carousel styled after Apple's cover flow browsing style, among several others. Each one has its own install command so a developer only pulls in the pieces they actually plan to use. The components support both dark and light color themes out of the box and are built on top of the Motion animation library for React, so hardware accelerated transitions handle the actual movement work. To use it, a project needs Node.js version 18 or newer, React 18 or 19, Tailwind CSS version 3 or 4, and either the Motion or Framer Motion package installed. The project is created by an individual developer and is released under the MIT license, meaning it can be freely used, modified, and included in both personal and commercial projects.
A copy-paste library of animated card layouts and hover effects for React projects, installed via a CLI.
Mainly TypeScript. The stack also includes TypeScript, React, Motion.
Use freely for any purpose, including commercial use, as long as you keep the copyright notice.
Setup difficulty is rated easy, with roughly 5min to a first successful run.
Mainly developer.
This repo across BitVibe Labs
Verify against the repo before relying on details.