# Aceternity UI

> Big, cinematic hero effects with the code shown in full

Category: Landing page templates (https://aiarabicdev.com/landing-pages)
Canonical page: https://aiarabicdev.com/landing-pages/aceternity-ui
Tags: animation, hero, motion, copy-paste, react

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.

## Facts

- Licence: Free to use, per the project's own terms
- Language: TypeScript
- Cost: Free core, paid tiers exist
- Self hostable: yes
- Added: 2026-08-23
- Last checked: 2026-08-23

## Links

- Website: https://ui.aceternity.com

## 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

---

aiarabicdev is a free directory of open source tools. No affiliate links, no sponsored placements.
New entries are announced at https://t.me/arabic_Intelligence