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

Glassmorphism hero for a DeFi dashboard, with specs down to the dependency list. The premium feel comes mainly from the transparency and edge treatment of the glass layers.

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

Full-screen HLS streaming video background with a glassmorphism navigation bar and hero content anchored at the bottom left. Using HLS rather than mp4 is the engineering difference.

Dark hero for a security company that uses an embedded Spline 3D scene as the background instead of the usual video. Connecting @splinetool into React and shadcn/ui is the main interest.

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

Four-section dark space-themed NFT landing page with a CloudFront video background and a liquid-glass UI, and its own system of colors and fonts. A rare complete multi-section page in this batch.

One-page white design studio site built with React, TypeScript, Tailwind and lucide-react icons. The interest is how a two-typeface system carries a premium feel on a minimal white page.

Copy this TSX component source into an AI coding tool such as Cursor, v0, or Claude, and tell it this is the Aceternity UI Comet Card 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 a design education platform. The looping video background gives its CloudFront source URL directly, so even the asset URL is in the prompt and recreating it needs no guesswork.

Light liquid-glass hero on a white background with a 1600px-wide layout and layered gradient glows at the top left for atmosphere. Light glassmorphism is harder to pull off than dark, and this entry gives the full 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 Colourful 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 one-page portfolio using GSAP and Framer Motion together with hls.js video streaming. It sets the global design system first and then expands section by section, so the prompt structure itself is a template.

Modern hero with a looping video background, with the video URL, fonts and spacing all written as detailed specs. A standard template for a video-backed 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 3D Animated Pin component. It can then wire it into your React project, and you can swap the copy, colors, and trigger parameters to reuse it.

Dark monochrome newsletter landing page built with React, shadcn/ui and Framer Motion. The font strategy of Inter paired with italic Instrument Serif can be reused as a whole.

Dark landing page for an analytics dashboard SaaS, built with React, Framer Motion and shadcn/ui, with fonts split between body and headings. A standard SaaS website skeleton.

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

SaaS first screen where the navigation and hero fill exactly 100vh with scrolling disabled. The layout constraints are all written as Tailwind class names, so copying them is enough.

Full-screen hero for a booking app, with three Google fonts assigned to the UI, buttons and headings. The prompt sets up the design system before the layout, a structure worth copying.

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

Brand footer as a React function component, with Tailwind, motion/react and lucide-react and font weights fixed in the config. It shows that a footer can also have layered motion.