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

Build a single-page fullscreen hero section for a brand called "SynapseX" using React, Vite, Tailwind CSS v4, and Framer Motion (`mot

Unlimited Aniamted AI Heros - Here’s the exact prompt I used: Build a full-screen cinematic hero section for a space travel website using React, Vite, TypeScript, Tailwind CSS, and the…

Create an artistic and cinematic portfolio website for a film director. The homepage should

Here's how to create your Netflix style personal portfolio website with AI. Use this prompt: Design a cinematic personal portfolio website inspired by the visual language of Netflix, but…

Here's how to create your personal portfolio website in Neumorphism style. Use this prompt: Build a premium futuristic portfolio website with a clean Neumorphism UI, featuring soft…

the exact prompt architecture that built this site i didn't ask kimi k2 to "make a website" i gave it a full creative brief: → aesthetic direction (editorial fashion / minimalist…

I made this $10,000 website with one prompt over the weekend… Just joking. I made another mock-up webpage for fun using one main prompt and a few smaller prompts to adjust it. It mostly…

GPT 5.6 Pro has pretty nice frontend capabilities! I decided testing frontend abilities because it was the "ouch" moment of ChatGPT since GPT 5.2 I used to pay Claude Max x5 before,…

2. Fashion house landing page Prompt: "Create an experimental landing page for a fictional digital fashion house called VEIL/FIELD. This should feel like an interactive editorial spread,…

Just tested Qwen 3.8 max, it cooked hard!! This is crazyyyyy!!! Prompt - “Create a single-page website that feels like a living digital organism—not a template. Use cinematic WebGL…

I am building an animated loader and icon library as my second project. This weekend I tried building a landing page for this. But I made an experiment to build it completely with claude…

3. Robotics landing page Prompt: "Build a landing page for a fictional robotics company called IRON INDEX. The page should feel like an industrial CAD terminal mixed with a technical…

Recreate this exact single-viewport landing page for **Vesper.ai**. Document title: `Vesper.ai — Operational AI Infrastructure`. `lang="en"`. One HTML file with inline CSS and a small IIFE…

Create a dark mode hero section for an AI website builder with the following exact specifications: ## Technical Setup ### Required Packages Install these packages: - `motion` (version…

Create a full-screen dark hero landing page for a security company called "SENTINEL AI" using React, Vite, TypeScript, Tailwind CSS, shadcn/ui, and an embedded Spline 3D scene as the…

Prompt to recreate this landing page: Build a single-page dark portfolio landing page using React + Vite + Tailwind CSS + TypeScript + GSAP + Framer Motion + hls.js. --- ## Global Design…

Build a React functional component using Tailwind CSS, `motion/react` for animations, and `lucide-react` for icons. **1. Typography & Setup:** - Import the "Inter" font from Google Fonts…

// components/ui/parallax-hero-images.tsx "use client"; import React, { useEffect, useState, useMemo, useCallback, memo } from "react"; import { motion, useMotionValue, useSpring,…

// components/ui/world-map.tsx "use client"; import { useRef } from "react"; import { motion } from "motion/react"; import DottedMap from "dotted-map"; import { useTheme } from…

// components/ui/file-upload.tsx "use client"; import { cn } from "@/lib/utils"; import React, { useRef, useState } from "react"; import { motion } from "motion/react"; import { IconUpload…

// components/ui/placeholders-and-vanish-input.tsx "use client"; import { AnimatePresence, motion } from "motion/react"; import { useCallback, useEffect, useRef, useState } from "react";…

// components/ui/evervault-card.tsx "use client"; import { useMotionValue } from "motion/react"; import React, { useState, useEffect } from "react"; import { useMotionTemplate, motion }…