Aceternity UI
Big, cinematic hero effects with the code shown in full
Aceternity UI is a catalogue of ambitious visual effects for React: 3D card tilts, spotlight cursors, sticky scroll reveals, infinite moving cards. Each component is documented with its full source on the page, so you copy it in rather than install a package.
What you get
The components here are larger and louder than most libraries attempt. Several are the kind of set piece that carries an entire above the fold on its own.
Everything is Tailwind and Motion, presented as copy and paste source. There is no version to upgrade and no package boundary to argue with, which is the point.
How to use it well
Pick one hero effect and build the rest of the page quietly around it. These components are designed to be the loudest element on the screen, and two of them on one page cancel each other out.
Read each snippet before pasting. Some carry inline colours and fixed sizes that need mapping onto your own tokens if you want the page to stay coherent.
Reach for it when
- the hero needs to do something people remember
- you are comfortable owning pasted source and adapting it
- you want the effect explained rather than hidden behind an import
Watch out for
- components arrive with hardcoded colours and sizes more often than not, so budget time for token mapping
- the paid templates and pro components are a separate offer from the free component pages
- several effects depend on cursor position and have no meaningful touch equivalent, so design the mobile view separately
Compare with these
- Landing pagesFree
Watermelon UI
Technical, animated landing templates installed through the shadcn CLI
- shadcn
- motion
- template
MITRead - Landing pagesFree tier
Magic UI
A large catalogue of animated marketing components for React
- animation
- shadcn
- motion
MITRead - Landing pagesFree tier
Motion Primitives
Small, composable animation building blocks rather than finished effects
- animation
- motion
- primitives
MITRead