Loading…
Case library · Public evidence

双栏注册界面 Aurora Sign Up,React + Tailwind v4 + motion/react,表单页也认真做动效。
Prompt
Please build a modern, two-column registration interface called "Aurora Sign Up". Use React, Tailwind CSS (v4), `motion/react` (for animations), and `lucide-react` (for icons). The app…
A complex cinematic video prompt presenting a psychological horror scene about a man and his perceived reflection. The shot moves from a symmetrical medium shot to a dramatic slow-motion mirror shatter, ending with an infinite mirrored void and a hard cut to black.
Prompt
@referance image As first frame. A sharply dressed man in a dark blazer and black shirt stands facing a tall ornate mirror in complete darkness. His reflection stares back — but th

Prompt
Build a single React component for an "About" section using Tailwind CSS. Use `lucide-react` for the ArrowRight icon. System font stack only (no custom fonts). Match every detail exactly:…

Prompt
Prompt: Build a modern React landing page using Vite, Tailwind CSS, and motion/react for elegant animations. The application must feature a highly polished, aesthetic hero section and a…
A prompt for Grok Imagine designed to generate authentic 1970s Paris documentary footage featuring a gritty 16mm film aesthetic with organic grain and natural lighting.
Prompt
Gritty 16mm cinéma vérité, authentic 1970s Paris documentary footage, organic film grain, pure natural daylight, heavy shoulder-mounted handheld shake, no stabilization, soft focus falls,…

Prompt
Build a "Behind the Lens" photography blog section with the following exact specifications: **Layout and Structure:** - White background page, max-width 1200px, centered, 60px vertical…

复古未来主义创意机构 Mainframe 的全屏 hero,React + TypeScript,双字体系统是整页性格的来源。
Prompt
Build a full-screen hero landing page for a creative agency called "Mainframe" using React, TypeScript, Vite, and Tailwind CSS. Here is every detail: --- FONTS Load two fonts in…
A whimsical video prompt depicting animated shrimp celebrating a birthday on a beach, with one singing and the others playing piano keys.
Prompt
The lead shrimp sings happily with mouth moving clearly, as if singing Happy birthday to Mr Teng, the other shrimps play the piano keys together in rhythm, swaying and celebrating

全屏 hero,React + Tailwind + Framer Motion + Lucide,Inter 字体,规格逐项精确。
Prompt
Build a full-screen hero section using React, Tailwind CSS, Framer Motion, and Lucide React icons. Use the Inter font. The page is fully mobile-responsive. Here are the exact…

