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 Keyboard 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 for the design agency Axion Studio, using a shaders package for a shader effect in the hero background. The only WebGL shader entry 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 Dither Shader 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 Encrypted Text component. It can then wire it into your React project, and you can swap the copy, colors, and trigger parameters to reuse it.

About Me section for a personal site, built with React and framer-motion, loading all weights of the Kanit font 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 Dotted Glow 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 this TSX component source into an AI coding tool such as Cursor, v0, or Claude, and tell it this is the Aceternity UI Canvas Text component. It can then wire it into your React project, and you can swap the copy, colors, and trigger parameters to reuse it.

Dark, cinematic site with two full-screen sections (Hero and Capabilities), built with React, Vite, TypeScript 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 Sticky Banner. 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 Draggable Card component. It can then wire it into your React project, and you can swap the copy, colors, and trigger parameters to reuse it.

Cinematic full-screen hero for the travel brand Wanderful, built with React, TypeScript, Tailwind and GSAP.

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 Resizable Navbar. 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 Container 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.

Exact recreation of the PricingSection pricing block, built with React 18 and framer-motion, in the same design system as Rocket CTA.

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

Perfume product section with a looping video on the left half and a lime-green block on the right. The clashing color layout is what makes it memorable.

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

Product benefits section in white text on a black background, built with React, TypeScript and Tailwind with no extra dependencies.

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