为什么值得关注

该仓库展示了浏览器原生创意编码技术的广泛多样性（玻璃态、Canvas粒子、3D CSS、生成艺术），涵盖100个不同的视觉概念，每个都附带创意提示，便于复制和二次创作。

适合谁使用

寻找设计灵感的前端开发者
探索代码艺术的视觉设计师
需要现成示例的创意编程者
传授原始HTML/CSS/JS能力的网络教育者

典型使用场景

为UI/UX原型和着陆页提供灵感
通过真实案例学习高级CSS和Canvas技术
创建离线数字艺术画廊或屏保
使用提供的提示进行个性化或教育项目的再创作

项目优势

零外部依赖——每个文件自包含且离线可用
响应式设计且技术多样性丰富（玻璃态、粒子系统、3D变换、生成艺术）
附带的创意提示（.txt文件）使每个作品可复制和混改
MIT许可证允许自由使用、修改和分享

使用前须知

除了鼠标驱动的交互（如粒子跟随、倾斜效果）外，没有其他交互控制
未涉及可访问性和性能考量（例如，粒子密集的作品可能在低端设备上吃力）
部分作品依赖较新的浏览器特性，旧浏览器可能支持有限

README 快速开始

🎨 100 HTML — A Gallery of Digital Art

100 completely self-contained HTML files, each a visually stunning, standalone piece of digital art.

Every page is a unique design showcase — zero dependencies, zero external assets, zero frameworks. Just raw HTML, CSS, and JavaScript working together to create something beautiful.

✨ The Collection

Each file is a single .html that opens in any modern browser and works fully offline. Paired with each is a .txt containing the exact creative prompt so the design can be recreated or remixed.

#	File	Concept
001	`aurora-glass.html`	Glassmorphism cards with animated aurora borealis background
002	`floating-planets.html`	Orbiting celestial spheres around a central title
003	`neon-cyberpunk.html`	Glitch text, scanlines, and neon grid
004	`minimal-legacy-watch.html`	Live luxury watch showcase with working hands
005	`particle-network.html`	Interactive particle connections following the cursor
006	`liquid-dream.html`	Organic morphing blobs with color cycling
007	`brutal-type.html`	Raw heavy typography with noise and glitch
008	`zen-garden.html`	Meditative rock garden with raked sand
009	`cosmic-dust.html`	Nebula particle system with thousands of stars
010	`kinetic-letterforms.html`	Dancing letters repelled by cursor
011	`glass-calculator.html`	Fully functional calculator with crystalline UI
012	`color-wave.html`	Morphing gradient wave layers
013	`isometric-city.html`	Procedural 3D CSS cityscape
014	`monochrome-editorial.html`	Black-and-white magazine spread
015	`neon-butterfly.html`	Iridescent butterfly with rainbow trail
016	`analytics-dashboard.html`	Premium dark-mode data dashboard
017	`scroll-story.html`	Vertical scroll-snap storytelling
018	`geometric-dreams.html`	3D platonic solids morphing in space
019	`bokeh-dreams.html`	Soft photographic bokeh circles
020	`crystal-growth.html`	Generative crystal facet structures
021	`sunset-horizon.html`	Animated golden-hour landscape
022	`holographic-shimmer.html`	Iridescent card with 3D tilt follow
023	`ripple-pond.html`	Physics-based water ripple simulation
024	`typography-poster.html`	Experimental type-as-art poster
025	`space-explorer.html

项目描述

DS4F HTML Collection — a curated gallery of standalone HTML/CSS/JS experiments

ds4f-html-collection