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

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

One-screen 404 page built with React, Vite and Tailwind, using DM Sans and Google Material Symbols icons.

Copy this TSX component source into an AI coding tool such as Cursor, v0, or Claude, and tell it this is the Aceternity UI Gooey Input 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 Vortex Background. The tool can then wire it into your React project, and you swap in your own copy, colors and trigger parameters.

Space-travel landing page with two full-screen sections (Hero and Capabilities) over a looping video background.

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

Section-level prompt that starts from the font preconnect in the head, with delivery requirements specified down to the link tag. Part of the same brand system as Orbis NFT.

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

Full-screen hero for the AI wellness companion product Aurai, with a looping video background.

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

One-screen hero with liquid glass over a looping video, built with React, TypeScript, Vite and Tailwind.

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

Statistics section built with React, Tailwind v4 and Motion, a standard component with counting-number animation.

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

Black-background landing site for the neural AI product SynapseX, with a full-screen video background running throughout and a cyber feel.