Start with the work. Trace it back to the maker and method.

Copy this TSX component source into an AI coding tool such as Cursor, v0, or Claude, and tell it this is the Aceternity UI Focus Cards component. It can then wire it into your React project, and you can swap the copy, colors, and trigger parameters to reuse it.

Copy this TSX component source into an AI coding tool such as Cursor, v0, or Claude, and tell it this is the Aceternity UI Following Pointer component. It can then wire it into your React project, and you can swap the copy, colors, and trigger parameters to reuse it.

Full-screen hero for the travel app Wandor, built with React, TypeScript, Vite and Tailwind.

Copy this TSX component source into an AI coding tool such as Cursor, v0, or Claude, and tell it this is the Aceternity UI Loaders component. It can then wire it into your React project, and you can swap the copy, colors, and trigger parameters to reuse it.

Copy this TSX component source and hand it to an AI coding tool such as Cursor, v0 or Claude, noting it is the Aceternity UI implementation of Stateful Button. The tool can then wire it into your React project, and you swap in your own copy, colors and trigger parameters.

Full-screen hero built with React and Framer Motion, deliberately without Tailwind and hand-written in plain CSS, useful for comparing the two approaches.

Copy this TSX component source into an AI coding tool such as Cursor, v0, or Claude, and tell it this is the Aceternity UI Apple Cards Carousel component. It can then wire it into your React project, and you can swap the copy, colors, and trigger parameters to reuse it.

Copy this TSX component source and hand it to an AI coding tool such as Cursor, v0 or Claude, noting it is the Aceternity UI implementation of Pixelated Canvas. The tool can then wire it into your React project, and you swap in your own copy, colors and trigger parameters.

Pixel-level recreation of a dark-themed CTA section, built with React 18 and framer-motion, with even the composition of the cn() utility function written into the spec.

Copy this TSX component source into an AI coding tool such as Cursor, v0, or Claude, and tell it this is the Aceternity UI Images Badge component. It can then wire it into your React project, and you can swap the copy, colors, and trigger parameters to reuse it.

Copy this TSX component source and hand it to an AI coding tool such as Cursor, v0 or Claude, noting it is the Aceternity UI implementation of Navbar Menu. The tool can then wire it into your React project, and you swap in your own copy, colors and trigger parameters.

Full-page marketing landing for Boomerang, a conversational AI platform for financial institutions, built with React, TypeScript and Tailwind.

Copy this TSX component source into an AI coding tool such as Cursor, v0, or Claude, and tell it this is the Aceternity UI Compare component. It can then wire it into your React project, and you can swap the copy, colors, and trigger parameters to reuse it.

Copy this TSX component source into an AI coding tool such as Cursor, v0, or Claude, and tell it this is the Aceternity UI Background Lines component. It can then wire it into your React project, and you can swap the copy, colors, and trigger parameters to reuse it.

Mobile wellness quiz interface inside a phone-frame mockup, built with React and Tailwind on a centered white page. Useful for learning how to present a realistic phone shell on the web.

Copy this TSX component source into an AI coding tool such as Cursor, v0, or Claude, and tell it this is the Aceternity UI Layout Text Flip component. It can then wire it into your React project, and you can swap the copy, colors, and trigger parameters to reuse it.

Copy this TSX component source into an AI coding tool such as Cursor, v0, or Claude, and tell it this is the Aceternity UI Canvas Reveal Effect component. It can then wire it into your React project, and you can swap the copy, colors, and trigger parameters to reuse it.

Beauty category showcase section built with React and Tailwind, with each container spec named item by item.

Copy this TSX component source and hand it to an AI coding tool such as Cursor, v0 or Claude, noting it is the Aceternity UI implementation of Squiggly Text. The tool can then wire it into your React project, and you swap in your own copy, colors and trigger parameters.

Copy this TSX component source and hand it to an AI coding tool such as Cursor, v0 or Claude, noting it is the Aceternity UI implementation of Noise Background. The tool can then wire it into your React project, and you swap in your own copy, colors and trigger parameters.

Editorial personal portfolio hero in black and cream, with cards, purple and Inter explicitly banned. The anti-AI-look constraints are written straight into the prompt.