Prompt Library All Programming Image Generation Stable Diffusion Video Generation Music Generation Design

Toolsサイト診断 WebP Converter Image Resize Favicon Generator

Start with AIGemini ChatGPT Claude DeepSeek Cursor AntiGravity

Prompt Library

All 🖼️ Stable Diffusion(590)🎨 Image Generation(348)💻 Programming(261)🎬 Video Generation(41)✏️ Design(7)🎵 Music Generation(3)

81-120 of 261

Per page20 40 100

Instant AI Art! Generate Images with Replicate API

Build a WebRTC P2P Video Chat App: AI Prompt Example

Detect Element Visibility with Intersection Observer v2

Control Parent from Child with :has()

Anchor Away! CSS Anchor Positioning for Floating UI

Scoped Styles Simplified: CSS @scope in Action

Trim redundant spacing! CSS margin-trim for clean layouts

Responsive Cards! CSS Container Queries for Component-Level Layout

React to $state Changes! Svelte 5 Runes Magic

Unlock OKLCH: Smoother Gradients & More Vibrant Colors

Track Element Visibility Like a Pro: Intersection Observer v2

CSS color-mix() Live Palette: AI-Generated Code Example

Parental Control: CSS :has() Selector for Dynamic Parent Styling

Native Dialog Element Modal Animation: AI Prompt Example

Smooth Page Transitions with View Transitions API

Build a Blog with Astro Content Collections — Type-Safe Markdown Made Easy

View Transitions API: Smooth Page Navigation Code Example

Two-Way Bound! Vue 3.4 defineModel for Parent-Child Data Sync

Speculation Rules API Playground: AI-Generated Code Example

Draw Your First WebGPU Shader Triangle: Prompt Example

CSS color-mix() Live Palette: AI Prompt Example & Code

Popover API Modal: Open & Close with Native Power

Modal Magic: Native Dialog Element in Action

CSS Anchor Positioning: tooltip that follows

Alpine.js Reactive Todo: Add, Edit, Delete & Persist

! Animated Gradient Generator: @property Interactive Canvas

Color Mix Magic: Cohesive Gradients with CSS color-mix()

Master CSS Subgrid: Align Nested Layouts Like Magic

Compute Shader: WebGPU Particle Explosion

Text-Balance: Perfect Line Breaks for Headlines

Reactive Drawing Board with Preact Signals

Responsive Cards with Container Queries

HTMX Partial Update: Dynamic Content Swapper

GSAP ScrollTrigger: Interactive Timeline Progress Bar with Step Highlights

Interactive Text-Balance Playground: CSS text-wrap: balance & pretty

WebGPU Shader Playground: Compute Shader Basics

GSAP ScrollTrigger: Interactive Staggered Text Reveal

GSAP ScrollTrigger: Interactive Parallax Card Deck

Speculation Rules API: Interactive Prefetch Playground

CSS @property Custom Properties Playground – AI Prompt