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

Copy the full site-building prompt into an AI coding tool (Cursor, v0, Claude and others) to generate the page section for Rare Gallery, then swap in your own copy, brand and asset links to reuse it. A free MotionSites prompt case; the site does not list its creator, so attribution goes to MotionSites.

Copy the full site-building prompt into an AI coding tool (Cursor, v0, Claude and others) to generate the page section for Palomar Labs, then swap in your own copy, brand and asset links to reuse it. A free MotionSites prompt case; the site does not list its creator, so attribution goes to MotionSites.

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

Copy the full site-building prompt into an AI coding tool (Cursor, v0, Claude and others) to generate the page section for Quantum Core, then swap in your own copy, brand and asset links to reuse it. A free MotionSites prompt case; the site does not list its creator, so attribution goes to MotionSites.

Single-file HTML recreation of the Vesper.ai one-screen landing page, using inline CSS and a small IIFE for the menu and animation fallback, with no framework and no dependencies. Useful for learning how to fit a whole page spec into one file.

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

One-screen DeFi hero with a private-bank feel, locked to a single screen with no scrolling, built with React 18 and Tailwind. Useful for learning financial-style typography and controlling information density on one screen.

A strict single-page SaaS hero recreation task that explicitly forbids adding sections or copy on your own. Plain HTML, CSS, and JS only, good for practicing delivery to spec without improvising.

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

A single self-contained index.html with no build, no framework and no external JS, where all numeric requirements must match exactly. Suited to testing a model's ability to deliver to spec at pixel level.

One-screen hero with no scrolling, where a live-refracting liquid-glass card floats over a full-width looping video. The refraction is both the technical challenge and the memorable part.

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

Light-background hero for the Stellar.ai landing page, using Inter and a max-w-7xl grid. One of the few light-themed entries in this batch, useful for studying color inversion against the dark versions.

Full-screen dark hero with a looping video, navigation, a large headline and a logo marquee at the bottom. All theme colors sit in CSS variables, so changing one variable swaps the brand.

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

First screen for an AI floral platform, with liquid-glass morphism layered over a looping video background. The way the glass layer works with the video base is the part that can be lifted out whole.

Dark hero for an AI site builder, with dependencies pinned down to the version of motion. The specific use of the animation library is the main point of 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 Sidebar. The tool can then wire it into your React project, and you swap in your own copy, colors and trigger parameters.

Dark hero for a coding education platform, with a numbered spec that fixes everything from background layout to responsive breakpoints and leaves no room for improvising. Useful for learning how to turn a design mockup into an executable spec.

High-performance landing page section built with React, Tailwind v4 and Motion, with the dependency list and install steps included in the prompt so it can be built out of the box.

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

Immersive video background with a liquid-glass footer, built with Tailwind v4 and motion/react. It turns the usually dullest part of a page, the footer, into the main visual.