react
Featured
react
React is a JavaScript library for building user interfaces with declarative, component-based, and cross-platform design.
AI repository intelligence
FR-AI / ANALYSISWhy it is worth attention
It demonstrates an impressive breadth of browser-native creative coding techniques (glassmorphism, canvas particles, 3D CSS, generative art) across 100 distinct visual concepts, each accompanied by a creative prompt for easy remixing and learning.
Who it is for
- Front-end developers looking for design inspiration
- Visual designers exploring code-based art
- Creative coders seeking ready-to-run examples
- Web educators teaching raw HTML/CSS/JS capabilities
Use cases
- Inspiration for UI/UX mockups and landing pages
- Learning advanced CSS and Canvas techniques through real examples
- Creating an offline digital art gallery or screensaver
- Remixing with provided prompts for personal or educational projects
Strengths
- Zero external dependencies — every file is self-contained and works offline
- Responsive design and broad technique diversity (glassmorphism, particle systems, 3D transforms, generative art)
- Inclusion of creative prompts (.txt files) makes every piece reproducible and remixable
- MIT license allows free use, modification, and sharing
Considerations
- No interactive controls beyond cursor-driven interactions (e.g., particle follow, tilt effect)
- Accessibility and performance considerations (e.g., particle-heavy pieces may be taxing on low-end devices) are not addressed
- Some pieces may rely on modern browser features; older browsers may have limited support
README quick start
🎨 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 |
Description
DS4F HTML Collection — a curated gallery of standalone HTML/CSS/JS experiments
Related repositories
Similar projects matched by category, topics, and programming language.
yetone
Featured
kill-ai-slop
Kill AI Slop is a multilingual field guide and agent skill that catalogues 33 common AI-generated design tells with interactive before-after demos, and provides a tool to scan and fix web projects.
ddoemonn
interior
A collection of React micro-interaction components that handle the critical half-second after a click, with headless hooks for behavior and styled examples.