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

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 Timeline. The tool can then wire it into your React project, and you swap in your own copy, colors and trigger parameters.

A 3D cylindrical carousel of bank cards driven by React hooks, a high-performance interactive component and the most complex interaction in this batch.

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 Beams With Collision 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 Floating Dock component. It can then wire it into your React project, and you can swap the copy, colors, and trigger parameters to reuse it.

Landing hero for the subscription creative agency Alwayzz, built with React and Vite, with styling deliberately done in custom CSS instead of Tailwind utility classes.

Copy this TSX component source into an AI coding tool such as Cursor, v0, or Claude, and tell it this is the Aceternity UI Card Spotlight 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 Animated Modal component. It can then wire it into your React project, and you can swap the copy, colors, and trigger parameters to reuse it.

Hero section for the pet shop CozyPaws, built with React, Tailwind and Lucide, in a warm and friendly style.

Copy this TSX component source into an AI coding tool such as Cursor, v0, or Claude, and tell it this is the Aceternity UI Glare Card 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 Link Preview component. It can then wire it into your React project, and you can swap the copy, colors, and trigger parameters to reuse it.

Three iPhones side by side showing the mobile design of a church website, built on React Native and Expo Router. A rare native mobile prompt in this batch.

Copy this TSX component source into an AI coding tool such as Cursor, v0, or Claude, and tell it this is the Aceternity UI Flip Words 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 Aurora Background component. It can then wire it into your React project, and you can swap the copy, colors, and trigger parameters to reuse it.

Copy the full site-building prompt into an AI coding tool (Cursor, v0, Claude and others) to generate the page section for Vision Reveal, then swap in your own copy, brand and asset links 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 Multi Step Loader. 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 into an AI coding tool such as Cursor, v0, or Claude, and tell it this is the Aceternity UI Fey.com Macbook Scroll component. It can then wire it into your React project, and you can swap the copy, colors, and trigger parameters to reuse it.

Travel journal app UI mockup inside an iPhone frame, built with React, TypeScript and Tailwind, showing one way to present mobile designs 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 Google Gemini Effect 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 Images Slider component. It can then wire it into your React project, and you can swap the copy, colors, and trigger parameters to reuse it.

Mobile-first landing page for the logistics company CARGOX, with the whole page placed inside an iPhone 15 Pro frame, built with React, TypeScript and motion.

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 Boxes component. It can then wire it into your React project, and you can swap the copy, colors, and trigger parameters to reuse it.