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.
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 |
3D spaceflight with mouse controls |
| 026 | vintage-grain.html |
Analog film-grain editorial page |
| 027 | circuit-board.html |
Glowing PCB traces with signal pulses |
| 028 | data-flow.html |
Network topology with traveling packets |
| 029 | pulse-rings.html |
Expanding sonar rings following cursor |
| 030 | kaleidoscope.html |
8-fold symmetrical pattern generator |
| 031 | fire-particles.html |
Realistic flame particle system |
| 032 | glass-dashboard.html |
Frosted-glass analytics panel |
| 033 | neumorphic-player.html |
Soft UI music player |
| 034 | origami.html |
3D paper cranes in CSS space |
| 035 | storm-clouds.html |
Thunderstorm with lightning bolts |
| 036 | dna-helix.html |
3D double helix with mouse twist |
| 037 | retro-terminal.html |
Glowing green CRT terminal emulator |
| 038 | butterfly-wings.html |
Iridescent bezier-curve butterflies |
| 039 | floating-islands.html |
Fantasy islands in misty sky |
| 040 | mandala.html |
Generative radial sacred geometry |
| 041 | city-rain.html |
Rainy night cyberpunk cityscape |
| 042 | prism-light.html |
Light refraction through a prism |
| 043 | lava-lamp.html |
Retro lava lamp blob physics |
| 044 | morse-code.html |
Morse-encoded signal transmission |
| 045 | pixel-art.html |
Evolving generative pixel canvas |
| 046 | feather.html |
Organic feather barb simulation |
| 047 | clock-face.html |
Real-time analog clock |
| 048 | wave-interference.html |
Physics ripple tank simulation |
| 049 | kaleidoscope-flowers.html |
Blooming floral kaleidoscope |
| 050 | sound-visualizer.html |
Generative audio frequency bars |
| 051 | cube-field.html |
3D wireframe cube cluster |
| 052 | ink-bleed.html |
Watercolor ink spreading on paper |
| 053 | typographic-hierarchy.html |
Editorial type specimen |
| 054 | geometric-abstraction.html |
Mondrian-inspired composition generator |
| 055 | night-sky.html |
Interactive constellation viewer |
| 056 | rose.html |
Animated blooming rose |
| 057 | swarm.html |
Boids flocking simulation |
| 058 | folding-fan.html |
Animated hand fan |
| 059 | marbling.html |
Paper marbling pattern generator |
| 060 | spiral-galaxy.html |
5000-star spiral galaxy |
| 061 | neon-signage.html |
Flickering neon sign text |
| 062 | paper-texture.html |
Literary page with animated grain |
| 063 | jellyfish.html |
Bioluminescent deep-sea jellyfish |
| 064 | aurora-borealis.html |
Northern lights over silhouetted hills |
| 065 | topography.html |
Contour map terrain visualization |
| 066 | honeycomb.html |
Glowing golden hexagon grid |
| 067 | lightning.html |
Electric storm bolt generator |
| 068 | peacock.html |
Iridescent tail-feather display |
| 069 | sand-dunes.html |
Shifting desert landscape |
| 070 | mosaic.html |
Stained-glass tile pattern |
| 071 | chess-board.html |
3D perspective chessboard |
| 072 | rainbow-prism.html |
Spinning color wheel |
| 073 | smoke.html |
Volumetric smoke particle system |
| 074 | watercolor.html |
Bleeding paint-on-paper effect |
| 075 | starmap.html |
Clickable star catalog |
| 076 | orbit.html |
Atomic orbital particle system |
| 077 | compass.html |
Mouse-following directional compass |
| 078 | fibonacci-spiral.html |
Golden ratio point distribution |
| 079 | neon-heart.html |
Pulsing parametric heart with particles |
| 080 | infinity-mirror.html |
Receding concentric ring tunnel |
| 081 | tornado.html |
Vortex funnel particle system |
| 082 | lissajous.html |
3:4 frequency Lissajous curve |
| 083 | glaciers.html |
Ice crystal facet structures |
| 084 | fireworks.html |
Particle burst celebration |
| 085 | mushroom-cloud.html |
Rising explosion cloud |
| 086 | spider-web.html |
Dew-covered web with breeze |
| 087 | coral-reef.html |
Underwater coral ecosystem |
| 088 | binary-rain.html |
Matrix-style digital code rain |
| 089 | sierpinski.html |
Recursive fractal triangle |
| 090 | plasma-ball.html |
Electric arc plasma globe |
| 091 | opal.html |
Iridescent gemstone shimmer |
| 092 | rings.html |
Orbital ring system |
| 093 | ripple-effect.html |
Click-to-ripple water surface |
| 094 | aurora-waves.html |
Flowing aurora curtain bands |
| 095 | neon-city.html |
Synthwave neon skyline |
| 096 | geometric-portrait.html |
Abstract wireframe face |
| 097 | tree-of-life.html |
Recursive fractal tree |
| 098 | solar-system.html |
8-planet orrery |
| 099 | ocean-waves.html |
Layered sea surface |
| 100 | abstract-liquid.html |
Morphing organic rings |
Every page aims to be:
- Visually impressive — Would you bookmark it? Would it stand out in a design showcase?
- Technically pure — No frameworks, no CDNs, no external fonts or images. Every byte is authored.
- Responsive — Works on any screen size.
- Offline — Everything is inline. Open the file and it works.
- Unique — 100 different concepts, not 100 color variations of the same idea.
Across the collection you'll find:
| Technique | Examples |
|---|---|
| CSS Glassmorphism | 001, 011, 022, 032 |
| Canvas Particle Systems | 005, 009, 015, 019, 031, 057, 073, 084 |
| 3D CSS Transforms | 002, 013, 018, 034, 051 |
| Canvas Simulation (physics) | 023, 043, 048, 052, 081 |
| Generative Art | 012, 020, 030, 040, 045, 054, 059, 078, 089 |
| Typography as Art | 003, 007, 014, 024, 053, 062 |
| Data Visualization | 016, 028, 032 |
| SVG/CSS Art | 008, 022, 034, 061, 062 |
| Interactive Experiences | 005, 010, 025, 042, 057, 077, 093 |
# Clone the repo
git clone <repo-url>
# Open any file directly in your browser
open 001-aurora-glass.html
# or just double-click the fileNo build step. No server required. No internet needed.
├── 001-aurora-glass.html # Standalone HTML page
├── 001-aurora-glass.txt # Creative prompt for this page
├── 002-floating-planets.html
├── 002-floating-planets.txt
├── ...
├── 100-abstract-liquid.html
├── 100-abstract-liquid.txt
└── README.md
Each .txt file contains the exact prompt, design description, techniques used, and intended interaction model — making every page reproducible and remixable.
MIT — freely use, remix, and share.
Crafted with ❤️ using only a text editor and a browser.
