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

One-page hero for a prosthetics product, built with React, TypeScript and Tailwind, with the whole page living in App.tsx and dependencies kept to a minimum.

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 Grid 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 Ripple Effect 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 creative studio Foldcraft, built with React, Tailwind and Lucide on an immersive ocean theme.

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 Gradient 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 Hero Highlight 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 built with Vite, React and TypeScript, with all motion handled by GSAP and fonts defined in index.css.

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

Portfolio landing page for 3D creator Jack, built with React, TypeScript and Framer Motion on a #0C0C0C dark 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 Hero Parallax 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 Tabs component. It can then wire it into your React project, and you can swap the copy, colors, and trigger parameters to reuse it.

Landing page with a full-screen video background and a contact form placed directly on top of the 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 Parallax Grid Scroll. 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 Direction Aware Hover component. It can then wire it into your React project, and you can swap the copy, colors, and trigger parameters to reuse it.

One-page hero for Axon, a digital-employee platform, that turns the abstract idea of deploying digital workers into a visual first screen.

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

Project case showcase section built with React, TypeScript and Framer Motion in the DM Sans typeface. The hover pixel-grid effect gives the piece its name.