无代码产品的等候名单页,React + Tailwind v4 + Motion + hls.js,暗色单屏加视频流背景。
Prompt
Build a full-screen dark hero section landing page in React + Vite + Tailwind CSS v4 + Motion (framer-motion) + Lucide React icons + hls.js. The page should be a single screen (100vh, no…
A video prompt depicting a conversation among friends at a bar about the differences between boys’ and girls’ childhood toys.
Prompt
Subjects: two men and one woman who are friends Scene: a bar, where the three sit around a table drinking tea Here, one of the men, Man A, says: “Here’s something interesting.” The woman…

Prompt
Build a premium, AI-native email client landing page called "Aura" using **React 18 + TypeScript + Vite + Tailwind CSS + motion/react (framer motion) + lucide-react**. The aesthetic is…

Prompt
Create a single full-viewport (`h-[100dvh]`) Nike-branded section in React + Tailwind CSS + GSAP. It must be **fully mobile responsive**. The app requires `react-player` and `gsap`…
This workflow can be used with one click on liblibai, with plugins and models already installed. Recommended large model: majicMIX realistic, or other realistic-style SD1.5 large models. Recommended LoRA: Lin He - Wuhua Tianbao - e-commerce commercial product modeling and rendering premium-assist LoRA. If you do not have a membership, you can use other SD1.5 e-commerce-style LoRAs. The workflow tutorial is being updated. Workflow steps: 1. In the first Load Image module, upload the product image. 2. In the second Load Image module, upload the product style reference image. 3. Load the correct models required in the workflow. If you are not sure how to adjust them, you can watch the video tutorial (video tutorial pending update). 4. Click Generate. Workflow compiled and published by [Designer Learns Ai]. If you like this workflow, remember to follow me. My homepage has more workflows published. Workflow page; for commercial use, you must also verify the base model, LoRA, nodes, and input materials. License: not specified on the original page, pending manual review.
Prompt
This workflow can be used with one click on liblibai, with plugins and models already installed. Recommended large model: majicMIX realistic, or other realistic-style SD1.5 large…

Prompt
Build a single-page hero section with a full-screen looping background video, liquid glass UI elements, and a dark cinematic aesthetic. Use React, TypeScript, Tailwind CSS, and Lucide…

安全产品 Xero 的单页 hero 精确复刻题,React + TypeScript,Inter 字体,规格写到不留发挥空间。
Prompt
Build a **single-page React + TypeScript (Vite)** landing hero for a product called **"Xero"** that recreates the following section exactly. Use the **Inter** Google Font (weights 300,…
Write the keywords carefully!!! The content must feature the item in the uploaded image as the main subject. The workflow was quite impressive when I built and tested it myself. The product image workflow automatically generates a suitable angle based on the specific need and blends perfectly into the environmental lighting and shadows. Product images can be uploaded with a transparent background, a white background, or any scene image that is not too complex!! A LoRA dedicated to retouching and rendering has been included. Address: ****s://****liblib.art/modelinfo/e5604e02cca44f0cb8ceeca0359447d3?from=personal_page&versionUuid=b54eed5cdd71420bb70beb3337b4d59c Mask expansion may require several tests to find the value range suitable for your own product. The default value is one I found to have relatively high compatibility after testing different products. You can generate multiple images at once and draw for the best result~ Everyone is welcome to share results, and you can also follow my profile for more e-commerce workflows. Note: this workflow does not mind the angle, lighting, or shadows of the uploaded product. Some small details in the output may have errors; in general, it can achieve 80~95% fidelity. If you need to preserve details perfectly, there are several workflow options available on my profile~ Workflow page; for commercial use, you must also verify the base model, LoRA, nodes, and input materials. License: the original page does not specify this; pending manual review.
Prompt
Write the keywords carefully!!! The content must feature the item in the uploaded image as the main subject. The workflow was quite impressive when I built and tested it myself. The…

保健品牌 TerraElix 的单页 hero,React + Tailwind + Lucide 图标,健康品类的清爽视觉参考。
Prompt
Create a single-page hero landing for a wellness/supplements brand called "TerraElix" using React + Tailwind CSS + Lucide React icons. The page is a full-viewport hero with a background…

React 19 + Tailwind v4 + motion/react 的落地页,从 index.html 字体引入写起,新版本栈的完整开荒示范。
Prompt
Build a React landing page exactly as specified below. Use React 19, Tailwind CSS v4, and motion/react for animations. 1. Fonts & Global CSS Setup: In index.html, import these Google…
############### AI Master Workflow ################## This workflow can help you achieve: First, simply upload a product image, and you can use the latest sam2 model to cut out the product losslessly. Second, the extracted product can generate any background based on the prompt you write, and it can blend well with the background without looking out of place. Third, intelligent lighting adjustment. The current version temporarily uses the 1.5 lighting control model, and later versions can also be upgraded to the FLUX version to further enhance the product’s texture. Fourth, it can also ensure that the final generated main image perfectly preserves the original text on the product, so you can finally say goodbye to AI-processed gibberish. Fifth, if you also want AI to generate Chinese or English text on the final image, it supports calling any font installed on your computer, with free control over the text size, position, color, and more. Specific usage: e-commerce image generation + text generation two-in-one workflow ############### AI Master Workflow ################## Workflow page; for commercial use, also verify the base model, LoRA, nodes, and input materials. License: not clearly stated on the original page, pending manual review
Prompt
############### AI Master Workflow ################## This workflow can help you achieve: First, simply upload a product image, and you can use the latest sam2 model to cut out the…

Prompt
### Stack - **Vite** + **React 18** + **TypeScript** - **Tailwind CSS 3.4** - **lucide-react** for icons (`LogIn`, `UserPlus`, `Play`, `Sparkles`, `Menu`, `X`) - No Framer Motion -- all…

密码管理器 VaultShield 的全屏 hero,React + TypeScript + Tailwind + Framer Motion,安全类产品的视觉调性参考。
Prompt
Create a fullscreen hero section for a password manager app called "VaultShield" using React, TypeScript, Tailwind CSS, Framer Motion, and Lucide React icons. --- ## Fonts - **Heading…
Sticker collage / creative image compositing / wallet / passport holder. Application introduction: This workflow can seamlessly blend patterns onto specified products. It is designed specifically for visual design tasks such as e-commerce product image generation, pattern mapping, and scene integration. It can intelligently fit user-provided pattern images onto the surface of product images, generating highly realistic composite images that meet commercial photography standards, suitable for product displays, advertising design, content creation, and many other scenarios. 1. Intelligent blending, natural and realistic Uses advanced visual models such as Gemini 3 Pro Image to achieve natural integration of lighting, material, and perspective between the pattern and the product surface, avoiding a “mapped-on” look. Supports multilayer image input (two-image/three-image modes), allowing multiple patterns and base colors to be integrated at the same time. 2. Multiple modes, flexible adaptation Two-image mode: pattern + product image Three-image mode: pattern 1 + pattern 2 + product image Single-image mode: product image only + scene description generation Unlimited image variation: generate diverse lifestyle scene images based on a single image 3. Batch generation, efficient output Built-in Repeater node supports one-click batch generation of multiple result images (default 4), improving image output efficiency. Output quantity, quality (1K/2K/4K), and aspect ratio (1:1, etc.) can be freely adjusted. 4. Prompt guidance, precise control Provides structured prompt templates. Users only need to make slight adjustments to control: pattern integration method (printed layer/sticker feel/embossed feel), scene description (airport, cafe, office setting, etc.), shooting style (commercial photography/lifestyle snapshot/high realism) 5. Plug and play, easy to use Preset node connections and parameters are already configured. Users only need to: upload images, fill in or select a prompt, and click generate. Built-in with many example images and prompt cases, so beginners can get started quickly. How to use: Step 1: Upload the product image and pattern image. Step 2: Fill in the prompt (default is available Step 3: Click generate. Many high-quality workflows on the homepage: ****s://****liblib.art/userpage/46987de339ac47e0965172f7ccd1b939/publish/workflow Workflow customization, model customization, optimization, teaching, error troubleshooting, one-on-one guidance WeChat: [omitted] If this workflow is not what you need, contact the creator to customize an exclusive workflow. Workflow page; for commercial use, also verify the base model, LoRA, nodes, and input materials. License: Not clearly stated on the original page, pending manual review
Prompt
Sticker collage / creative image compositing / wallet / passport holder Application introduction: This workflow can seamlessly blend patterns onto specified products. It is designed…