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.
Best for 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
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.
